「センスがいい」と言われたい!…デザインで“初心者っぽさ”を消す4つのポイント【プロのデザイナーが解説】
THE GOLD ONLINE(ゴールドオンライン) / 2024年6月16日 17時30分
![「センスがいい」と言われたい!…デザインで“初心者っぽさ”を消す4つのポイント【プロのデザイナーが解説】](https://media.image.infoseek.co.jp/isnews/photos/goldonline/goldonline_60956_0-small.jpg)
(※写真はイメージです/PIXTA)
SNSの発信から地域のお知らせポスターにいたるまで、わたしたちが「デザイン」に触れる機会は多くあります。デザイン研究所による著書『デザインのミカタ 無限の「ひきだし」と「センス」を手に入れる』(KADOKAWA)より、プロのデザイナーの視点から、「初心者あるある」を脱するセンスのいいデザインを学んでいきましょう。
「初心者のデザイン」の“違和感”に、たくさんの学びが隠れている
初心者のデザインを見ると違和感を抱くことがありますが、「なぜこれに違和感を覚えるのだろうか」という部分を言語化することでたくさんの学びが生まれます。
[画像1]の透明度を上げた帯も、初心者が使いがちです。では、なぜ透明度を上げるとNGなのでしょうか? このように初心者のデザインを見ることも、なぜを考える力を高めることにつながります。
![](https://ggo.ismcdn.jp/mwimgs/e/c/800m/img_ec09a2f0f40dc2d6568346220f0d2085102608.jpg)
2つを見比べると、明らかに100%表示の帯の方が文字が見やすいはずです。このように、初心者デザインとプロのデザインを見比べることで、「図形を使う時、文字の可読性を重視する場合は100%表示にする」と導き出すことができます。
デザインが“初心者っぽい”と言われてしまう「4つ」の原因
では、どのようなデザインが初心者っぽいのか? 下記のデザインを例に「初心者あるある」を見ていきましょう。
![](https://ggo.ismcdn.jp/mwimgs/b/1/800m/img_b14e2f955057b41d9bb78def19e43688127792.jpg)
①透明度を上げている
![](https://ggo.ismcdn.jp/mwimgs/9/9/800m/img_990cc53b120c8610f619099c95a8d9f411402.jpg)
透明度を上げると、文字の可読性が下がります。背景が薄く見えるメリットはありますが、読みにくくなるので100%表示にしましょう。
②中の文字の余白がない
![](https://ggo.ismcdn.jp/mwimgs/d/c/800m/img_dc53f28a6b84f92bbdf226cb0905beb649255.jpg)
図形の中の文字の余白がないと、窮屈な印象を与えてしまいます。文字のサイズを小さくする、あるいは図形を大きくすることで回避できます。
③中途半端な長さ
![](https://ggo.ismcdn.jp/mwimgs/a/f/800m/img_af4a9740968e1bbd9c6eddc1d981a39220316.jpg)
中途半端な長さだと、②と同じように窮屈な印象を与えてしまいます。外まで飛び出す幅いっぱいの図形にすれば窮屈にはなりません。
④境界線がある
![](https://ggo.ismcdn.jp/mwimgs/5/2/800m/img_52a0ebf193f51e327cc84e1d77b036b426473.jpg)
境界線を加えると、ごちゃごちゃして騒がしい印象になります。ポップなデザインなら良いですが、それ以外は使わない方が吉です。
「塗り」と「線図形」は“あえて両方”使う
![](https://ggo.ismcdn.jp/mwimgs/f/6/800m/img_f69b59927c3f229d08b5f9ae765623bd188293.jpg)
![](https://ggo.ismcdn.jp/mwimgs/0/9/800m/img_09d5cb82334d9c9f72751788396aae2d135527.jpg)
「塗り」だけだと重くなり、「線図形」だけだと軽くなる
![](https://ggo.ismcdn.jp/mwimgs/c/a/800m/img_ca36a8434e1202219ab04c4b0d5f783f22357.jpg)
ピザを紹介するグループの中で、星形のNEWの塗り図形と、sizeの表記であるMとLを囲む線図形の両方が使われています。
![](https://ggo.ismcdn.jp/mwimgs/5/f/800m/img_5f9aae25caf01a2f5ff43692129f37ad40539.jpg)
店舗情報を紹介するグループの中で、受付時間と営業時間は線図形、予約サイトの文字は塗り図形を使った小見出しになっています。
-CHECK-
塗り図形だけだとデザインが重くなり、線図形だけだとデザインが軽くなります。
![](https://ggo.ismcdn.jp/mwimgs/7/4/800m/img_7408fbed825bc05eb0370f232bc3e09990284.jpg)
他のデザインサンプル1
【葉】1つのスライドの中で、塗り図形と線図形の両方がある
【木】塗り図形と線図形の両方があることで、1つのスライド内にメリハリが生まれている
【森】メリハリを出したい時に、線図形と塗り図形の両方を使うとバランスが良くなる。デザイン全体が重い印象の場合は、線図形に変えて、軽い印象の場合は塗り図形に変えてみる
![](https://ggo.ismcdn.jp/mwimgs/d/f/800m/img_dfcb8ee08455544c5f564295654bf3b5147454.jpg)
他のデザインサンプル2
【葉】背景の図形が、赤い塗り図形と白い線図形の両方で構成されている
【木】赤い塗りと白い線の両方を使うことで、バランス良くメリハリが生まれている
【森】上の森を見ると同じ
デザイン研究所
外部リンク
この記事に関連するニュース
ランキング
-
1イタリア人が営む「老舗ラーメン店」の人生ドラマ 西武柳沢「一八亭」ジャンニさんと愛妻のこれまで
東洋経済オンライン / 2024年7月22日 11時30分
-
2なぜユニクロは「着なくなった服」を集めるのか…「服屋として何ができるのか」柳井正氏がたどり着いた答え
プレジデントオンライン / 2024年7月22日 9時15分
-
3円安は終わり?円高反転4つの理由。どうなる日経平均?
トウシル / 2024年7月22日 8時0分
-
4ウィンドウズ障害、影響続き世界全体で2600便欠航…損害は1600億円を超えるとの見方も
読売新聞 / 2024年7月22日 11時16分
-
5「土用の丑の日」物価高でも…あの手この手の“うなぎ商戦” 大手スーパーの目玉は「超特大」
TBS NEWS DIG Powered by JNN / 2024年7月22日 19時59分
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/mission_close_icon.png)
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/point-loading.png)
エラーが発生しました
ページを再読み込みして
ください
![](/pc/img/mission/mission_close_icon.png)