シンプルデザイン解説ブログ

気軽にデザインを学べるデザイン解説ブログ。シンプルデザイン解説です。プロのグラフィックデザイナーがデザインを組む上で注目すべき観点を解説しています。

シンプルデザイン解説 デザイン解説 レイアウト

【Tips】グリッド分けデザインレイアウトのメリット

投稿日:2020年7月3日 更新日:

レイアウトの方法として「グリッド分け」というのがあります。

グリッド分けレイアウトのメリット
・シンプルで綺麗
・パッと見で情報量が分かる
・情報の区分けが明確にできる

整然とした見た目になるので、一見面白味のないデザインになりがちですが、そこは使い分けていきたいですね!

下の画像は、うまくデザインされている事例です。

綺麗だ…

写真とコピーの棲み分けが絶妙!

・3種類ということを色面構成で訴求
・写真命なのでそれ以外の要素は白ヌキで
・アイコンはパッと見でも分かりやすい

そもそも写真素材が良いということもありますが
それを差し引いても綺麗でスマートなデザインです。

こんなデザインできると楽しいですね!

-シンプルデザイン解説, デザイン解説, レイアウト

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


関連記事

【Tips】モチーフを使って文字を楽しげに演出しよう

タイトルやキャッチコピーを 分かりやすく見た目楽しいデザインにしたい! そんな時は文字の一部を象徴するモチーフに変えると世界観が深まります!

【レイアウト】見やすい情報整理の方法

デザインに入れる情報が多くてなかなかスッキリまとめられない… 一番カンタンなのは囲んだり線で区切る方法ですね! でもそれって誰でもできるしシンプルではありませんよね。。 今回は見やすくてシンプルな情報 …

【Tips】グラデで奥行きを演出

イラレでカンタンに奥行き感をつける方法を解説しました! グラデーションだけでもこれだけ奥行き感作れます!

【考察】分かりにくいデザインにならないように気をつけたい事とは?

シンプルなデザインにするためには同じ矩形やデザイン処理の多用は避けましょう。 上のデザインでは囲み処理の多用が見られます。 同じデザイン処理の多用は情報整理の観点からすると良くないです。 何故良くない …

【色】強い色同士を上手く使いこなす

「補色」「対照色」 なかなか扱いが難しい…難しい相手と上手くやっていくには距離感が必要ですよね(笑 色使いにおいても、距離感を取る方法はあります! 色を使いこなして、デザインの引き出しを増やしていきま …

スポンサーリンク