← カタログ一覧に戻る
レイアウトや構図から考えるデザイン
カード・タイル型のレイアウト
カード・タイル型のレイアウトは、情報を整理して見せるカード型の構成です。上部と左右にナビゲーションやコピーライトを固定して見せたり、左エリアを固定してサイズ違いのカードを展開したり、タイポグラフィと写真を重ねてクールな印象にしたり、クリックすると広がるエリアを作ったり、グリッドに沿って同じサイズで写真を敷き詰めたりすることで、情報を整理し、視認性を高めます。
アイデアと参考サイト
上部と左右にナビゲーションやコピーライトを固定して見せる
導線を明確にする、固定ナビゲーションの配置。
左エリアを固定して、サイズ違いのカードを展開する
リズム感を生み出す、サイズの変化。
タイポグラフィと写真を重ねてクールな印象にする
視覚的なインパクトを生み出す、重ねの活用。
クリックすると広がるエリア
インタラクティブな体験を提供する、展開アニメーション。
グリッドに沿って同じサイズで写真を敷き詰める
整然とした印象を実現する、統一されたサイズ。