ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
実際のオンラインショップの色彩のデータを分析しております。
ここでは売れているショップの色を分析いたします。楽天市場ではお客様からの店舗評価や売り上げなどから優良店に対し、ショップ・オブ・ザ・ウィーク、ショップ・オブ・ザ・マンスなどが発表されています。
この中から100のウェブサイトを無作為に抽出してその色について調べてみました。
800×600のウインドウサイズで見た時に最も面積の大きいと思われる色を1つの店舗につき1色ピックアップしました。データをシンプルにするためにこのような条件付けを行っております。
このデータを便宜上、色相の対応表に従って分類したところこのようになりました。
| 色相 | 割合 |
|---|---|
| 赤 | 27% |
| 青紫 | 22% |
| 黄 | 16% |
| 橙 | 12% |
| 緑 | 9% |
| 青 | 6% |
| 紫 | 4% |
| 赤紫 | 3% |
| 黄緑 | 1% |
| 青緑 | 0% |
ここでいう青紫と青はまとめて青とご理解いただければよいと思います。また一口に黄色と言っても黄緑に近い物から橙に近い物まで色相には幅がありますので、その辺りをご了解の上、お読みいただければと思います。
最も目立つのは赤ですが、トータルで見ると赤・橙・黄の暖色系で55%になることが見て取れます。その次は寒色系の青紫・青が合計29%ですから、かなり差が見て取れます。
寒色系ではでは中明度で彩度は中から高彩度と幅広く分布しておりますが、暖色系では原色に近い鮮やかな赤・橙も見受けられます。
また黄緑・緑・紫は自然・和風の商品を扱うショップが多いため、中明度で中低彩度の穏やかな色調が主に用いられております。
元ウェブデザイナーの経験から、操作が必要なもののカラーコーディネートを得意としております。ウェブカラーに関する講演や執筆も多数あります。写真は飼い猫のぶるたんです。
アクセシビリティ アクセントカラー コーポレートカラー サイトの目的 サブカラー ジャッド トーン ベースカラー ユーザビリティ レイアウト 中性色 分析 可読性 執筆 売れる色 失敗 寒色 彩度 心構え 情報の伝達 明度 暖色 書籍 有彩色 業務委託 無彩色 競合サイト 背景色 色の三属性 色の心理的効果 色彩調和論 色相 色相環 視認性 調整 調査 配色 配色サンプル 閲覧環境 面積 面積比 類似色相 CIカラー HSBカラーモデル JIS X8341-3
iPhoneでWeb配色をシミュレートすることができるウェブアプリを公開しています。
発行:技術評論社
2011年2月発売
発行:毎日コミュニケーションズ
2007年8月発売
