6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

日本情報クリエイト Engineer'sAdvent Calendar 2017

Day 15

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

Posted at

はじめに

WEBデザイナーとして約2年が経ちましたが、まだまだ、良いデザインとは?どう表現すれば良いのか?と頭を悩ませる日々を過ごしております。
そんな自分が普段意識しているデザインをする上でここはおさえたいポイントというものをまとめさせていただきます。

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

これは入社したばかりのころ、よくご指摘を受けた部分です><
余白に気をつけることで見やすさがぐんと上がります
また、最近は余白を多く取り入れたデザインをよく見かけます

上下左右均等な余白

01.jpg

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

文字周りの余白

02.jpg

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

コンテンツごと余白

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

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

どんなに余白やイメージが綺麗で、整っていてもフォントがイメージに合っていなければ一気に違和感が出てしまいます。
同じ文章でもフォントを変えるだけで、イメージを大きく変えることができます。

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

04.jpg

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

05.jpg

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

06.jpg

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

07.jpg

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

配色によって与える印象を変えることができます。
色のわずかな違いが分からず、最初はよくつまづいていました。。(今でも悩む部分です)

やさしいイメージの配色

08.jpg

ポップなイメージの配色

09.jpg

上品なイメージの配色

10.jpg

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

11.jpg

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

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

    • Pinterestはよく見ます。WEBだけでなくポスターなどいろんなデザインを見ます。
      https://www.pinterest.jp/
    • あとはWEBデザインまとめ的なサイトをずらーっと眺めて見る。
  • 周りのデザイナーさんに話しかける

    • ふとした会話の中でひらめきが生まれることも。
  • お休みの日にポスターをじっくり見て見たり、雑誌(ファッション誌でも何でも)を読んでみたり映画みたり

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

まとめ

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

これからデザインの勉強をする方や、まだデザインを始めたばかりの方の
ほんの少しでもお役に立てればと思います〜!

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?