おいしいひととき

株や投資信託についての情報を発信中。メインコンテンツは平日5時半頃更新の株日記です。

WEBデザインの基本はシンプル!初心者が押さえるべき3つのポイント!

   

少し少し前にブログデザインを一新しました。
白・灰色を基調に、アクセントで緑を取り入れたシンプルなデザインです。
これからもちょこちょこ修正して行くつもりですが、とりあえずは見やすくなったかなと思います。

デザインとは単におしゃれやカッコよければOKというわけではありません。
見る人に情報を伝わりやすくしたり、興味を持たせたりといった役割を持ちます。

今回は、僕が意識したデザインについてのポイントをご紹介したいと思います。

スポンサーリンク

色を使いすぎない

pak88_iroenpintuyoko_tp_v

基本は2~3色ぐらいを使用するのがシンプルで綺麗に仕上がると思います。
このサイトでしたら、背景色に白と灰色。
テキストの黒。
アクセントとなる色に緑を使用しました。
他は基本的に使わず、明度を変えたりといった具合で使用するぐらいです。

プロでも多くの色を使うのは難しく、色を多く使用するとごちゃごちゃしたデザインになってしまいます。
白・灰色・黒をメインとして、アクセセントに1色足すぐらいがまとまりやすいかと思います。

ブログでしたら、写真を多く使っていくと思いますので、このぐらいがバランスが取れるはずです。

統一を意識する

pp_onajiyounamadonobiru_tp_v
統一は大事な要素です。
統一することで見易さは格段に上がります。

ページごとのデザインを統一するという意味もありますが、
位置、幅などを揃えることを意識すると綺麗に仕上がります。

wordpressの場合は、テーマの製作者さんが基本は意識して作ってくれているのでそこまで意識しなくてもいいかもしれませんね。

少しを意識する

pak92_iroenpituset1278_tp_v
初心者が多くやってしまうこととして、派手に設定しすぎてしまうことです。
例えば影だったり・グラデーションを派手に設定しすぎるといった具合です。

こういったエフェクトは全面に押し出してはいけません。くどくなります。
分かるかな~?ぐらいに留めておくほうがプロっぽい仕上がりになります。

このサイトでも派手なエフェクトは使っていません。
サイトタイトルの「おいしいひととき」にtext-shadowを使用していますが、分かるか微妙なぐらいの量にしています。

まとめ

何事も基本が大事だと言われています。
デザインも同様で、基本がなっていないとデザインは綺麗に仕上がりません。
プロのデザインも基本が完璧に生かされています。

初心者はまずは基本をしっかりとマスターしてから、色々とカスタマイズして行くのが上達の早道だと思います!

おすすめ書籍

最後に僕が持っているデザインの書籍を紹介します。
今回紹介したポイント以外にもデザインの基本は多くあり、本気でデザインを勉強するのであれば書籍は必須です。

スポンサーリンク

 - ブログ