配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1
「センスのない私には永久保存版」 イラストレーターが伝授する“ファッションの色の合わせ方”が「勉強になる」と話題に
イラストレーターが公開したファッション情報「色の合わせ方」が、「センスのない私には永久保存版」「勉強になる」と話題を呼んでいます。 投稿者は、アパレルブランド「Annui」を運営するイラストレーター・msy.（@maru_maruer）さん。「イラストレーターが伝授！ 色の合わせ方」と題して4枚の画像をTwitterへ投稿したところ、22万7000件以上の“いいね”が寄せられている他、4万件以上拡散しています。 イラストレーターが伝授するファッション情報“色の合わせ方” msy.さんが今回指南するファッションポイントは、「類似色」「補色」「分裂補色」の3つ。カラーホイールを示すことにより、ファッション初心者でも簡単に理解できるイラストとなっています。 「類似色」は色相を広げすぎないのがポイントで、「一番手っ取り早い組み合わせ」とmsy.さん。似た色の服を集めるだけでおしゃれに見えるため「基
配色のバリアフリー
同じものを見ていても見え方は人それぞれ。人のものの見え方は非常に多様です。代表的な例では、色の見え方が異なる色覚多様性が知られています。日本人では、90%以上の人はＣ型色覚（あるいは一般色覚）をもち、男性では20人に１人、女性では500人に１人程度は、それ以外の色覚をもっています（Ｐ型、Ｄ型、Ｔ型など）。Ｃ型色覚の人は簡単にいうと虹色を７つの色に分離して認識することができますが、それ以外の色覚の人は同じように色を認識することができません。そのため、信号の３色の色分けや、危険や警告を表すために使われる赤色などは、Ｃ型以外の色覚をもった人にとって認識しづらい場合があります。つまり、色覚多様性に配慮されていない配色は、製品の利用や情報の理解を妨げる障害になってしまいます。他にも、感覚過敏をもつ人の中には、発色の強い色やコントラストの強い色の組み合わせ、たくさんの色が使用されているものは刺激が強す
色彩心理学：マーケティング担当者のための完全ガイド | POSTD
色彩心理学について最も分かりやすく書いている解説書にようこそ。 色の持つ意味のみを知りたい方は、直接 表 へと移ってください。 しかし、この記事では色彩の意味のみならず、日常生活にどのように適用できるかなど色彩心理学を深く掘り下げています。 今までは、色の情報は疑似科学(つまり、逸話的な戯言)によって汚されていました。 このような正確でない情報を正すため、私は色に関する 50もの学術論文 を読み漁り、最終的には、実に信頼性のある興味深い発見をしました。 この記事はそれらをまとめたものです。 PDF ：この記事は6,528ワードです。後で参照できるよう、 PDF版 をダウンロードしてみてください。 （訳注：元記事の同箇所のリンクから名前とメールアドレスを登録することでダウンロードできます。） 私の調査結果を次の表にまとめました（拡大版は表をクリックしてください）。次に色の選択に迷うようなこと
色弱のユーザーにもやさしいランディングページのデザイン | POSTD
私がバックエンドでいくつかの新機能を開発している間に、Fannyが我々のホームページの再デザインで非常にいい仕事をしてくれました。それ自体についてはまた別の記事で書くことにするのですが、それまでの合間に、我々のホームページの最初のバージョンに関するひとつの 逸話 をシェアしたいと思います。 Elokenzのホームページ(Ver.1) 私が最初にホームページをデザインしたとき、こういった仕事をどのように行うかという経験が本当に全くありませんでした。私は腕まくりをして、 Bootstrap を使って一からその制作を始めました。そのとき気に留めていたことは、 Oli Gardner が コンバージョンにフォーカスしたデザイン について述べた Unbounceの電子書籍 からのTipsだけでした。 そのため、ホームには気を散らしてしまうような要素を配置しないようにし、コントラストの高い2つのCal
色彩センスのいらない配色講座
2022年9月27日 クリーク･アンド･リバー社でのUXデザイン基礎セミナー第4回 「プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー 第4回」のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。 公開ユーザビリティテストの題材として、英会話アプリ 「Langaku（ランガク） https://langaku.app/ 」 を運営するMantra株式会社さまのご協力をいただきました。 【著作権表示】 ・本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです。英会話アプリ「Langaku」の画面の著作権はMantra株式会社に帰属します。 ・本Figma/FigJam
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
Material Palette - Material Design Color Palette Generator
ノンデザイナーのための配色理論
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳