配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク 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
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！
津田晋吾 on Twitter: "パワポの色を手動で変える方法まとめ 微妙な配色に悩み続けてきた人、新しい素敵な配色で幸せになりたい人へ https://t.co/gAvhXexHQM"
パワポの色を手動で変える方法まとめ 微妙な配色に悩み続けてきた人、新しい素敵な配色で幸せになりたい人へ https://t.co/gAvhXexHQM
大雨に関する防災情報の5段階の警戒レベルについて、国はレベルごとの色を新たに定めました。色が見分けにくい人にも配慮したもので、今後、自治体やメディアなどに統一した色を使うよう求めています。 このうちすでに災害が発生していることを示すレベル5は「黒」で、特別警報や氾濫発生情報などが発表され、命を守る行動を取る必要があります。 次に、避難指示や勧告が出され、危険な場所から避難する段階のレベル4が「紫」、高齢者など、避難に時間がかかる人が避難する段階のレベル3が「赤」などとなっています。 また、これまでレベル4で取るべき行動を示すキーワードを「全員避難」としていましたが、災害のリスクが無い場所にいる人まで避難が必要だという誤解が生じたとして、新たに「危険な場所から全員避難」と改めました。
色は人の心理に働きかけることが知られており、デザインに何色を使うかは重要な問題です。特に、異なる色を使いつつ統一感を持たせるのは至難の業で、一歩間違うとまとまりやメッセージ性のない配色になってしまうことも。そこで、プロのデザイナーがウェブデザインのさまざまな配色実例をそのままコピーできる「Happy Hues」を作成し、無料で公開しています。 Happy Hues - Curated colors in context. https://www.happyhues.co/ トップページには画面左側にパレットが表示されています。パレットをクリックすることで、画面右側の配色を変更可能。深緑を中心とした落ち着いた配色から…… ピンクを中心としたファンシーな配色。 グレーベースのシンプルなデザイン。 温かみがある焦げ茶色ベースの配色など、背景だけでなく文字色やボタン、イラストの色まで変わるので画面
デザインやイラストに使える配色本の決定版！ 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載
配色本の中で日本一（もしかしたら世界一）売れている（担当者様談）配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました！ この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。 本書は、本日発売の最新刊！ 5年ほど前に発売された配色アイデア手帖の第2版です。読者からの要望で多かった、カラー値を入力するのが面倒というのを解消するべく、さまざまなソフトウェア用のスウォッチファイルがサポートサイトからダウンロードできます。 Adobe Photoshop用のスウォッチ（CMYKとRGBの2種類）: .aco Adobe Illustrato
こんにちは。ちょっと自分でもどこを目指しているのかわからない 1 あずきしろもち（@azukisiromochi） です。 今回は 配色Webサービス のお話。 ターゲットとしては 「色彩学とか配色理論とかどうでもいいから、手軽にそれっぽい配色を決めてくれるツールはよ！」 って感じで、配色には時間をかけず、（コーディングなどの）本題に時間を掛けたいという層です。 ということで、難しい操作なく配色を決定できるツールを紹介していきます ❗ Random material palette 概要・使用感 クリックするだけでランダムな3色配色を生成してくれる Web サービス。 配色を確認できるテンプレートも複数あり（ Text template 、Card template 、 Vertical template ……）、用途に合わせて利用できるのも Good ！ また、クリックで生成された配色は
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
ロゴやウェブサイトの配色決めにおいては、パーツ単体で見たときに良さそうでもいざ実際に配置してみると「思った感じと違う……」と難航しがちです。そんな時、AIの力でカラーパレットを作成してくれるサイト「Huemint」は自動で良さげな感じに仕上げてくれるうえに、利用する際のイメージを分かりやすいプレビューで用意してくれる非常に便利なサイトということで、実際にその使い勝手を試してみました。 Huemint - AI color palette generator https://huemint.com/ サイトにアクセスするとこんな感じ。「Launch」をクリックします。 するとブランドロゴのページに移動しました。AIの選んだ4色を使った場合のイメージが右側に表示されています。下にスクロールしてみると…… 生成された配色が合成されたイメージ画像が表示され、製品に表示したときのイメージが分かりやす
color-sample.com豊富なカラーサンプルをランダムに表示。選択したカラーの彩度や明度も調べることができる。
ウェブには数多くの素晴らしい配色カラーツールがありますが、この記事では、UIデザインに便利なカラーツール7つをご紹介します。 ユーザーインターフェースの色を選択するには、グラフィックデザイン向けプロジェクトとは異なる用意が必要となることに注意しましょう。UIデザインには、さまざまなバリエーションと色を持つ包括的な配色セットが必要なだけでなく、色がユーザークエスペリエンスにどのように影響するのかも検討する必要があります。 デザインにおいてもっとも重要な要素のひとつである「配色」を、見栄えを良くするだけでなく、効果的に選ぶことができるカラーツールをまとめています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ UIデザインで重宝する配色カラーツール7個まとめ 1. Accessible color palette builder プロダクトデザインに
ウェブサイトやアプリケーションにおいて配色の持つ役割は大きく、その設計は使いやすさに強く影響を及ぼします。今回は基本的ではあるけれど覚えておくと役立つ、配色にまつわる9つのトピックについて解説します。 なお、本記事では、配色が与える情緒的な印象の話は出てきません。印象論的な配色理論は、数多く存在する他の書籍や記事に譲るとして、主にユーザビリティやアクセシビリティ、ビジネス上の課題解決に繋がる、基本的なポイントに絞って解説していきます。 1. メインカラーに赤を安易に採用しない 色を知覚する視細胞の中で、赤錐体（赤に反応する視細胞）は緑や青のものより数が多いという研究結果があります。 人間の目は赤に対して敏感であるという現象は、いくつかの学術的な裏付けにより証明されている事実と言えるでしょう。 色覚のしくみ – 多様な色覚に対応したデザインと社会の改善 特定非営利活動法人カラーユニバーサルデ
このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツールは他にもありますが、その中でも非常に便利なツールです。 Geenes Geenesは完全無料のオンラインツールです。 利用にあたっては、登録などの面倒なことも一切不要です。 Webページやスマホアプリにカラーがどのように適用されるか確認しながら、UIで使用するカラースケールを生成できます。
DESCRIPTION CSSの基調色は変数化しよう そうすることで部分最適で「同じような色を複数生み出すこと」が避けれるよ 「基調色」はcontrastとrgb値も用意するといいよ！ 本文 プライマリーカラーやセカンダリーカラーは変数化するのが一般的になりました。配色をいろいろなコンポーネントプロパティに書き散らかすと部分最適化した結果「気づいたら青色が32種類」ということになる事例もありますので、全体を最適化して保守性を高めるために、配色の変数化は一般的です。こんな感じですね。
デザイン、イラスト、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にお勧めの「配色パターンブック」を紹介します。 こんなに美しい配色本は、初めてです！ 収録されている配色は1000種類。すべてのページが美しく、感動すら覚えます。配色と写真を見るだけでかなり刺激され、永久保存版の一冊です。 本書は海外で人気のColor Palette Ideasの著者による配色をイメージ別・カラー別に、さらに日本用に配色が追加された約1,000種類の配色見本帳です。 ヨーロッパでデザイナー、写真家、そしてカラーリストとして活躍している著者によるハイセンスな配色が楽しめる永久保存版の一冊です。
AIは色を〈理解〉しているか？ アートディレクターが「ChatGPT」に配色を提案させてみた | AdverTimes.（アドタイ） by 宣伝会議
対話型AIの話題が尽きない。火付け役となったのは「ChatGPT」だ。質問や指示を投げかけると、AIが回答を生成する。デザインでの活用も可能だろうか。サントリー『特茶』のロゴデザインなどを手がけたアートディレクター小杉幸一氏が、「ChatGPT」にディレクションをしてみた。 AIのお手並み拝見 小杉 「色」は、商品やサービス、企業ブランドなどの〈コミュニケーション人格〉を構成する重要な要素のひとつです。〈コミュニケーション人格〉とは、ターゲットとなる生活者と関係を築くための、ブランド側の〈人格〉のことです。 コミュニケーションする側の商品やサービス、企業ブランドはどんな〈人〉なのか。ターゲットとする人たちに話しかけたとき、ちゃんと聞いてもらえる人格はどのようなものかを考えるところから、デザインは始まります。 「ChatGPT」とは 「ChatGPT」は入力した質問や指示などに対して回答とな
2月27日、東洋経済オンラインにて新型コロナウイルス感染症（COVID-19）のデータを一覧できる特設ページ「新型コロナウイルス 国内感染の状況」を公開しました。 ありがたいことに「わかりやすい」「毎日見ている」という反応を多数の方からいただいています。2年ほど前から東洋経済オンラインでデータビジュアライゼーション（データ可視化）作品を発表していますが、今回はちょっと驚くほどの反響がありました。 日々のデータ更新、改修やデータ追加などの要望対応、問い合わせや取材依頼など、いまだに落ち着いたとは言えない状況ですが、合間合間に書きためた技術やデザインの趣旨を忘れないうちに記録しておきます。制作メモのようなものとお考えください。 最もストレートな読者対象は「マスに向けてデータビジュアライゼーション作品を公開している個人」となりますが、あまり該当者は多くないと思いますので、たとえば社内向けのダッシ
業種や雰囲気による配色の決め方
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 この記事ではWebデザインを制作する際に、業種や雰囲気によってどのように配色を決めていけばいいのか、業種による配色の特徴、配色で変わる雰囲気について説明します。 業種による配色の特徴 業種によってよく使われる色と使われない色があるかを飲食店と金融会社や保険会社などについて見ていきます。 飲食店のWebサイトで使用されている色 まずは飲食店です。 飲食店のWebデザインでは店舗のイメージの色などを
Webサイト・スマホアプリをはじめ、プロダクト、紙のデザインで、「素敵」と「見やすい」を両立させる配色に悩んだことはありませんか？ 文字色は黒か白の無彩色が断然見やすい 色数は少ない方がデザインはまとまる そんなすぐに使える素敵で見やすい配色をたくさん収録した、新しい配色本を紹介します。 本書はデザインの良書をたくさん執筆されているPower Design Inc.の最新刊。今回も今まで以上に、見てすぐに使いたくなる配色が数多く収録されており、デザインでの使用例もたくさん掲載されているので、インスピレーションが刺激される一冊です。
すべてのページが美しい！ 色に関する365のアイデアがぎっしり詰まった、デザインやイラストに即戦力の新しい配色本 -色の日めくり配色帖365
辞書のように分厚い本書には1ページにつき1色、全部で365色の素敵な色、配色、色の知識・情報がおさめられた保存版の配色帖を紹介します。 デザインやイラストに使用する色を見つけたい、主役の色は決まっているけど配色をどうすればよいのか、色の使い方はどうすればよいのか、色に関する365のアイデアがぎっしり詰まっています。 本書は配色アイデア手帖でお馴染みの桜井 輝子氏の最新刊です！ 配色アイデア手帖第1弾のめくって見つける新しいデザインの本、第2弾の日本の美しい色と言葉、第3弾の世界を彩る色と文化（リンクは当ブログの紹介記事）を持っている人はもちろん、持っていない人にもお勧めの配色帖です。 365ページ超の本書は、かなりのボリュームに驚くと思います。 そして本書は、本日発売！！
甘いのにさわやか！チョコミント配色の休日スタイル
緊急事態宣言が出た場合に備えて、やむなく昨日から仕事を開始したわたくし。昨日のうちに宣言が出ても出なくても仕事が回せる状態まで持っていくことができ、ひとまずホッとしています。 というわけで、本日は夫と2人でのんびり過ごしました。 ◆トップス／SAISON DE PAPILLON ケーブル編みタートルネックニットプルオーバー グリーン ◆スカート／ＧＵ フェイクレザーフレアミディスカート ダークブラウン ◆靴／あしながおじさん 甘いチョコ茶×さわやかなミントグリーン ここ数年わたくしがハマっている茶色×ミントグリーンのチョコミント配色。 大人らしい落ちつきがあるのにどこか華やか、甘いチョコレートのイメージを残しつつ、ミントのさわやかさを感じさせる――そんな配色なんですよねー。 この感覚、 目から入ってくる色の持つイメージゆえなのか。 舌が覚えている味わいからくるものなのか。 子どものころお
見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。 カラーブランディングに成功しているWebサイトを見ると、そんなに数多くの色は使用されていません。デザインの一貫性を保つには、プライマリーカラーを1つ、アクセントカラーを1つ、あとはニュートラルトーンのベースカラーを使用しています。 この3つのカラーに9つの色合いを組み合わせたカラーパレットを生成する配色ツールを紹介します。 Goodpalette GoodpaletteはUIデザインに特化されたオンラインの配色ツールで、無料で使用できます。登録など面倒なことは一切不要。 使い方は簡単で、上部の「Generate」ボタンをクリックするだけです。生成した配色は、WebサイトやSlackやダッシュボードでどんな感じになるか確認できます。
「なんとなくこんな感じ」というイメージから、キーワード、写真、イラスト、デザイン作例、パターンなど、さまざまなアプローチから好みの配色を見つけることができる配色本を紹介します。 デザイナーやイラストレーターだけでなく、趣味でイラストや塗り絵をする人、また企画書やプレゼンなどの資料、ファッションやインテリアなどにも役立つ配色です。 本書は、昨日発売されたばかり！ 去年発売され、当ブログでも好評だった「配色デザインインスピレーションブック」の第2弾です（紹介記事）。第1弾は発売後、書店でもAmazonでも売り切れ状態がずっと続いていました。第2弾となる本書も充実した内容となっており、第1弾を持っている人はもちろん、持っていない人にもお勧めです。
当ブログでも大好評だった「3色だけでセンスのいい色（紹介記事）」の第2弾が、ついに発売されました！ 配色が苦手な人でも、センスに自信がない人でも、たった3色だけでおしゃれな配色が完成する新発想の配色本です。 しかも早期購入キャンペーン（12/22まで）があり、書籍版を購入すると同じ内容の電子版（PDF）がもらえます。書籍版か電子版か悩む人には朗報ですね。 本書は先日発売されたばかりのアイスキャンディー本！ 第1弾は発売後Amazonで品切れが続いていたベストセラーの配色本。今回も早期購入キャンペーンがあるので、品切れになりそうな予感がします。 著者のingectar-e様は、「けっきょく、よはく。」「ほんとに、フォント。」など人気のデザイン書をたくさん手がけているので、知っている人も多いと思います。
【ユニクロ誕生感謝祭購入品】メンズニットでチョコミント配色
コーデに頭を使う余力が無くなってきたhirariです。こんな日はテーパードパンツにニットという定番お仕事コーデ。 ◆トップス／ユニクロＵ メンズ ミドルゲージモックネックセーター 38ダークブラウン XS ◆パンツ／PLST ヘリンボンハイライズテーパードパンツ エメラルド XXS ◆巻物／ディノス ウールシルクカシミヤプリントストール マルチカラー ◆バッグ／詳細不明 レザーバッグ ブラウン ◆靴／ソフィアコレクション レザーショートブーツ ブラウン 大人らしくて華やかなチョコミント配色 昨日のブログの最後に「チョコミント配色」のことを少し書いたからでしょうか。今日は、ユニクロ誕生感謝祭の戦利品・ユニクロＵのメンズセーターの茶色を手にしたら、自然にグリーンのパンツを組み合わせていました。 ニットは明るく写ってしまいましたが、もう少しダークなチョコレート色。グリーン✕チョコレートブラウンの
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も (2ページ目)
すぴかあやか（角田綾佳） @spicagraph 白い背景で100％→0％のグラデーションってガタつくなと思っていたら「マッハバンド」と言う錯視らしい！ プラス、凸版印刷ではこういうグラデーションが難しいことを教えてもらった、なごみさんありがとー！このページの「グラデーションの印刷表現」が参考になりました。 toppan.co.jp/biz/gainfo/pr/… pic.twitter.com/XUKbFAmpIL 2020-08-17 11:26:17
この記事は、アクセシビリティ Advent Calendar 2019 - Adventar23日の記事です。 皆さん、CUD（カラーユニバーサルデザイン）、してますか？ 一流のデザイナーならみんなやっているというCUDですが、一つの壁があります。 それが、これ。 https://www.nig.ac.jp/color/handout1.pdf 図4より。色盲の人に見分けにくい色のシミュレーション 左端がもともとの色。中央と右が緑、あるいは赤を検知する細胞が無い人の色の見え方で、判別が困難になる色の組み合わせを示しています。 CUDを身に着けるために、これらの色の組み合わせを丸暗記するのはなかなか面倒であり、忘れてしまう可能性もあります。これを体系的に理解して身に着けることはできないか？というのが今回の記事の目的です。 とりあえず色盲とか色弱について理解しよう 人間の目は、3種類の細胞を使
色で「おしゃれ見え」するためのルール【補色配色】
本日の配色は、わたくしのだーい好きな茶色✕青色の組み合わせ。秋冬のイメージの強い配色ですが、春はブルーデニムでつくります。 本日はこれでお仕事へ。 ◆インに着たトップス／ユニクロＵ クルーネックＴ 白 Ｓ ◆スカート／ディノス コードレーススカート テラコッタオレンジ 61 ◆羽織り／グラムブルー オーバーサイズデニムジャケット ｍ ◆靴／フラッパー ブーツサンダル 互いを引き立たせる茶色✕青色 私のコーディネートにしょっちゅう登場する「青」と「茶色」の組み合わせ。これは、イタリアのおしゃれさんが好むといわれる配色「アズーロ・エ・マローネ」です。イタリア語で、アズーロ（AZZURRO）は空色、すなわち青のこと。マローネ（MARRONE）は栗色、すなわち茶色。 青と茶色って一見ケンカしそうな色合わせなのに、実際にやってみるとなぜかしっくりくる。その理由は、この2色が補色関係にあるからです。
配色が苦手な人でも、センスに自信がない人でも、たった3色だけでおしゃれな配色が完成する新発想の配色本を紹介します。 「配色が決まらない」「色が多いとゴチャゴチャする」「おしゃれにまとまらない」「どの色を使えばいいのか分からない」そんな悩みを一発で解決する、デザインやイラストに役立つ必携の配色本です。 Twitterやブログで大評判なので、知っている人も多いと思います。手にしてみると、発売されてすぐに品切れになったのも納得の一冊です！ 発売当初はAmazonで品切れが続いていましたが、現在は増刷され、在庫も十分確保されています（担当者様談）。著者のingectar-eは、「けっきょく、よはく。」「ほんとに、フォント。」なども手がけています。
【大人の色遊び⑤】黄緑✕緑で初夏のなじませ「ナチュラル配色」
土曜日は終日お仕事でしたー。コーディネートは、黄緑✕緑の初夏のなじませ配色。しっくりくる安定の「ナチュラル配色」です。
【永久保存版】知らないと損をする、悩まない配色えらび講座
あなたは、自分のアイデアや考えを誰かに伝えたいとしましょう。 文字をベースにしたコンテンツはもちろん重要ですが、イラストやチャート図、グラフ、アニメーションGIFなどの画像を作成することで、読者の注意を引き、記事やレポートをより充実させることができます。 成功のカギはずばり、色彩理論を知ることで、コンテンツを際立たせるのに役立ちます。 しかしそうは言っても、あなたもこんな風に悩んだことがあるはず。 「魅力的でかっこいいデザインをする方法がよく分らない。」 「私、クリエイティブじゃないし、。」 私は、”売れるデザインとは？”という究極の悩みを考え続け、このサイトで公開する記事用のビジュアルを作成する日々を、１５年ちかく送ってきました。 ちょっとした配色の違いで、アクセス数が２倍、３倍に変わったことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、配色で
配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない！制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr
デザイン研究所 (デザ研) on Twitter: "おすすめ配色サイトまとめ https://t.co/z1N35xsj1u"
おすすめ配色サイトまとめ https://t.co/z1N35xsj1u
明度を用いて配色を直感的に行うコツ／たじま ちはる（HUMORE） #ノンデザ25周年｜ノンデザイナーズ・デザインブック【日本語版公式】
『ノンデザイナーズ・デザインブック』25周年記念、特典PDF「Missing Pages 2023」からの抜粋です。 25周年キャンペーン情報 特典PDF「Missing Pages 2023」のpp. 65-69に掲載しています。 配色を直感的に行うための明度の使い方を3つのステップで紹介します。 このテクニックは、『ノンデザイナーズ・デザインブック』の第5章で説明されるコントラストに関連しています。 色の三属性と色相環本題に入る前に、配色の基礎知識として色の三属性と色相環について説明します。 色の三属性とは、「色相（色味）、明度（明るさ）、彩度（あざやかさ）」を指します。これらの属性を調整することで、扱える色の幅が広がります。 色相環とは、色を円環状に配置して表したもので、色相を体系的に捉えられます。 Step 1 | 色の選択に役立つ明度チェック1-1. 印象をコントロールするコツ色
クリスマス配色コーデでお仕事ラストスパート
◆トップス／ユニクロU メンズミラノリブクルーネックセーター 55グリーン XS（2019） ◆スカート／NOBLE ジップタイトスカート レッド 34（2018） ◆羽織り／abahouse ロングガウンカーディガン オフホワイト（2018） ◆靴／ユアーズ スクエアトゥチャンキーヒールショートブーツ ホワイト ◆バッグ／ラフォレスタ・ディ・イタリアで購入 レザートート ゴールド （2017） ◆つけ衿／LOWRYS FARM
当ブログでもいろいろな配色本を紹介してきましたが、今回はイラストやデザインに役立つ魅力的な配色だけでなく、色の組み合わせで世界観を創り出す、カラーパレットを理論的に解説した配色本を紹介します。 まさに、イラストレーターや絵師さんにぴったりな最強の配色本！ 眺めているだけでもインスピレーションが刺激され、創作意欲が高まる一冊。 各ページに掲載されている描き下ろしのイラストには、実際に配色が適用されており、イラストレーターさんによると「この組み合わせで、こんなに引き立つのか」「このトーンでまとめると、統一感が出るんだ」と気づきの連続だったそうです。 配色アイデア手帖シリーズ（最新刊の紹介記事）でお馴染みの桜井 輝子氏による、ファンタジーの物語や文学のキーワードを元にした世界観設定にぴったりな配色本です。世界の美しい物語53編から、88項目のテーマと2376の配色見本が収録されたイラスト画集のよ
大人が着るピンク！ヒントは「ひな祭り配色」にあった
毎年、ピンク・緑・白の「ひなまつり配色」コーデで迎えてきた桃の節句。 今年の3月3日は遅くまで仕事だったこともあり、ひな祭り配色コーデはスルーしちゃっていたのですが、思うところあって、遅ればせながらやっぱりやることに。 今年は、モスグリーンに近いカーキのコートを生かした「ひな祭り配色」コーデです。 ◆トップス／ユニクロ スフレヤーンモックネックセーター 10ピンクS（2019） ◆スカート／GU フェイクレザーフレアミディスカート 31ベージュ S ◆アウター／ディノス モッズ風ドレスコート Ｓ ◆巻物／manipuri
【大人の色遊び①】プチプラ服もおしゃれ見え！類似色相配色
帰宅が遅くて昨日はブログがアップできませんでした～😭 昨日のお仕事コーデは、ユニクロの定番シャツにGUのリネンのゆるっとしたパンツ。こんなプチプラの、しかも定番服の組み合わせの場合、大切なのは配色です！！ 色の力を借りて、安っぽく見せず、おしゃれに気を使っている風に感じさせたいなあ。 というわけで、昨日のコーデは「類似色相配色」で組み立てました。 ◆トップス／ユニクロ エクストラファインコットンシャツ ライトブルー XS（2019） ◆パンツ／GU リネンブレンドテーパードパンツ グリーン（2018） ◆巻物／macocca 大判無地ストール グリーン 「青」✕「緑」がおしゃれっぽいのはなぜ? 申し訳ありません！！ 「配色」がテーマ、それも微妙な色の違いがポイントだというのに、写真の撮り方が悪くて、色の違いが画像からではイマイチわかりませんな。 ちょっと説明させてくださいませ。 シャツは
イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。 本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イラスト・パターン・キーワードなどさまざまな角度の配色が分かります。 本書は、当ブログでも好評だった「配色デザインインスピレーションブック」の第3弾（第1弾の紹介記事、第2弾の紹介記事）。第1弾も第2弾も発売後は書店でもAmazonでも売り切れ状態がずっと続いていました。 第3弾となる本書もさらに充実しており、前書を持っている人はもちろん、今回初めてという人にもお勧めです。
「＋Ｊ」シャツジャケットとタイトスカートの「逆ペンギン配色」でスラリ見え！ 2021年3月26日 コーディネート, トップス, ユニクロGU, 巻物・小物
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大雨警戒レベルの配色 色が見分けにくい人に配慮し統一 | NHKニュース
無料でウェブデザインに最適な配色実例をそのままコピペできるようにした「Happy Hues」レビュー
色彩検定１級がオススメする 🎨 配色Webツール５選 - Qiita
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
AIの力でイケてる配色を生み出すカラーパレットジェネレーター「Huemint」レビュー
配色 - デザインツール | お道具箱 for Web
これ便利！Web、UIデザインの配色カラーパレットツール7個まとめ
ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie
面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes
CSS変数による配色はcontrastとrgbも用意したら捗るぞ
すべてのページが美しい！ こんなにもワクワクした配色本は初めて、デザインやイラストにぴったりな「配色パターンブック」
東洋経済COVID-19ダッシュボード制作メモ（１）コンセプトと配色｜荻原 和樹 / Kazuki OGIWARA
すべてのページに美しい配色がいっぱい！ デザインで文字を扱うときにぴったりな配色本 -色数は少ないほうがかっこいい！
UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette
素敵な配色本を見つけた！イメージにぴったりな配色が必ず見つかる -配色デザインインスピレーションブック 2
新しいトレンドカラーが満載！ たった3色でおしゃれな配色になるかなり使える配色本 -3色だけでセンスのいい色 Part 2
CUD的にヤバい配色を把握する - Webデザインの日々日記
デザインやイラストにすごく使える新発想の配色本！たった3色でおしゃれな配色になる -3色だけでセンスのいい色
Webサイト配色のお悩み解決！制作で便利なHTML/CSSカラースニペット21個まとめ
すべてのページがワクワクする配色本！ 色の組み合わせで世界観を創り出すカラーパレットが満載 -ファンタジー配色アイデア事典
実用性が高い配色本！カラー縛りのデザインやイラストにすごく使える -配色デザインインスピレーションブック 3
「＋Ｊ」シャツジャケットとタイトスカートの「逆ペンギン配色」でスラリ見え！