「なんかダサい…」
自分のデザインを見て、そう感じたことはありませんか？
- 色がしっくりこない
- なんとなく古く見える
- ごちゃごちゃして見づらい
- プロっぽくならない
実はこれ、センスの問題ではありません。
→多くの場合「やってはいけないこと」をやっているだけです。
この記事では
- ダサくなるデザインの特徴
- なぜダサく見えるのか
- すぐ改善できる具体的な方法
を分かりやすく解説します。
デザインがダサくなる本当の理由
まず前提として理解しておきたいこと
→デザインはセンスではなく「ルール」
です。
プロと初心者の違いは
→ルールを知っているかどうか
これだけです。
① 色を使いすぎている
NG
- 赤
- 青
- 緑
- 黄色
- 紫
→カラフルすぎる
なぜダサくなる？
→情報が整理されていない
解決策
→3色までに絞る
メインカラー
サブカラー
アクセントカラー
② フォントがバラバラ
NG
- 明朝体
- ゴシック
- 手書き風
- 英語フォント
→統一感ゼロ
なぜダサくなる？
→世界観が崩れる
解決策
→2種類まで
見出し
本文
③ 余白がない
NG
→詰め込みすぎ
なぜダサくなる？
→呼吸できないデザイン
解決策
→余白はデザイン
余白 = 高級感
④ 要素が揃っていない
NG
- 左揃えと中央揃え混在
- ボタン位置バラバラ
なぜダサくなる？
→視線が迷う
解決策
→揃える（アライン）
⑤ 影・装飾を多用
NG
- 強い影
- グラデーション
- 縁取り
なぜダサくなる？
→古いデザイン感
解決策
→シンプルにする
⑥ 文字が読みにくい
NG
- 小さい文字
- 色が薄い
- 行間が狭い
なぜダサくなる？
→UXが悪い
解決策
行間：1.5〜1.8
文字サイズ：16px以上
⑦ 強調が多すぎる
NG
→全部目立つ
なぜダサくなる？
→どこを見るべきか分からない
解決策
→強調は1つだけ
⑧ ボタンがダサい
NG
- 小さい
- 目立たない
- 押せるか分からない
解決策
余白をつける
色で目立たせる
⑨ 統一感がない
NG
→ページごとに別デザイン
なぜダサくなる？
→ブランド崩壊
解決策
→ルールを決める
⑩ 情報が整理されていない
NG
→ごちゃごちゃ
なぜダサくなる？
→読めない
解決策
→グルーピング
デザインが良くなる黄金ルール
ここまでをまとめると
① シンプルにする
→足すより削る
② 余白を作る
→空白はデザイン
③ 統一する
→色・フォント・配置
④ 優先順位をつける
→見せたい順に
⑤ ユーザー目線
→見やすいか
一気に良くなる改善方法
Before
→ごちゃごちゃ
After
→ 整理
やること
色を減らす
フォント統一
余白を増やす
揃える
→これだけで激変します
プロがやっていること
プロは
→ 引き算のデザイン
です。
初心者
→ 足す
プロ
→ 削る
まとめ
デザインがダサくなる原因は
→ センスではない
→ ルール違反
です。
重要ポイント
① 色を減らす
② フォントを統一
③ 余白を作る
④ 揃える
⑤ シンプルに
最後に
デザインはセンスではなく技術です。
ルールを知れば誰でも上手くなります。
