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

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

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

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

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

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

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

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

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

綺麗だ…

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

【Tips】写真をチラ見せして興味を引く

写真を使ってデザインする機会も多いと思います。 今回は写真の使い方の変化球です!では解説をご覧ください。

【Tips】感情を文字組みで表現する方法

感情をデザインで表現する方法は色々ありますが今回は文字組みだけで表現してみます。 例えば… ワクワク感を文字組みで表現するにはどうすれば伝わるか?解説をご覧ください!

【Tips】ピンストライプの印象と使い方

背景パターンのなかで 比較的使いやすい「ストライプ」について 解説しました! 今回は 「ピンストライプ」 です。

【Tips】文字の読みやすさを考える

細かい文字は色の組み合わせによって視認性が著しく落ちる場合があります。 特にサムネイルは見る媒体によって小さく表示される事があり注意が必要です!

【Tips】色を活かすための工夫

きれいな色を活かすための工夫についてです。 色を主張したいので文字要素は無彩色(ここでは白)のみにしたい。 ブラッシュアップ前のものでも十分良いのですがもうひとつギミックを加えたい。 ギミックを加えた …

スポンサーリンク