タグ

colorに関するgatya1192のブックマーク (8)

  • イメージスケールの基本 | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所

    ※一部のInternet Explorerで「データベースシステム」「Hue&Toneシステム」を閲覧できないケースが発生しております。 お手数ですが、別のブラウザでお試しください。 イメージスケールとは イメージスケールは日カラーデザイン研究所が研究・開発した感性マッピングツールです。 色に対して抱くイメージは人によって微妙に異なりますが、共通する部分も多く認められます。そのイメージの共通感覚を心理学的研究の蓄積で明らかにしたものが、イメージスケールです。 基のイメージスケールは、イメージの判断基準であるWARM-COOL、SOFT-HARDの座標軸上に単色、形容詞、形容動詞を表現した配色が配置されています。(来は第3軸としてCLEAR-GRAYISHの軸があり、3次元のイメージ空間となっています) ■カラーイメージスケール すべてのイメージスケールの元となっている単色イメージスケ

  • これすごい便利!17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list | コリス

    色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。

    これすごい便利!17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list | コリス
  • デザイナーが知っておきたい、配色の基本原則10個まとめ

    デザイン制作でもっとも頭を悩ます作業のひとつ、「配色カラー決め」で覚えておきたい色の基原則10個をまとめたインフォグラフィックス、「The 10 Commandments of Color Theory」が公開されていたので、今回は項目ごとにひとつずつ詳しくみていきましょう。 先日ご紹介した人気デザイナーが語る配色テクニックと合わせて、実践的に活用できるテクニックとなっているので、印象に残る独自の美しい配色を作ってみてはいかがでしょう。 詳細は以下から。 デザイナーが要確認しておきたい、配色の基原則10個まとめ Infographic: The 10 Commandments of Color Theoryは、すぐにでもデザイン制作に取り入れることができる、美しい配色を作り出す大事なポイント10個をまとめています。どれもお手軽で効果的なテクニックばかりで、便利で役立つ色に関する基礎知識

    デザイナーが知っておきたい、配色の基本原則10個まとめ
  • 最適なテキストリンクの色は? | ウェブ力学

    青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ

  • Clean Up Your Photoshop Swatches and Styles | Viget

    I can't stand how Photoshop loads your Swatch and Styles palettes with a whole pile of useless defaults. They gunk up a feature that should, by its very nature, be as pared down as possible. I try to keep custom palettes for the sites I'm designing because it makes my work faster and more consistent. If you're always grabbing the eye-dropper to get colors and copying/pasting layer styles, chances

    Clean Up Your Photoshop Swatches and Styles | Viget
  • ウエディング・結婚式の色使いから、女性向けの華やかで清楚なカラーインスピレーションを磨く

    Martha Stewartからウエディング・結婚式の衣装・会場・卓・グッズなどの華やかで清楚なカラーコーディネイトを紹介します。 Plan Your Wedding by Color Martha Stewartではウェディング用のカラー別コーディネイトがまとめられており、各カラーの写真からカラーを抽出してみました。 各カラーは下記の写真以外にもインスピレーションを刺激する写真が数多く掲載されています。 まずは、定番のホワイトからご紹介。

  • 最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切

    最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン
  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

  • 1