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

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

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

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

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

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

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

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

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

綺麗だ…

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

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

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

【考察】スミ文字の色味を写真のトーンに近づける事で得られる効果とは?

写真がイメージ寄り…しかも良い雰囲気のものであればその世界観を活かしたデザインにしたいですよね! であれば、極力無駄は省きたい。。でも細かい部分はどうすれば… 今回はスミ文字の色味に着目! スミ文字の …

【考察】多色使いのデザイン克服方法

色数を多く使えばポップで明るいイメージに! しかし工夫しないとただただうるさいデザインになりがち… 今回は色数が多くてもしっかり見やすい読みやすいデザインにできる方法の一例を解説しました! この他にも …

【Tips】シンプルですっきりした立体感の出し方

シャドウを入れればそれなりに立体感が出ますが場合によっては野暮ったい印象に… 今回はイラレでカンタンに作れる立体の処理と野暮ったくならないシャドウの使い方を解説します!

【考察】商品とブランド訴求が上手いデザイン

このサイトは無駄を極力省いた シンプルなデザインになってます。 使用カラー:青(メイン色)・黄(強調色)のみ使用書体:恐らく1種のみ(太さで違いを出す) なぜこれだけで紙面が成り立つのか? 商品写真を …

スポンサーリンク