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

move

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

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

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

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

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

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

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

本記事の内容

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

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

３：まとめ

こんにちは！takaです。

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

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

また、今の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です。

例えば、下記のかんじ。

デザインがまとまらない

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

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

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