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

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

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

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

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

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

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

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

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

綺麗だ…

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

【錯覚!】遠近感のつけ方

遠近感のつけ方…手段は探せば色々あると思います。 でもなかなか手間がかかったり再現が難しかったりします… 今回は手軽で簡単に遠近感を演出する方法を解説します!

【考察】写真を活かしたデザイン

Wired Cafeさんの期間限定メニューです。 とてもシンプルですね。 使用色は1種類(注釈のスミ文字除く)特別な処理は吹き出しのみ 写真(特に料理)メインのデザインで気をつける事 写真以外の要素は …

【考察】サムネイルデザイン解説

先日たまたま見つけた乃木坂46時間TVのデザインが素敵だったので今回はそれを解説していきます!

【Tips】野暮ったい「ぼかし」にしない方法

デザインでよく使う「ぼかし」。使い方によっては、野暮ったいデザインに なってしまいます… どういうケースで どのように使えば良いでしょうか? このように、ぼかし処理は色んな場面に使えます。 その時々で …

【Tips】メリハリの大切さ

文字組みしっかり!揃えるところは揃えたし シンプルに設計した! でもなんかイマイチ… そんな時はメリハリをつけてみましょう!特に数字は強い!大きくしてみましょう!! 詳細は解説をご覧ください。

スポンサーリンク