2018年10月19日(金)

モバイルのレスポンシブデザインにおける４つの基本ポイント

• 0
• 148
• 32
• 107

さまざまな画面サイズのデバイスがあることから、今ではレスポンシブデザインが当たり前になっています。ユーザーがデバイスに関係なくコンテンツを利用できるように、さまざまな環境でテストをしながらWebサイトをデザインする必要があります。

ほかのあらゆるWebデザイン同様、モバイルなどの小さな画面向けのデザインに対する考え方はさまざまです。しかし考え方の違いに関係なく、Webデザインに関わる者であれば知っておくべきレスポンシブデザインの基本があります。

次にWebサイトをデザインするときは、以下の点を踏まえてモバイル用にもカスタマイズしましょう。

リーダビリティとユーザビリティが最優先

デザイナーなら誰でも、どのデバイスでも美しく見えるデザインを目指します。しかしモバイルでは、凝りすぎたデザインは危険です。デスクトップ画面で魅力的に見える高度なレイアウトやビジュアルであっても、モバイルでは意味がないこともあります。

デザインは、必要に応じてシンプルにする必要があります。小さな画面で見て不恰好な要素があれば、取り除いたりもっと効果的な要素と交換するべきです。

モバイルでは、タイポグラフィのフォントサイズやコントラストも重要です。モバイル画面が高画質でも、長文を読むのはうんざりします。フォントサイズを適...