[B! 配色] baaachiiiのブックマーク

プログラマのためのカラーパレットツールを作りました - shoya.io

Paletta - HSV Color palette for every Programmer 背景フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。混色系と顕色系色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ

baaachiii 2013/08/21

リンク

ノンデザイナーこそ押さえておきたい！グッとくるWebサイト配色パターン集 | Find Job ! Startup

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ

baaachiii 2013/07/30

リンク

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

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/ ◆色彩心理学に関する誤解どうして色彩心理学は多くの誤解を含み、そして

baaachiii 2013/07/19

Webに青が相性いいのは有名だよね

リンク

Color

Method of Action is a collection of tools, games and articles to help you learn design. Follow @methodofaction on Twitter.

baaachiii 2013/01/05

たのしす

リンク

http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/

baaachiii 2012/12/02

リンク

ノンデザイナーのための配色理論

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

baaachiii 2012/10/29

リンク

Webデザインの配色について学ぶときに読んでおきたい14の記事

このブログをみてお分かりのように、私は思い切った色使いがなかなかできません。どうせセンスがないしと諦めても仕方ないし、恐らくセンスがないのではなく勉強していないだけですし、言い訳はせず勉強することにしました。ということでWebデザインの配色について学べる記事を集めてみました。基礎的なものから並べてみましたので、順番に読んでいけば色についての知識は深まると思います。﹁センスがない﹂という言い訳をして、実は勉強していなかっただけだということに気付く人もいるかも。色彩センスのいらない配色講座基本から分かりやすくまとめられているスライドです。サブタイトルの﹁色は理論的に説明できる﹂っていうのがなんかかっこいい。絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー︻weblog︼基本的な内容を親切に分かりやすく説明してくれていますので、これから勉強

baaachiii 2012/09/08

リンク

配色イラストレーターの「カラーガイド」

baaachiii 2012/08/20

配色

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

baaachiii 2012/07/26

日常的に使える

リンク

売れるサイトやLP構築のために絶対抑えておくべき色彩心理学の基礎

ユーザーに届ける価値を徹底的に追求するマーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインにおいて、サイトの色彩は非常に大きな要素だ。例えば、見込み客の嗜好やブランドイメージと合わない色をメインカラーにすると、それだけでコンバージョンは大幅に下がる。少し想像してみて欲しい。例えば、このブログの背景が黒一色で、あなたが今読んでいるこの文字がまっ黄色だったらどう思うだろうか？どれだけ役に立つことが書いてあっても、何となく嫌悪感を感じるはずだ。また、例えば、Amazonのサイト内の購入ボタンが真っ黒だとしたらどうだろうか？購入意欲が下がることは間違いないだろう。ここまで極端ではないにしろ、ランディングページやサイトの色彩の選択を間違えると、コンバージョンが下がるということは実感して頂けたと思う。

baaachiii 2012/07/21

リンク

Photoshopで理論的に配色はできないものか検証してみた

最近は配色を作れるジェネレータや配色をシェアするサイトが多数あり、簡単に配色を作ることができます。ただ、そういうのに頼らずにもっとPhotoshopだけで理論的にできないものかと思い検証してみました。動機配色を作れるツールっていまいち使いこなせてないし、自分がイメージしてる配色をPhotoshopで理論的に作れたら楽だなと思って。結論最初に結論を述べます。 Photoshopで色相を使った配色は基本的には難しいです。（できなくはないが非常に手間がかかる）彩度・明度を使った配色は簡単にできる。また、トーンを使った配色ならそれなりにであればできる。という結論になりました。 Photoshopの表色系の落とし穴色相を順序立てて円環にして並べたものを色相環と言い、色相環の反対の位置が補色となります。つまり基準となる色に180°足した色が補色になります。ところが下記のようにPhot

baaachiii 2012/07/13

リンク

配色に悩んだときに、きっと役立つ7つの配色技法【基本】

私は﹁色﹂が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！基本的な7つの配色技法これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。ドミナントカラー配色

baaachiii 2012/06/29

リンク

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

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

baaachiii 2012/05/18

リンク

配色の基本。メイン・サブ・アクセントカラーを極める！

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

baaachiii 2012/05/04

リンク

カラーデザインの基本。トーンを理解する！

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