ヨハネス・イッテンの色彩論をざっくり紹介【バウハウス】【20世紀】 | 絵描きのブログ
（見出し）TegulaによるPixabayからの画像 スイス出身のヨハネス・イッテン Johannes Itten (1888-1967) は若くから教員の職に就き、絵画学校の開設なども行った著名な教育者、理論家であり芸術家です。1919年頃にバウハウスに招聘されたのちは独自の色彩論を展開し、その理論は絵画のみならず当時から今日までのデザイン教育においても有用なものとなっています。 イッテンの12色環de イッテンの考えた色相環は１２色であり、表色系では著名な１００色あるマンセル・カラーシステムや、２４色であるオストワルトの表色系とは異なっています。イッテンの色環では、「調和」は色料混合によってもたらされるとし、絵具を用いた芸術に有用な理論であると説明しています。また、色環内の補色関係（対角線にある色同士）が、混ざるとグレイになるように配置されていることを特徴としました。 グレイは、最も彩
日本色研事業株式会社 HomePage
トーンは、明度と彩度の複合概念といえるものです。 色相の同じ系列でも、明・暗、強・弱、濃・淡、浅・深の調子の違いがあります。この色の調子の違いをトーンといいます。このトーンの色空間を設定していることが、ＰＣＣＳの最大の特徴でもあります。 色相ごとに12種のトーンに分けられ、各色相からトーンの同じ色をまとめています。明度の違いはあるものの、あざやかさ感の共通なグループができます。 色相とトーンで色を表す場合、例えば色相番号12（緑）で、ライトトーンの場合「lt12」と略記号で表します。無彩色の場合には、白は「W」、黒は「Bk」、その他は明度を示す数字に「Gy」を付加して「Gy-6.5」と表します。
イメージスケールの基本 | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所
※一部のInternet Explorerで「データベースシステム」「Hue&Toneシステム」を閲覧できないケースが発生しております。 お手数ですが、別のブラウザでお試しください。 イメージスケールとは イメージスケールは日本カラーデザイン研究所が研究・開発した感性マッピングツールです。 色に対して抱くイメージは人によって微妙に異なりますが、共通する部分も多く認められます。そのイメージの共通感覚を心理学的研究の蓄積で明らかにしたものが、イメージスケールです。 基本のイメージスケールは、イメージの判断基準であるWARM－COOL、SOFT－HARDの座標軸上に単色、形容詞、形容動詞を表現した配色が配置されています。(本来は第3軸としてCLEAR-GRAYISHの軸があり、3次元のイメージ空間となっています) ■カラーイメージスケール すべてのイメージスケールの元となっている単色イメージスケ
配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク 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
How To Create Color Schemes For Your UI Design Using The 60-30-10 Technique
Selecting the right colors for your UI and applying them effectively can be a tricky task. You want to choose colors that go well with each other and create a sense of harmony within the design. You also want to pick the right accent colors to highlight elements like buttons and call-to-actions. Venezuelan product designer Dan Romero has come up with an excellent list of pointers that show you how
色の基本的な知識 加法混色と減法混色って何？
ホームページ制作・DTP制作をおこなう上で色は非常に重要なものです。 しかし、ホームページと印刷物の色の表現が違うことをご存知ですか？ ここでは色の表現方法である、加法混色と減法混色をご紹介します。 色の表現方法は大きく分けて2種類！ 2つ以上の異なる色を混ぜ合わせることによって別の色を作ることを「混色」といいます。 混色は、混ぜれば混ぜるほど明るくなる「加法混色」と、混ぜれば混ぜるほど暗くなる「減法混色」の2つに大きく分けられています。 加法混色とは、赤（R）・緑（G）・青（B）を組み合わせて色を表現する方法です。 加法混色は、色を重ねるごとに明るくなり3つの色を重ねると白になります。 この赤（R）・緑（G）・青（B）は「色光の三原色」とも呼ばれます。 スポットライト・パソコンなどのディスプレイから発せられる色は加法混色で表現されています。 ホームページはディスプレイを通して閲覧するので
色のアクセシビリティを改善するための10のツール
全人口の４％以上の人が色覚異常を持っているということをご存知でしょうか。さまざまな色覚異常やその他の視覚障害は、あなたのWebサイトのリーダビリティ（可読性）とユーザビリティに影響を与える可能性があります。 どのように色が見えるかに関わらず、すべてのユーザーが利用できるようにデザインするのがあなたの責任なのです。 適切なツールを使えば、こういったデザインはあなたが思っているよりも簡単にできます。 アクセシビリティとは何か どのようなユーザーが見ても簡単に理解できるようなWebサイトを作るために、Webサイトのデザインに関しては数多くのアクセシビリティチェックとスタンダードがあります。 アクセシビリティはオーディオや、ナビゲーション、フィードバック、テキストのプロパティ、色など広範囲に関係します。今回は最後に挙げた「色」に注目します。というのも、これはデザインの初期段階で特定でき、問題を起こ
CUD的にヤバい配色を把握する - Webデザインの日々日記
この記事は、アクセシビリティ Advent Calendar 2019 - Adventar23日の記事です。 皆さん、CUD（カラーユニバーサルデザイン）、してますか？ 一流のデザイナーならみんなやっているというCUDですが、一つの壁があります。 それが、これ。 https://www.nig.ac.jp/color/handout1.pdf 図4より。色盲の人に見分けにくい色のシミュレーション 左端がもともとの色。中央と右が緑、あるいは赤を検知する細胞が無い人の色の見え方で、判別が困難になる色の組み合わせを示しています。 CUDを身に着けるために、これらの色の組み合わせを丸暗記するのはなかなか面倒であり、忘れてしまう可能性もあります。これを体系的に理解して身に着けることはできないか？というのが今回の記事の目的です。 とりあえず色盲とか色弱について理解しよう 人間の目は、3種類の細胞を使
コダテル｜みんなで企てる、ヒミツキチ
〒 796-0001 愛媛県八幡浜市向灘2187 TEL・FAX 0894-21-2629 OPEN 10:00 - 23:00 CLOSE 不定休 2021 11/26 ゲストの施設利用・宿泊利用・見学・相談は、事前のご予約をお願いします。当日の予約は受付しておりません。詳しくは「利用方法」をご確認ください。
Webページやスマホアプリ、UI Kitのカラーの組み合わせをいろいろ試せる -Panda Colors（肉球かわいい）
パンダの肉球がかわいいオンラインサービスを紹介します。 Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。
Photoshopで書き出したjpg画像の色が変わる時の原因と対処 | Maromaro Blog
こんにちは。 MaromaroのChieです。 さて今回は、写真データをPhotoshopでjpgに書き出してみたら色味が変わってしまった！ なんてことありませんか？ そんな時の対処方法についてご紹介します。 どんな風に違うの？写真によっては気づかないこともあるのですが、Photoshopのワークスペース上とjpgに書き出した時と見え方が違うことあります。 左がPhotoshopのワークスペース上、右がWeb用にjpgに書き出しものとなります。 わずかですが、書き出したものの方が少しくすんでしまっています。 色がくすむ原因は？元の写真のカラープロファイルの設定と書き出しの際のプロファイルの設定の違いにより差異が出てしまうようです。 ディスプレイやデジタルカメラなどにAdobeRGBが採用されることが増えたこともあり、デジタルカメラで撮影した写真をsRGBモニタにのみ対応しているディスプレイ
これすごい便利！17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list | コリス
色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。
プロフィール| 【名古屋･愛知･岐阜】 iDesign（アイデザイン）
骨格診断、パーソナルカラー診断、ショッピング同行、ワードローブ診断、顔タイプ診断、イメージコンサルティングサービス。 はじめまして、斉藤まさみです。 ブログをお読みいただきありがとうございます。 イメージコンサルタント、Webデザイナーとして「ヒトやモノの価値」が伝わるビジュアル（外見）を提案・制作・プロデュースする活動をしています。 当ブログ名「iDesign」の「i」には、 I（わたし） Image（イメージ） Identity（自分軸） 3つの意味を込めています。 様々な“I”をカタチにします。 どうぞよろしくお願いいたします。 経歴イメージコンサルタント／WEBデザイナー 斉藤まさみ 骨格タイプ：ストレート パーソナルカラー：オータム 顔タイプ：クールカジュアル 〈保有資格〉 パーソナルデザインアドバイザー【パーソナルデザイン協会認定 マスターPDA】 顔タイプアドバイザー1級 全
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe MAX 2023 | The Creativity Conference
DTP Transit on Twitter: "#配色（の実際） How To Create Color Schemes For Your UI Design Using The 60-30-10 Technique https://t.co/8bP4rc3Kox https://t.co/Il4zjt6TOT"
Picular
https://colorcopypaste.app/
https://color.adobe.com/ja/create/color-accessibility
Palx
パーソナルカラー診断・骨格スタイル・コスプレメイク 鷹村アオイ【Damaskrose（ダマスクローズ）】 – 鷹村アオイの予約制サロン。パーソナルカラー診断を中心に骨格診断・お顔診断・イメージ分析まで。服選び・髪型・メイクもアドバイス。似合う色や服がわからない方、鷹村アオイがあなたのオーラをアップ。