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

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

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

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

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

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

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

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

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

綺麗だ…

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

【Tips】白抜き文字とぼかしをうまく使って透明感を演出する

白背景に白い文字を使うなんてナンセンスというか 物理的に無理ですよね。。 しかしぼかしを駆使することで白抜き文字を効果的に使うことが 可能です! 解説をご覧ください。

【解説】読み物のデザインとレイアウトについて

雑誌「Hanako」の特集ページについてシンプルデザインの観点から解説しました。 サムネイルデザイン以外のデザイン知識を持っているとさらに差別化できますよ!

【Tips】単色じゃないのに単色っぽくみせる方法

単色でも、単色に見せない方法。 これはシンプルデザインには欠かせない手法です。 詐欺みたいですが これ結構使えます!! 色の幅を使いこなせるとデザインの幅も格段に広がります。

【カーニング】文字詰めの重要性

文字詰めについて考えたことはあるでしょうか? デザインにおいて文字はかなり重要なデザイン要素です。 そんな文字のデザインは文字詰めが「綺麗か?」「雑か?」で印象が全然違ってきます。 他と差をつけるなら …

【Tips】シアーを使って動きのあるデザインに

シアー(斜め変形)を使うとちょっとカッコよく見せることができます。 しかし、なぜこの処理を使うのか?そこが抜けていると一気に内容の薄いビジュアルになるので注意が必要です!

スポンサーリンク