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

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

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

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

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

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

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

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

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

綺麗だ…

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

【色】補色とは?

補色とは 色相環で正反対に位置する関係の色の組合せのこと 言葉で表すとこう表現されますが なんのこっちゃ分からんですよね。。 今回は「補色」について 解説します!

【Tips】文字を見やすくする方法

デザインにおいて視認性って一番大事だと思うんです! デザイン性にこだわるあまり見にくく・読みづらくなっていませんか? 今回は袋文字を使用する際の注意点を解説します!

【解説】限られた素材で最高のデザインを作り上げる

前回の解説で作ったデザインに対して僕が気をつけたことの要点をかいつまんで解説します! 制限がある中でも最善策を提案できるように常日頃から引き出しを増やしていきたいですね!

【レイアウト】無駄な余白を作らない方法

文字をレイアウトしたはいいけどなんかバランスが良くない… そんな時は文字の天地左右に無駄な余白が無いか確認してみましょう! 今回は文字の整列と組み方について解説しました!

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

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

スポンサーリンク