気軽にデザインを学べるデザイン解説ブログ。シンプルデザイン解説です。プロのグラフィックデザイナーがデザインを組む上で注目すべき観点を解説しています。
投稿日：2020年7月3日 更新日：
レイアウトの方法として「グリッド分け」というのがあります。
グリッド分けレイアウトのメリット
・シンプルで綺麗
・パッと見で情報量が分かる
・情報の区分けが明確にできる
整然とした見た目になるので、一見面白味のないデザインになりがちですが、そこは使い分けていきたいですね！
下の画像は、うまくデザインされている事例です。
写真とコピーの棲み分けが絶妙！
・3種類ということを色面構成で訴求
・写真命なのでそれ以外の要素は白ヌキで
・アイコンはパッと見でも分かりやすい
そもそも写真素材が良いということもありますが
それを差し引いても綺麗でスマートなデザインです。
こんなデザインできると楽しいですね！
執筆者：むっち
関連記事
【Tips】グラデーションを使いこなす！グラデーション色設定のコツ
グラデーションって普通に設定すると中間色がくすむ時ありますよね。 特にグラデーションに使う色の差が大きい（補色に近い）場合が多いです。 せっかくグラデーションを使うのであればキレイに見えるように設定し …
デザインを組んでいてなぜかゴチャゴチャしてくる事ってありませんか？ おそらくそれはオブジェクトの形やデザイン処理がバラバラだからです。 そんな時はデザイン要素のディテールを揃えるとスッキリします！ 今 …
YouTubeのサムネイルを作っていると対談動画の依頼ってありませんか？ 今回は対談イメージの基本事例4点とNG例1点を挙げました！ 右下に表示されるタイムコードはマストで考慮したい部分です。タイムコ …
このサイトは無駄を極力省いた シンプルなデザインになってます。 使用カラー：青（メイン色）・黄（強調色）のみ使用書体：恐らく1種のみ（太さで違いを出す） なぜこれだけで紙面が成り立つのか？ 商品写真を …
細かい文字は色の組み合わせによって視認性が著しく落ちる場合があります。 特にサムネイルは見る媒体によって小さく表示される事があり注意が必要です！
2021/02/12
2021/01/29
2021/01/27
[…] 【vol.5】グリッド分けレイアウト […]