← カタログ一覧に戻る

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

カード・タイル型のレイアウト

カード・タイル型のレイアウトは、情報を整理して見せるカード型の構成です。上部と左右にナビゲーションやコピーライトを固定して見せたり、左エリアを固定してサイズ違いのカードを展開したり、タイポグラフィと写真を重ねてクールな印象にしたり、クリックすると広がるエリアを作ったり、グリッドに沿って同じサイズで写真を敷き詰めたりすることで、情報を整理し、視認性を高めます。

アイデアと参考サイト

上部と左右にナビゲーションやコピーライトを固定して見せる

導線を明確にする、固定ナビゲーションの配置。

左エリアを固定して、サイズ違いのカードを展開する

リズム感を生み出す、サイズの変化。

タイポグラフィと写真を重ねてクールな印象にする

視覚的なインパクトを生み出す、重ねの活用。

クリックすると広がるエリア

インタラクティブな体験を提供する、展開アニメーション。

グリッドに沿って同じサイズで写真を敷き詰める

整然とした印象を実現する、統一されたサイズ。