【危険】デザインが「まとまらない」と感じる原因と、5秒でできる解決方法を紹介【救済】

アニメーション

デザインの仕上がりがまとまらない、初心者デザイナーさん向け。

「がんばってデザインしてみたけど、上手くまとまらない。」

「理由は分からないけど、なんかしっくりこない。」

「デザインを簡単に、きれいに仕上げる方法が知りたい。」

こんな疑問を解決していきます。

※この記事は、3分くらいで読み終わります。

読み終える頃には、「まとまりのあるデザインができるようになる」はず(｀･ω･´)ゞ

本記事の内容

１：【原因】デザインが「まとまらない」と感じる原因を紹介。

２：【解決方法】まとまらないデザインを、５秒で解決する方法を紹介。

３：まとめ

こんにちは！takaです。

グラフィックデザイナー・クリエイティブディレクター歴12年。

毎月３０万〜５０万の収入を、コツコツ稼ぎつつ生きています。

また、今のLINE＠のお友だち登録数は、４０２人で、

毎月のブログ訪問者は１万人くらいです。

グラフ

今回のお話は、デザインが「まとまらない」と感じる原因と、5秒でできる解決方法について。

デザインを始めたての頃って、デザインが上手くまとまらず、苦労することが多いと思います。

しかも、その原因が分からないので、イライラすることも多いはず。

ちなみに僕も昔は、「一流のデザイナーみたいに、デザインがまとまらない...」と悩んでおり、わりと苦労してました。

今回は先にネタバレすると、「上手くまとまらない原因」は、

下記の３つです。

１：正しい文字組みができてない。

２：単純に、装飾が足りてない。

３：細かい部分の「細工」ができてない。

こんなかんじ。

この３つが足りてない場合が多いです。

特に３つ目の「細工ができていない」は、「実際に、どんなふうにやればいいか分からない」というケースが多いです。

なので、今回の記事では「細工を５秒で出来る方法」をレクチャーしていきます。

今回も、３分少々おつきあいください(｀･ω･´)ゞ

１：【原因】デザインが「まとまらない」と感じる原因を紹介。

夕焼け

繰り返しますが、まとまらない原因は、下記の３つです。

１：正しい文字組みができてない。

２：単純に、装飾が足りてない。

３：細かい部分に「細工」ができてない。

こんなかんじ。

詳しく解説します。

デザインがまとまらない原因１：正しい文字組みができていない。

正しい文字組みができてないと、デザインはまとまりません。

理由はシンプル。

・「情報が見やすい」=「まとまりのあるデザイン」だから。

つまり、文字が見にくいと、情報が頭に入ってこないので、まとまってる感じがなくなります。

イメージで言うと、営業マンがもってくる「営業資料」のかんじです。

まとまりのあるデザインを作る第一歩は、「正しい文字組み」からはじまります。

デザインがまとまらない原因２：単純に、装飾が足りてない。

装飾が足りてないと、まとまり感がなくなります。

なくなる理由も、シンプル。

・「装飾が少ない」=「文字メインのデザインになる」から。

つまり、装飾が少ないと、文字が主役のデザインになるので、「文字組みの質」が、もろに出ます。

結果、１つ目の原因が発動して、「まとまりのないデザイン」になりやすくなります。

文字組みに自信がない方は、できるだけ装飾を多くしたほうが吉です。

デザインがまとまらない原因３：細かい部分まで「細工」ができてない。

細かい部分まで「細工」ができてないと、まとまり感がなくなります。

理由もシンプル。

・デザインは、細かい細工を加えることで、クオリティが上がるから。

たぶん聞いたことがあると思いますが、

デザインは、細部に宿ります。

つまり、細かい細工が少ないとデザインのクオリティが下がり、「まとまりのないデザイン」になりやすいです。

以上が、デザインが「まとまらない」と感じる原因です。

次の項では、「まとまらないデザインを、５秒で解決する方法」を紹介していきます。

２：【解決方法】まとまらないデザインを、５秒で解決する方法を紹介。

今回の記事では、原因３つ目の「細かい部分まで細工ができてない」ことに注目して、解決方法をレクチャーしていきます。

詳しく解説します。

まとまらない解決方法１：【初級編】アンダーバーを使ってデザインする。

例えば、下記のデザインがあるとします。

デザインがまとまらない

チラシやwebの見出しなどでよく見る文字組みです。

これでもまとまり感があって見やすいですが、

人によっては「寂しくてまとまってない」と思う人がいます。

この場合は、アンダーバーを使えば、意匠性が少しアップします。

デザインがまとまらない

こんなかんじ。

ちょっとした細工ですが、わりと良い感じになりました。

この細工のメリットは、「タイトル周りが、なんか物足りないとき」に使えます。

線を引くだけなので、５秒で物足りなさが解消できます。

詳しいレシピは、下記のとおりです。

【デザインレシピ１】フォントの種類とサイズ

デザインがまとまらない

フォントの種類は、すべて無料で使える「源ノ角ゴシック」です。

見出しのサイズは「14pt」で、本文は「7pt」で作っています。

webデザインの場合は、見出しのサイズを「32pt」で、本文は「16pt」で作ればOKです。

【デザインレシピ２】字送りと行送りのサイズ

デザインがまとまらない

見出しの字送りは「60」です。

本文の字送りも「60」で、行送りは「11.2」です。

字送りと行送りの設定がわからない方は、上図右下のボックス部分を変更すればOKです。

webデザインの場合も、同様のサイズでOKです。

【デザインレシピ３】余白の取り方

デザインがまとまらない

余白の取り方ですが、「見出しと本文の間は、”見出しの高さの1.6倍くらい”空ける」とOKです。

webデザインの場合も、同様のサイズでOKです。

【デザインレシピ４】守るべき、ポイント。

デザインがまとまらない

守るべきポイントですが、「線の太さは、フォントに”3割くらいかかっている”くらい」でOKです。

※今回の線の太さは「5pt」にしています。

レシピは、以上です。

装飾を作る時間がない方は、わりと使えると思います(｀･ω･´)ゞ

まとまらない解決方法２：【ちょい初級編】3mmくらいの線を引いて、デザインする。

例えば、下記のデザインがあるとします。

デザインがまとまらない

そこそこデザイン経験のある方ならわかると思いますが、

掲載要素が「流れ」「見出し」「サブ」「本文」など、まとめて掲載する必要があるとき、文字が連なってまとまり感のない文字組みになりやすいです。

客観的にみて、文字ばかりで、かなり見にくいです。

この場合は、本文の上に「3mmくらいの線」を付け足して、情報を分けてあげるとOKです。

例えば、下記のかんじ。

デザインがまとまらない

見やすくなって、情報にまとまりが出てきました。

線を引くだけなので、５秒で解消できます。

詳しいレシピは、下記のとおりです。