Posted at

デザインのここだけはおさえたい3つのポイント

More than 1 year has passed since last update.


はじめに

WEBデザイナーとして約2年が経ちましたが、まだまだ、良いデザインとは?どう表現すれば良いのか?と頭を悩ませる日々を過ごしております。

そんな自分が普段意識しているデザインをする上でここはおさえたいポイントというものをまとめさせていただきます。


ポイント1 余白に気をつける

これは入社したばかりのころ、よくご指摘を受けた部分です><

余白に気をつけることで見やすさがぐんと上がります

また、最近は余白を多く取り入れたデザインをよく見かけます


上下左右均等な余白

伝えたい情報を配置するときに上下・左右の余白を揃える


文字周りの余白

背景や枠を置いてテキストを配置するときに枠との間の余白を揃える


コンテンツごと余白



見出しと文章など、コンテンツごとの間に余白をつけ、周りとの余白を揃える


ポイント2 フォントに気をつける

どんなに余白やイメージが綺麗で、整っていてもフォントがイメージに合っていなければ一気に違和感が出てしまいます。

同じ文章でもフォントを変えるだけで、イメージを大きく変えることができます。


やさしいイメージのフォント


ポップなイメージのフォント


上品なイメージのフォント


しっかりしたイメージのフォント


ポイント3 配色(カラー)に気をつける

配色によって与える印象を変えることができます。

色のわずかな違いが分からず、最初はよくつまづいていました。。(今でも悩む部分です)


やさしいイメージの配色


ポップなイメージの配色


上品なイメージの配色


しっかりしたイメージの配色


デザインに悩んだら..(個人的なアイデアの出し方)



  • とにかく何か良いデザインを探す。


    • Pinterestはよく見ます。WEBだけでなくポスターなどいろんなデザインを見ます。
      https://www.pinterest.jp/

    • あとはWEBデザインまとめ的なサイトをずらーっと眺めて見る。




  • 周りのデザイナーさんに話しかける


    • ふとした会話の中でひらめきが生まれることも。




  • お休みの日にポスターをじっくり見て見たり、雑誌(ファッション誌でも何でも)を読んでみたり映画みたり


    • こういう発想があったかー!と気づかされることがたくさんあります。




まとめ

入社当初はこんな感じでやってみよう!!と、勢いに任せてデザインしていたので、今回書いた3つのポイントは、よくご指摘をいただきました。。

このポイントは意識してデザインするようになったものの、まだまだ頭を悩ませる毎日です。

これからデザインの勉強をする方や、まだデザインを始めたばかりの方の

ほんの少しでもお役に立てればと思います〜!