イメージスケールの基本 | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所
※一部のInternet Explorerで「データベースシステム」「Hue&Toneシステム」を閲覧できないケースが発生しております。 お手数ですが、別のブラウザでお試しください。 イメージスケールとは イメージスケールは日本カラーデザイン研究所が研究・開発した感性マッピングツールです。 色に対して抱くイメージは人によって微妙に異なりますが、共通する部分も多く認められます。そのイメージの共通感覚を心理学的研究の蓄積で明らかにしたものが、イメージスケールです。 基本のイメージスケールは、イメージの判断基準であるWARM－COOL、SOFT－HARDの座標軸上に単色、形容詞、形容動詞を表現した配色が配置されています。(本来は第3軸としてCLEAR-GRAYISHの軸があり、3次元のイメージ空間となっています) ■カラーイメージスケール すべてのイメージスケールの元となっている単色イメージスケ
画像の色彩構成分析ツール、Adobe AIR版の無料ダウンロードを開始 | クリエイティブ | マイコミジャーナル
色と光の能力テストTOCOL(トーコル)を主催する五感コミュニケーション協働プロジェクトは、画像の色彩構成分析ツール「TOCOL PhoTocolor Tool」のAdobe AIR版の無料ダウンロードを開始した。 TOCOLとは、大学、企業、プロフェッショナルが連携して開発を行っている、本格的な色と光(色彩)の能力テスト「Test of Color and Light」の略称で、同ツールは「Tocol lab.」が開発した、画像の色彩構成を分析できるというもの。今回、新機能を追加したうえ、画像容量制限をなくしたバージョンアップが図られたと同時に、Adobe AIR版の無料ダウンロードが開始された。 同ツールの特徴は、読み込んだ写真や絵などの画像から色彩構成を分析・表示。数値を見ながらイメージに合った配色とカラーマッチングを行うことができるほか、マンセル（D65/C）、RGB、HTML、H
FWD勉強会vol.1資料公開
2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに
日本の伝統色～@yuzen友禅ネット
皆さんなら、自分のキモノが欲しいなと考えたとき、まずなにを選択基準にしますか？ かなりの人が「色」とお答になるではないでしょうか？もちろん図柄、模様とお答になる人もいるでしょうけど、それにしても色なしでは考えられません。キモノは洋服とちがって、形そのものは基本的には同じですし、身につける面積が広いので、自分らしさを出すためにも、色選びはとっても重要です。現代社会は色が満ち溢れています。でも、逆にわたしたちは色に対してあんがい無頓着になってしまっているような気がします。単純に赤だとか青だとかいって、それでわかったような気になってませんでしょうか？たとえば、青が好きといっても、その明暗、彩度、などによって全く違った印象になります。そう考えると、色は無限ですから、そのなかから自分好みの色選びをするということは実はとても大変なことなのです。 幸いにも日本には、ずっと昔から大切にされてきた色の世界が
第16回 Webサイトの配色で失敗しないための知識
今回のポイント Dull，Dark，Light，Vivid 標準灰色 トーンによる印象 補色と等色相差 今回は色の使い方について，少しつっこんだお話をしましょう。色味を表現する形容詞や，ある色の色味を変えた「トーン・バリエーション」から喚起されるイメージなどについて説明した後，色を組み合わせる際の考え方について，以前に紹介した「同系色の組み合わせ」から一歩進んだ知識を紹介します。 色味を表現する形容詞と明るさの基準 古くからある日本語の色の呼称は，その色を持つ物体からつけられることがよくあります。例えば「藍色」「橙色」「鶯色」「茜色」などはわかりやすい例です。こうした呼称はあいまいさもあります。「ねずみ色」と「灰色」はどちらもグレーを指しますが，果たしてどちらが暗い灰色なのかは微妙です。日本語は何事に対してもあいまいさが美徳とされる言語なのです。 あいまいな日本語の世界は置いておくとして，
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
ウェブサイトの色の心理学:phpspot開発日誌
Find the Perfect Colors for Your Website << Vandelay Website Design Color choice is a crucial decision in every website design. 色の心理学に関連するエントリ Color Wheel Pro: Color Meaning Choosing Colors For Your Website Design The Meaning of Colour in Web Design 上記エントリでは、 赤は愛、情熱、危険、警告 青は信頼、成功、重さ、プロフェッショナリズム 緑はお金、動物、健康、ヒーリング、ハーモニー といった意味を持つといったことが述べられてます。 色の意味について知っておくことで、WEBデザイン制作の際の参考や、顧客に対する説明の際に役立つかも。 Color
Flickrから指定した色を使った画像を探してきてくれる「Flickr Color Selectr」 - GIGAZINE
Flickrには世界中から数え切れないほどの画像がアップロードされています。ユーザーもタグ付けをすることができるので、見たい画像を探すことはそれほど難しくありません。しかし、たまにはこれだというピンポイントの画像ではなく、いろんなテーマに沿ったバラバラの画像が見たいときもあります。そんな時、「Flickr Color Selectr」なら、指定した色を使った画像をFlickrから探してきてくれます。 アクセスとその詳細は以下から。 Flickr Color Selectr スライダーとかをいじって、好きな色を選ぶ。数値は参考用なので、残念ながら数値入力での色指定はできない。 赤。 白。 黄色。 青。 緑。 黒。
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Creative Cloud
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
Connection Problem
カラーオンチなウェブデザイナーのお助けサイト : HotWeb Magazine