邦夫(フォルトゥナ)2016年10月17日更新ツイート閲覧数8,617viewsこのコラムをPDF形式でダウンロードするこのコラムでは、業種ごとに「合う色と合わない色」「注意すべきこと」をまとめています。毎回、異なる業種を取り上げて解説しますが、それらの業種でよく使われる色やたびたび見られる失敗があり、それにはきちんとした理由があります。それに加え、ホームページの色は、看板や紙のパンフレットと同じ色の場合であっても、画面の構成や使い方のポイントも異なります。第7回目は学校・塾のホームページの配色です。学校・塾と言っても、小中学校から、特殊な技能や専門的な知識を習得する専門学校まで幅広く考えられますが、今回は小学校から大学、それを受験するための学習塾について説明します。学校・塾で使われている色は、主に以下のようなものとなっています。青は主に学習に合った落ち着いたイメージを、緑は木々のように成長していく生徒のイメージを表し、教育機関ではよく見られる色です。緑は生徒の年齢が低い場合に多く見られます。大学の付属高校・中学校などでは、大学のスクールカラーがあれば、その色をそのまま使っているのがほとんどです。デザインも大学から幼稚園までほとんど変わらない場合もありますが、生徒の年齢に低い小学校では柔らかい色を少し加えている場合も見られます。中学校と高校では差は付けられていないことがほとんどです。学習塾などの私的な教育機関では、青や緑が使われているページが多くなっています。大手の塾や予備校では赤も多く見られます。これは一生懸命指導するという意味の赤です。女子大学や女子高校のように、女性だけが通える学校の場合には、ピンクなどもよく見られる色です。上記のいずれも共通する点は色数は多く使われていないということです。カラフルになると楽しそうなイメージや子供っぽいイメージが出てしまいます。スクールカラーが青なのであれば、青を繰り返し使い、他の色を足して色を増やさないようにするのが配色の基本です。色の使い方と配色のポイントスクールカラースクールカラーは学校によって異なり、特に具体的な傾向があるわけではありませんが、大学などでは落ち着いた色が多く見られます。大学の場合、特に青や緑が多いと言うことはなく、紫なども少なからず見られますが、薄い色やオレンジなどはあまり見られません。大学や進学塾などの本社で決められた色があると、高校・中学校あるいは塾でもその決められた色に準じた色が使われることが多いのですが、幼稚園だけは例外的にまったく異なるカラフルなパステルカラーが使われたりします。スクールカラーを使った配色例。大学などでは各研究室ごとに独自性を出したいという要望をよく聞きますが、それもおすすめしません。少なくとも同じ組織内では同じ色を使った方が、ブランドイメージを損ないにくくなります。学習塾などの私立の教育機関ではコーポレートカラーに言い換えられますが、これもスクールカラーと同じような傾向です。前述の通り、大手では赤が多く見られます。学校・塾のホームページの色は、遊びの場ではないことを表さなければなりません。それをもっとも簡単に表現できるのは、青系の色を使うことです。青には落ち着きや沈静・知性などのイメージがあり、学習するには最適な色であると言えます。そのため非常に多くの学校や塾で青系の色が見られます。スクールカラーを含めて、7割くらいのホームページで青系の色が使われています。どちらかと言えば低年齢向けのものは水色に近い明るめの青を、大学や予備校のような年齢や学習内容が難しいところになるほど紺色のような暗めの青が使われることになります。生徒の年齢と青の明るさまた遊戯施設や玩具のようなカラフルで様々な色が使われるホームページはほとんど見られません。青を使っているのであれば、青の濃淡を中心にした配色が行われ、青以外の色は資料請求のボタンや電話番号のような特に強調したい部分にだけ、オレンジや赤などの対照的な色が加えられています。重要な部分だけ対照的な色を使う例外的に幼稚園や小学校のホームページでは、様々な色も使われますが、メニュー部分にほんの少しだけであったり、カラフルなイラストを入れたりすることで、色を増やしている例が見られます。緑が使われているページでは、木々の緑のイメージから「成長」という意味合いで使われることが多いです。明るい緑が中学校くらいまでの生徒を対象にした学習塾で多く見られています。逆に暗い緑は、深い森や成長したあとの木々のイメージが強く、安定感は感じるものの、子どもの成長という点では、成績を伸ばしたいという学習塾の業務と合っていません。暗い緑が合うのは長い歴史を持つ大学などのホームページということになります。明るい緑と暗い緑の比較。学ぶことから育つという連想をするまた明るい緑を使うとホームページは比較的軽めなイメージになり、かわいらしいイラストなども使いやすくなります。した大学や予備校のホームページでは難しいでしょうが、生徒を募集するために明るいイラストや図などで、内容を説明するのに適した色であるとも言えます。公立の小学校・中学校などでは自治体単位で同じシステムでホームページが作られ、学校単位で変えられるのはロゴと背景だけという場合もあります。そのような場合には無理に背景に色や模様を付けようと思わず、白のままにしておくか、薄いパステルカラーやグレーなどを敷いた方がよいでしょう。商業的なホームページと違い、他校と競争する必要もないため、無理に独自性を出す必要はありません。使いやすさや見やすさを優先することが望まれます。文字の意味を損なわない背景を選ぶまた小規模の個人塾などではホームページについ過剰な装飾をしがちですが、内容が読みにくければ集客につながりにくくなります。少なくとも文字が読めないような背景になっていないかに注意しましょう。同じ色であっても、明るい色の方が低年齢向けの傾向に緑は成長のイメージ。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。