← カタログ一覧に戻る
レイアウトや構図から考えるデザイン
グリッドレイアウト
グリッドレイアウトは、整然とした秩序感と視認性を両立する格子状の構成です。様々なカラムを組み合わせて情報をまとめたり、斜めの要素を配置して特定のレイアウトを印象付けたり、テキストをかぶせてレイアウトの中にアクセントを付けたり、余白をしっかり取り抜け感のある印象にしたりすることで、情報を整理し、視認性を高めます。
アイデアと参考サイト
様々なカラムを組み合わせて情報をまとめる
情報の整理と可読性を向上させる、カラムの組み合わせ。
斜めの要素を配置して、特定のレイアウトを印象付ける
動的な印象を生み出す、斜めの配置。
テキストをかぶせてレイアウトの中にアクセントを付ける
視覚的なインパクトを生み出す、テキストの配置。
余白をしっかり取り、抜け感のある印象にする
開放感と視認性を実現する、余白の活用。