タグ

色に関するtakutiのブックマーク (13)

  • 色の持つ効果がわかる図解、色の心理学 : カラパイア

    ファーストフード店や飲店などには赤が多く使われ、信用を第一とする企業は青を多く使う。色のもつ心理的作用を利用した企業の色彩展開や、実際に自宅でどのように色を活用すればいいのかがわかる図が公開されていたので参考までに。

    色の持つ効果がわかる図解、色の心理学 : カラパイア
    takuti
    takuti 2013/02/10
  • [ HUE / 360 ] The Color Scheme Application

    Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP

    takuti
    takuti 2013/02/10
  • 配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com

    タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ! うぉ!すっげ!って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい! 爽やかーーー キレイに見せたい! 楽しい! チョーハッピ スーパーハッピ ノ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお

    takuti
    takuti 2013/02/10
  • 同色系でまとまりのある配色、WebデザインにするためのTips

    いろいろな色相を使わずに、ひとつの色相の彩度違い、明度違いなどでデザインしていく同系色デザイン。 多くの色相を使わない同色系デザインは、たくさんの Webサイトでも使われている人気の配色です。 同色系でデザインしていくと、ページの統一感がでて色の持つ力を印象付け易いというメリットがあるだけでなく、初心者でも比較的まとめやすい ... という作り手側のメリットもありますね! 同色系でまとめられたデザインは、ページに統一感があって、よくまとまって見えますよね。そして色の持つメッセージを、強く印象付けるのにとっても効果的だと思います。いろいろな色相を使ったデザインに比べて、比較的まとめ易いし、色的な効果を発揮しやすい同色系デザイン。同色系は簡単 … というか、カラフルデザインに比べれば簡単かもですけど、配色における基的なポイントは、他の配色方法にも通じています。今日は基的なところを押さえなが

    takuti
    takuti 2013/02/10
  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

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

    takuti
    takuti 2013/02/10
  • http://handywebdesign.net/2012/07/12colors-give-you-the-impression/

    http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
    takuti
    takuti 2013/02/10
  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
    takuti
    takuti 2013/02/10
  • 配色の基本。メイン・サブ・アクセントカラーを極める!

    前回の[カラーデザインの基。トーンを理解する!]と[カラーデザインの基。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

    配色の基本。メイン・サブ・アクセントカラーを極める!
    takuti
    takuti 2013/02/10
  • カラーデザインの基本。トーンを理解する!

    前回の[カラーデザインの基。色の三属性とは?]に引き続き、カラーデザインの基礎を紹介したいと思います。今回は、色のトーンについて解説させていただきますが、まず『そもそもトーンとは何なのか』というところから話を進めさせていただきます。 クライアントに「トーンって何?」と聞かれて的確に答えられるデザイナーって結構少ないんです。あなたは答えられますか? なんとなく雰囲気はわかっていても、しっかり説明するのはなかなか難しいんです。私も昔は説明できないデザイナーの1人でした。では、早速トーンについて説明させていただきます。 トーン(色調)って何? まず、前回の[カラーデザインの基。色の三属性とは?]で触れましたが、色には、色相・明度・彩度の、3属性があります。 トーンとは、このうちの明度と彩度をあわせた考え方で、【明度と彩度が似ている色を集めてグループ化したもの】をトーンと呼びます。 このトーン

    カラーデザインの基本。トーンを理解する!
    takuti
    takuti 2013/02/10
  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

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

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

    「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、当のインサイトを見つけるUXデザインUXリサーチYoshiki Hayama

    ノンデザイナーのための配色理論
  • 色と人の感覚とウェブデザインのはなし | バニデザノート

    前回は空白のお話をしましたが、 今回は色のお話です。 空白・ホワイトスペースの扱いと、色の扱いはとてもよく似ています。 また、ホワイトスペースだけでなく、色も一緒にコーディネートすることで よりわかりやすくウェブデザインを行うことができるようになります。 空白・ホワイトスペースよりも、人間の「目」と、「モニタ」というスペックに関わる部分ですので あくまでも筆者の考え方として参考にしていただけると嬉しいです。 あったかく感じる色 色覚といって、色には人に与える印象があります。 これは、誰もがそう感じるというものではないのですが、 (それこそ、育った環境から、目のスペック、その人の精神的な部分に至るまでゆらぎがあり・・) 「ほぼ多くのひとが感じる」というレベルで、感じ方をある程度グループ分けすることができます。 たとえば、このグループは「暖かい」「活動的」「元気」なイメージがあります。 もうす

    色と人の感覚とウェブデザインのはなし | バニデザノート
  • 色彩センスのいらない配色講座

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

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