タグ

colorに関するebityanのブックマーク (18)

  • マーケティングにおける色彩心理学の本当の使い方

    by Tiger Pixel マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです。そこでHelp Scoutがブログで研究によって明らかにされた色彩の持つマーケティングでの効果をまとめたのが「The Psychology of Color in Marketing and Branding」で、実際に商品を売り出したり、ウェブサイトをデザインする際にも非常に役立つ内容となっています。 The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心理学に関する誤解 どうして色彩心理学は多くの誤解を含み、そして

    マーケティングにおける色彩心理学の本当の使い方
  • 最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン

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

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

    3. 自己紹介 職業:デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_

    色彩センスのいらない配色講座
  • 0to255

    Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

  • 【公式】ハイローオーストラリア|新機能:ジャックポット・キャッシュバックプログラム¦HighLow.com

    ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。

  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

    「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
  • 「たかが色、されど色」 ヒトとWebと色の関係:MarkeZine(マーケジン)

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    「たかが色、されど色」 ヒトとWebと色の関係:MarkeZine(マーケジン)
  • JAFCA (財団法人 日本ファッション協会 流行色情報センター)

    一般社団法人 日流行色協会 JAPAN FASHION COLOR ASSOCIATION / JAFCA アパレルファッション、プロダクツ&インテリア、化粧品、 学校等多業種の会員により構成されたカラーデザインに関する 様々な活動をしている団体です。

  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

    第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
  • 数で合理的にデザインする - カラー編 | d-spica

    数で合理的にデザインする - カラー編 2007-03-16 0 0 Design color 前々回, 数で合理的にデザインする - サイズ編 を書きました。今回はカラーについて。 CSSなどに色を書くときはRGBの16進表記(#FFFFFF)ですが,デザインで色を決めるときはHSBを使っています。 色の性質を表すHSB RGBはred,green,blueの色の成分を表していますが,この数字を見ただけで直感的に色をイメージするのはかなり難しいことです。 HSBは色相,彩度,明度を数によって表したものです。色相(H)は,赤から始まり黄,緑,青,紫と連続的に変わり赤に戻るまでの色を360°に割り当てたものです(アプリケーションによって色の割り当て方が異なることがあります)。彩度(S)は色の鮮やかさ。0は色がぬけたモノトーンのグレー(または白か黒)になります。明度(B)が0になると黒になりま

  • ColorJack: 色の発電機

  • 浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

    配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に

    浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
  • ◆おいしいWeb配色◆

  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

    覚えておきたい配色のワザと便利なツール :: Love & Design ::
  • 相性の良い色を自動でピックアップしてくれる「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も生成可能

    相性の良い色を自動でピックアップしてくれる「ColorBlender」
  • ColorJack: Sphere (Color Theory Visualizer)

    Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com

  • 色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-

    ■一覧表はこちら 何気なく生活していると意識することはほとんどないが、私たちは様々な色に囲まれて生活している。そして、この目に入ってくる色は、人間の心理に影響を与えているのだ。ここでは、それらについて紹介してみよう。 赤は色の中で最も長い波長を持ち、人間の感情的興奮や刺激をもたらす色である。スペインの闘牛の布にも赤が使われているが、牛は色を判別しないという。観客が興奮するために赤が用いられているのだ。 ピンクは恋愛の色で、女性的なイメージがある。幸福・やさしさなどを感じさせるほか、肌を美しく見せる効果がある色だ。 オレンジは、陽気・元気・活発さを与えてくれるほか、欲を増進させてくれる色でもある。朝の目覚めがよくないときには、オレンジ色を意識して取り入れると、血管や自律神経を刺激して身体を活動的にしてくれる。 黄色は明るさや希望などをイメージさせる色。この色を見ると脳の活性化が期待でき、身

    色が人間の心理に与える影響 CONFIDENCE ランキング&ニュース -ORICON STYLE-
  • //// COLOURlovers :: loving colours since 1981

    Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.

  • 1