Layout

Contents

シングルカラムが基本。

スマートフォンの画面幅はPCと比べて狭い。文章を読ませたいコンテンツは、1カラムで構成することで、視認性や可読性が向上する。また、1つの文章のかたまりは7行程度、長くても10行程度までに収まるように工夫する。小見出し活用して話題を分けたり、箇条書きや表、図、写真に出来ないかを検討する。

メリハリをつける。

縦に長いコンテンツは単調になりやすい。ユーザーが流し読みする際に、伝えたい情報に視線を向ける工夫が必要。具体的には、背景の色を替えたり、見出しを目立たせたり、動きを付けたりすることで、視線を誘導する。ただし、デザインは引き算ということを意識し、目立たせたいコンテンツ以外の装飾は控える。

Grid

  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item

Grid

重要なページへのリンクは目立たせる

ボタン