WEBデザインの基礎知識【ページデザインのレビューは出来る様になろう】

このようなWEBマーケッターのデザインスキルの基本記事を書きます。この記事を読めばWEBデザインにおいて、何の知識をつければ、きれいにページを作れるかについてイメージができます。

なぜデザインの知識が必要なのか?

そもそも、なぜデザインの知識が必要なのでしょうか？

WEBデザインの知識は、センスが必要と思われがちです。もちろんセンスも必要です。しかしセンスだけではなく技術を学ぶことで、ある程度のところまでデザインの知識をつけて、品質を高めることができます。

weマーケティングやコンサルティングを実施していて、最終的にはWEBページを制作して形にしていくことが重要です。

伝える内容や構成、テキストの流れなど重要ですが、結果としてデザインでの読みやすさが、効果を高める要素になるケースもあります。

ですからそのマイナス部分にはならないように、ある程度知識を持ってきれいにしていくべきです。

ではどのような内容にすればいい読みやすいデザインになるのでしょうか?キーワードとしては2つあります

情報整理

視認性

です。

情報整理において、テクニックとしては3つあります。グルーピング、レイアウト、コントラストです。

グループピングについては、配置の際に、情報が同じ場合は詰める、情報が異なるグループは離す、といった空白スペースを活用するとイメージが湧きやすくなります。

レイアウトについては、見えないラインをWEB上で作って、ラインに合わせてコンテンツを揃えてるイメージです。PCでいうとページを12個に分けて、12分割したページをブロック単位で配置してそろえることで、見えないラインにより綺麗に揃います。

1個の要素に関しても、上下のスペースの大きさを基本的には揃えることで、統一性が出て、きれいなデザインに見えます。

コントラストについては色合いを、濃い物を薄い物の背景にするなど、色に差を作ることで、見やすくなります。

視認性を高めるテクニックとしては、メリハリ、ジャンプ率、ホワイトスペースがあります。

メリハリとは、大小などで差をつけてわかりやすさを高めることです。例えば文字の大きさに差をつけて、大きい単語、小さい文字を当てて、大事なところだけを大きくするととメリハリが出ます。

ジャンプ率とは、大小をあえて極端にさをとることで、わかりやすさを高めるということです。例えば、写真に対しても、大きい写真と小さい写真を並べたりします。

ホワイトスペースとは、余白を使ってデザインの分かりやすさを高めるということです。例えば、白いスペースをあえて多く取ることで、写真や文字が読みやすくなるという整理もできます。

と、テクニックについて書きましたが、やはり日頃から綺麗なサイト、デザインについて意識的に見ておきストックを貯めておくと良いです。

知識は知識で持っておいてベースとしてあり、そこに試行錯誤によるテクニックが上乗せされていく感じです。

なかなか、すぐに上達するものでもないのですが、可能であればフォトショップなどで毎日訓練すると良いかもしれません。

なおらWEBマーケティングスキルを10倍高めるため方法を別の記事でも書いてます。こちらもぜひ確認ください。→→ブログはビジネススキルとWEB マーケティング力を圧倒的に向上させる【今すぐ始めるべき】

このようにデザインにおいては、テクニックがあります。最低限のテクニックを覚えて実践し、読みやすくわかりやすいレイアウトや、サイト制作を心がけましょう。