ページのデザイン(画像・色)について | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

ホームページの作り方、
昨日は、ページ幅と高さ(長さ)についてでした。

今日はページのデザイン(画像・色)です。

ページ全体に統一感を持たせるために、
使う画像や色を共通にしておくと、
見た目にも違和感がないと思います。

特に色は、
原色を3色以上を使うとバランスが悪くなるといわれています。
色の置き方は、
 ・メインカラー(1色)を決める
 ・サブカラー
(1色)を決める
 ・グレーを補色に使う
を参考に。。。

メインカラーは、
 ・業種に合った色
   エステならピンクやベージュ、
   車ならブルーやブラック、
   食品ならグリーンやオレンジ など
 ・ご自分の好きな色
   ラッキーカラー、
   バースカラー、
   パーソナルカラー など
 ・ロゴマークの中の一色
といった基準で選んでみてください。

サブカラーは、
 ・メインカラーと同系色
 ・
メインカラーと反対色
 ・
メインカラーとなじみのよい色
から1色を選びます。

そして、グレーを補色に使うことで全体が締まります。

また、
画像
については、
 ・トップページはスライダー利用
   3~5枚の画像で情報量を増やす効果がある
   画像に文字を入れてもよい
 
画像の大きさ統一
   ページの統一感をアップする
 ・サムネイルを利用する
   同じ画像のサイズの大小でアクセントをつける
などに配慮してみてください。

情報がすっきり整理されて、
お客さまから見やすいページになるでしょう。

明日は、実際のコーディングについてです。



今日も最後まで読んでいただいてありがとうございました。