← カタログ一覧に戻る

レイアウトや構図から考えるデザイン

1カラムのレイアウト

1カラムのレイアウトは、中央揃えで視線を集約し、集中力を高める構成です。斜め線を使い下まで読み進めるように誘導したり、1スクロールでエリアを移動して掲載内容を伝えたり、要素を中心に配置し画面サイズが変わっても統一した印象を保ったり、スクロールアニメーションを用いて掲載内容を表示したり、追従する要素を配置して遊び心のある見せ方にしたりすることで、情報に集中できる環境を構築します。

アイデアと参考サイト

斜め線を使い、下まで読み進めるように誘導する

読み進める動機を高める、斜め線の活用。

1スクロールでエリアを移動して掲載内容を伝える

情報を段階的に伝える、スクロール連動の活用。

要素を中心に配置し、画面サイズが変わっても、統一した印象を保つ

レスポンシブに対応した、中央配置の活用。

スクロールアニメーションを用いて、掲載内容を表示する

動きで情報を伝える、アニメーションの活用。

追従する要素を配置して、遊び心のある見せ方にする

インタラクティブな体験を提供する、追従要素の配置。