2021.9.13
初心者さんがやりがちなNGデザイン(後編)
デザイナーじゃないのに、突然お店のメニューを作ることになった…
初心者だけど、せめて「なんかダサい」とは言われたくない!
そんなデザイン初心者さんやノンデザイナーさん向けに、やりがちなNGデザインとその解決方法をご紹介します。
後編である今回は、飾りとレイアウトについてまとめてみました。
前編では色と文字についてまとめています。
まだの方はぜひこちらもご覧ください!
初心者さんがやりがちなNGデザイン(前編)
●飾り編
シャドウはひかえめに
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/39d02dd1a2b2ab3907d9fa66fac6da1e.jpg)
初心者さんによく見られる、濃いドロップシャドウ。
濃い…、というか黒い!
シャドウをつけるのは、デザインの情報量を上げるには便利なテクニックなのですが、実はさりげないくらいで十分なケースが多いです。
あまりつけすぎると全体が黒黒としてしまうので、シャドウはさりげなく、ひかえめを意識してみてください。
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/88fa7e13a6383810a2bde6b0e9a855af.jpg)
また、なんでもシャドウをつけるのは、ごちゃごちゃしてしまうので避けましょう。
存在感が欲しい物に、ポイントとして使うようにしましょう。
飾りの図形は小さく
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/32f23318bb46939ece3e3513fe2c0323.jpg)
リンクボタンや箇条書きのマークなど、文章のアクセントとして図形を使う際は文字より小さいサイズを目安にするとバランスが良くなります。
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/7943a95b11a7838f6c2f2939744ab889.jpg)
アイコンやイラストなどは、ユーザーの目を引く目的で大きめでもOKです。
吹き出しになんとなく入れられた文字
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/58271e1a7561164d01a00239337c1744.jpg)
プレゼン資料などにもよく登場する「吹き出し」
なんとなく文字をいれるのではなく、文字の周りの余白を意識することで、読みやすく、美しい吹き出しになります。
なんとなく作られた吹き出し
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/05c9c7a0b254faf204b9bc87f5ab4c76.jpg)
ワード感が出てしまう吹き出しは、デザインの中で悪目立ちしてしまうのでNG。
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/30c3e3aa7c7182bbb027d8ca2c798169.jpg)
綺麗な吹き出しのポイントは、
です。
また、初心者のうちは線と塗りに色をつけるのは避けて、線のみor塗りのみに色を付けるとデザインの中で使いやすいです。
角丸は潰さない
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/0998dd08bad6b811271df38e2f05a1e3.jpg)
潰れた角丸はどうしても素人感や、ちょっと雑な印象を与えてしまいます。
角丸オブジェクトのサイズを変更した時には角が潰れていないか確認し、見る人の印象を悪くしないようにしましょう。
良い素材を使う
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/83329607a198428715daf20d32ce0a8e.jpg)
写真やイラストは質の良いものを選ぶようにしましょう。
デザインが良くても、素材のテイストが古かったり、色が悪かったりすると全体の印象も悪くなってしまいます。
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/77321c76014e180e62cacc3f15c77e91.jpg)
折込チラシや雑誌などで、「良いな」と思ったものには
どんな写真やイラストが使われているかという目線でみてみると、素材選びの参考になる思います。
●レイアウト編
文字を揃える
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/8096828538804bb49fa9415097ab0615.jpg)
文字は基本的には左揃えがおすすめです。
中央揃えは短い文章にはOKですが、長文は読みづらくなってしまい、おすすめできません。
ブロックも揃える
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/ee611f3621cfae60b791ebbd3425abc5.jpg)
文章以外の要素、図形や画像がある場合、幅や高さを揃えるようにすると画面がスッキリとし、見る人に伝わりやすくなります。
余白をとる
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/8bf0bb369cad95742e73a2786b0bead5.jpg)
文字の回りには均等に、適度な余白をとりましょう。
枠で囲むにも、帯を引くにも、適度に余白を設けることでスッキリとまとまり読みやすい印象になります。
![](https://ikel.co.jp/wp/wp-content/uploads/2021/09/1cc06e9fa5ebbc164c22a1be50eea3ac.jpg)
デザイナーは余白をデザインしている、とも言われます。面倒くさいかもしれませんが、余白を意識して脱素人感を目指しましょう!
まとめ
飾りとレイアウト編、いかがだったでしょうか?
「デザインを作ってみたけど、なんだかイマイチ…」というときには、文字の幅や高さを揃えるだけでも印象が良くなるので、ぜひ試してみてください!
![](https://ikel.co.jp/wp/wp-content/themes/wp-ikel/images/column/imagawa.png)
株式会社イケル デザイナー
デザイン・イラストを担当しています。お客様それぞれの”らしさ”を活かしたホームページデザインを作成します!
コラムの一覧へ戻る