ホームページ作成、作り方 |about |access |contact|
ホームページ作成、作り方
ホームページ作成 無料
 ■ ホームページとは?
 ■ 作成に必要なもの
 ■ 無料で作るには?
 ■ フリーソフト
 ■ ホームページ作成 初心者
 ■ ホームページ作成ソフト
 

ホームページ 作り方

 ■ ホームページ 作り方について
 ■ リンクの理解
 ■ WEBデザインの理解
 ■ WEBのレイアウトパターン
 ■ WEBの配色パターン
 ■ htmlとは?
 ■ CSSとは?
 ■ ユーザビリティ
 ■ SEO
 ■ アーキテクト
 ■ タグの種類
 ■ PHP
 
フリーソフト 使い方
 ■ ホームページ作成ソフト
 ■ 画像編集ソフト
 ■ FTPソフト
 
無料サーバー
 ■ お勧め 無料 サーバー
 ■ 無料 サーバーの問題
 ■ 無料 サーバー 比較
 ■ 携帯 無料 サーバー
 ■ cgi 無料 サーバー
 ■ php 無料 サーバー
 ■ 無料 掲示板
 
web デザイン
 ■ webデザイン 勉強
 ■ webデザイン 見本
 ■ webデザイン ランキング
 
web デザイン テンプレート
2カラム
 ■ webデザイン テンプレート01
 ■ webデザイン テンプレート02
 ■ webデザイン テンプレート04
 
3カラム
 ■ webデザイン テンプレート03
 ■ webデザイン テンプレート05
 
 ■ web デザイン 素材
 ■ web デザイン 学校
 ■ web デザイン リンク集
 ■ web デザイン 検定
 ■ web デザイン 求人
 ■ web デザイン 資格
 ■ webデザイン 独学
 ■ webデザイン 現場
 ■ webデザイナー 年収
 ■ フリー webデザイナー
 ■ webデザイナー 就職
 ■ soho webデザイナー 
 ■ webデザイナー 在宅
 ■ webデザイナー 残業
 
WEB コンテンツ 作り方
 ■ どんな内容にする?
 ■ ウェブライティング
 
リンク
 ■ ランディングページ
 ■ WEBマーケティング
 ■ 写真撮影テクニック
 
プライバシーポリシー
 
ホーム>ホームページの作り方4「配色のパターン」

配色の役割 ウェブは他のメディアと違い、インタラクティブ性があります。ある情報に沿って、人を誘導したり、行動を起こさせたりと、ウェブには情報を伝えるだけでなく、見る人の動きによって成り立つウェブサイトがあります。例えば、通販系のサイトでは、情報を提供するだけでは成り立たず、購入という行動をどれだけ起こしてもらうかが、運営課題になります。
 
この時、食品を扱うネットショップが、クールな配色だと、食欲を失います。暖色系や、アクティブな配色によって、食欲の刺激を後押しします。
 
また、癒し系のコンテンツの場合は、クールな配色がぴったりです。心を落ち着けたいと思っているところに、アクティブな配色で構成すると、とても落ち着けずサイトへの滞在時間が短くなってしまいます。
 
このように、ウェブサイトの配色だけで、サイトへの滞在時間にも影響を与えます。
 
配色とは? 配色とは、色をどのように配置するか?ということです。この配色によって、見る人に印象を変えることができます。
 
ポップな配色
     
 
クールな配色
     

アクティブな配色
     
 
優しくしなやか 
     

このように、3色ならぶと、なんらかの色のメッセージを持ってしまう為、ビッグサイトの場合は、全体の配色パターンを整理したり、ページセクションによって配色を変えることで、アクセスビリティを向上させることに貢献できます。
   
配色の基本 配色は、色の基本によって決定すると、簡単に行えます。色には、色相、彩度、明度と3つの性質があるので、それにあわせて配色を決定します。
 
例えば、病院のウェブサイトのデザインを行う時、アクティブな配色はありえません。
クールな配色か、優しくしなやかな配色でなければ、病院というイメージでなくなってしまうからです。

色相

色合いを言います。赤や青、黄など色合いの違いを色相と言います。

         


彩度

色の鮮やかさを表現し。くすんだ黄、鮮やかな黄ということが彩度になります。

         
高い       低い



明度

色の明るさを表現します。
 
         
高い       低い

 
WEBサイトの企画・運営・コンサルティングはinsight