デザインのこと

【初心者必見!】やってはいけないダサいデザインの原因

自分でもダサいとわかっていながらその原因がわからない!

なんかデザインがバラバラでダサい感じがする。

色がガチャガチャしてダサい感じがする!

なんてことはありませんか。

ダサいデザインには理由があります。

この記事ではやってはいけないデザインとその解決方法を解説します。

 

ダサく感じるデザインはどんなデザインなのか?

ダサいと感じるデザインは【分かりにくい】【読みにくい】が原因のほとんどかと思います。逆に言えば分かりやすく、読みやすいデザインにすることでダサいイメージは解決に近づきます。

では【分かりにくい】【読みにくい】の原因を具体的に解説します。

色を使い過ぎはダメ!

色を使いすぎるとデザインの難易度は上がります。

あれも、これも目立たせたいからと言って、色を多用するとまとまりがなくなく目立つと言うより、分かりにくいダサいデザインになってしまいます。

解決用法

使用する色数を減らせば解決します!

色はベースカラー、メインカラー、アクセントカラーの3色で構成することをお勧めします。

カラーの比率はベースカラー75%、メインカラー25%、アクセントカラー5%が美しいとされています。

下の画像はベースカラーが紙の白、メインカラーはブルー、アクセントカラーは黄色で構成されています。

たった3色でもまとまりのあって、わかりやすデザインになっています。

 

ベースカラー

最も面積がを占める背景色となります。メインカラーとアクセントカラーを引き立てる色となります。

メインカラー

紙面の印象を決める色となります。どのような印象にしたいのかでこの色が決まります。

アクセントカラー

いわゆる指し色ってやつです。ポイントで目立たせたいところに使います。紙面全体を引き締める役割があります。

それでも色を増やしたい場合には。
  • メインカラーの同系の色を使う。
  • 同じトーンの色で統一する。

などの方法があります。

下のデザインは複数の色を使っていますが、トーンを合わせることでまとまりのあるデザインになっています。

写真のトーンも重要です。使用している写真も配色と同じような淡いトーンになっているので違和感のないデザインに感じます。おそらく全体のトーンに合わせて色調整をしているかと思います。

配色の参考にどうぞ

配色の選び方。色を選ぶ方法をわかりやすく解説します。デザインをする上で配色は制作物の印象を左右する重要な要素です。 感覚に頼った配色では色数が増えてくるとどうしても行き詰まってしまい...

色の組み合わせがダサい。

下のような色の組み合わせをすると、目立つかもしれませんが、読みにくく、伝わりにくいデザインになります。

解決方法

色には相性があります。相性の良い色を使うことで読みにくさは解決します。

また、色にはその色自体が持っているイメージがありますので、例えばエコの広告に赤色をメインに使うなど合わない色を使うことも避けた方がよいでしょう。

色の組み合わせに参考記事をどうぞ

イメージniで目的の配色ができる!配色を決める時、作りたいイメージにならない、なんてことはありませんか。 そんな時はトーンをうまく活用することで目的のイメージに近づ...
配色で目立たせる色の組み合わせ! 強調する配色の作り方。デザイン作業をする上で必ず何か強調させたいものがあります。 強調させる方法は様々あります。レイアウトで強調したり、要素の大きさで強...

 

装飾が多すぎる、またはくどいのはダメ!

過度な装飾はダサいデザインになりがちです。デザインを始めたばかりの方にありがちですが、個性を出したいばっかりに凝った装飾をしがちですが、やりすぎるとダサい印象になりがちです。

また目立たせるためやイメージを伝えるための装飾であって、文字が読みづらく、伝わりにくいものになってしまったら本末転倒です。

文字を変形で読みにくくてダサい!

横幅にできるだけ大きくコピーを入れたいがために、文字を縦長にして入れたデザインをよく見かけます。これはダサいデザインの典型です。

当たり前なことですが、フォントは正体で使用する前提で作られていて、正体が一番美しいのです。変形することは、それをわざわざ崩してダサくしているだけです。

あとエンベロール機能を使った変形もやり過ぎはダサいデザインになりがちです。

解決方法

過度に縦横の比率を変えるのは読みにくくダサく感じるので文字の変形はやめましょう!

レイアウトを優先するのではなく、読みやすさを優先しましょう!

よくあるのが、コピーを1行で入れたいあまり、長体を掛けて入れるという安易なレイアウトはやめて、全体のレイアウトを見直す方向で考え直したほうが良いものができると思います。

フォントの種類が多過ぎはダメ!

ここも目立たせたい!ここも変化を付けたいなどの理由からいろんなフォントを使用していませんか?まとまりがないものになり、ダサいイメージになりがちです。

解決方法

特徴的なフォントを使うことは決して悪いことではありませんが、キャッチコピーだけ使って、後はスタンダードなゴシック体、明朝体を使うなど、ワンポイントで使うことをお勧めします。

スペースがなく、窮屈でダサい!

適度なスペース(空白)がないと窮屈なイメージになり、読みにくく、見づらい印象になります。それがダサさを感じさせます。

デザイン初心者の方やノンデザイナーの方によくあるのですが、スペースがあると、どうにかして埋めようとします。

解決方法

要素と要素の間にも当然適度なスペースを入れ、読みやすい工夫が必要です。

スペースをうまく使って要素ごとのグループを明確化することが読みやすく、ダサくないデザインになります。

下の記事は余白の使い方について書いた記事です。参考にどうぞ。

余白をデザインする。余白のバランスを取る簡単な方法を解説デザインをしていると、なにかデザインが窮屈な感じがするとか 落ち着いた、お洒落な感じにしたいのに なんかゴチャゴチャしていて、も...

この記事を見ればわかりやすいレイアウトの参考になります。参考にどうぞ。

デザインの基本!「近接」でわかりやすいデザインをつくる見る人が勘違いさせてしまうような表現やレイアウトは、それだけで悪いデザインになってしまします。 情報を正しく伝えることはデザインを...

原稿量が多いものでもしっかりと大小の区別をすることが大切です。メリハリのあるデザインを作る参考記事をどうぞ。

わかりやすい、読みやすいデザインを作るジャンプ率の解説デザインをしていて、目立たせたい箇所を大きくしているのに 何となく目立たないとか、全体にメリハリがないとか、読みにくい、わかりにくい。...

まとめ

ダサいデザインの原因は主に見にくい、読みにくいがほとんどです。

例えば

色が多い→ごちゃごちゃしてどこを見たらいいのかわからない

文字を変形→読みにくい!

過度な装飾→装飾が目立ち過ぎて内容が伝わらない

スペースがない→窮屈で読む気が失せる

などなど、ダサいの原因は分かり難さが原因のほとんどです。

関連記事はこちら