すべてのカテゴリ

色のユニバーサルデザインとは？「ユニバーサル（Universal）」には、「普遍的な」「すべての人に共通する」という意味があります。色のユニバーサルデザインとは、色覚の多様性を考慮し、できるだけ多くの人に正しく情報が伝わるように配色やデザインを行う考え方です。色覚特性とは？色の識別に関わる個性のことを色覚特性と呼びます。私たちは普段、「目立たせたいから赤色を使おう」と考えがちですが、すべての人にとって赤色が目立つとは限りません。見る人によって色の見え方には違いがあるため、色だけで情報を伝えない工夫が大切になります。遺伝による色覚特性遺伝によって特定の色を区別しづらい色覚特性を持つ人は少なくありません。日本国内では約300万人以上いるとされており、決して珍しいことではありません。また、人種によって割合は異なり、白人男性では約6〜8％とされています。なぜ色の区別が難しくなるの？私たちの目には、L錐体（赤系）M錐体（緑系）S錐体（青系）の3種類の錐体があります。遺伝による色覚特性では、このうち1つ以上の錐体が存在しない、または正常に機能しない場合があります。そのため、多くの人には異なる色として見える色同士が、似た色に見えて区別しづらくなるのです。学んだことホームページや資料を作成するときは、🔴「赤だから目立つ」🟢「緑だからわかりやすい」と決めつけるのではなく、文字を入れるアイコンを使うコントラストを確保するなど、色だけに頼らない工夫も大切だと感じました。より多くの人に伝わるデザインを目指したいですね✨本日はここまで！

こんにちは！今回は色彩検定でも重要な「色の対比現象」についてまとめます。同じ色でも、周りの色が違うだけで明るく見えたり暗く見えたりすることがあります。これは私たちの目が色を「単独」ではなく、「周囲との関係」で認識しているためです。色の対比現象とは？色の対比現象とは、周囲の色の影響によって、同じ色でも違って見える現象のことです。Webデザインやインテリア、ファッションなど、色を扱うあらゆる場面で活用されています。明度対比背景の明るさによって、同じ色でも明るく見えたり暗く見えたりする現象です。例えば、黒い背景では灰色が明るく見える白い背景では同じ灰色が暗く見えるという現象が起こります。色相対比周囲の色の影響で、本来の色とは少し違う色味に見える現象です。例えば、赤の隣では灰色が少し緑っぽく見える青の隣では灰色が少し黄色っぽく見える補色の影響を受けることで起こります。彩度対比周囲の色の鮮やかさによって、色の鮮やかさが変化して見える現象です。例えば、鮮やかな赤の隣では灰色がより地味に見える落ち着いた色の隣では同じ赤がより鮮やかに見えるという特徴があります。デザインでも大切ホームページ制作でも対比現象はとても重要です。例えば、ボタンを目立たせる文字を読みやすくする写真をきれいに見せる強調したい部分を目立たせるなど、配色を考える際に欠かせない知識です。まとめ色は単独で見えるものではなく、周囲の色との組み合わせによって印象が大きく変わります。色彩検定では、こうした対比現象の特徴を理解しておくことが大切です。デザイン制作でも活かせる知識なので、今後も少しずつ学んでいきたいと思います✨

きょうは少し趣向を変えて、たい焼きをモチーフにして絵をかきました。子どもの頃には、よく食べていたのですが、大人になってからは、買って食べる機会が減りました。その懐かしさから、ちょっと調子に乗ってレトロチックなデザインの画像を作って遊んでみました。作業をしている最中に、学生時代に受けた色彩学の講義を思い出しました。・オレンジ色や茶色などは、食欲や購買意欲を促進することができる。　→例えば、飲食店の暖簾や看板、商店のPOPなど。・街灯の明かりの色を青みがかった色に変えたら、犯罪率が減った。・黄色や赤などは、工事現場や交通標識などに多用されているので、人に警戒心を抱かせる。・・・これらは、あくまで一般的な傾向であり、人それぞれの人生の中での経験や、文化などの影響で感じ方の差はあって当然ですが、情報伝達や商業には役に立つ知識と言えるでしょう。実際に色彩学を参考にしたうえで、レトロチックな外観で仕上げた作品を発信してみると、古き良きものへの共感からか、思いがけない反響をいただくことが多いです。そういうときに、わたし自身も制作者側として、「またひとつ、いい時間を共有させてもらえたな。」と、感銘を覚えます。そういう時間をこれからも提供していきたいと思います。それでは。

こんにちは！本日は**「色の心理効果」**について学びました。私たちは普段、何気なく色を見ていますが、実は色には人の気持ちや行動に影響を与える力があります。デザインやインテリアだけでなく、広告や店舗づくりなど様々な場面で活用されています。色が与える心理的な印象🔴 赤情熱・活力・興奮食欲を高める効果注意を引きたい場面によく使われる飲食店やセールの広告などでもよく見かけます。🔵 青信頼・誠実・冷静集中力を高める爽やかで清潔感を与える企業のロゴや病院・医療関係のデザインにも多く使われています。🟢 緑安心・自然・癒しリラックス効果疲れを和らげる印象医療・福祉・観葉植物・エコ関連などでよく使われます。🟡 黄色明るさ・希望・楽しさ注意を引く色子ども向けのデザインにも人気見やすさが高く、案内表示にもよく使われています。⚫ 黒高級感重厚感力強さブランドや高級商品のデザインでよく見かけます。⚪ 白清潔感シンプル純粋さ余白を活かしたデザインでは欠かせない色です。Webデザインにも活かせるホームページを制作するときも、ターゲットに合わせて色を選ぶことが大切です。例えば、医療 → 青・緑カフェ → 茶色・ベージュ不動産 → 緑・ネイビー子ども向け → 黄色・オレンジこのように色を選ぶだけでも、見る人の印象は大きく変わります。今日の学び色は「見た目をきれいにするもの」ではなく、人の感情や行動にも影響を与える大切な要素だということを改めて学びました。これからホームページを制作するときも、伝えたいイメージに合った色選びを意識していきたいと思います。

本日の色彩検定の学習では、「色相環の分割による配色」について勉強しました。前回学習した色彩調和の理論では、「なぜ色が調和して見えるのか」を学びましたが、今回は実際に色相環をどのように分割して配色を作るのかを学習しました。デザインをしていると、「色を増やしたいけど、まとまりがなくなってしまう」ということがあります。そんな時に役立つのが今回の内容です。ダイアード（2色配色）ダイアードは、色相環で補色関係にある2色を使う配色です。例えば、赤 × 緑青 × オレンジなどがあります。コントラストが強く、印象的なデザインを作ることができます。スプリットコンプリメンタリー（分裂補色配色）補色関係にある色を直接使わず、その両隣の色を組み合わせる3色配色です。補色ほど強い対比にならず、程よいコントラストと調和を両立できるのが特徴です。配色に少し変化をつけたい時に活躍しそうです。トライアド（3色配色）色相環を3等分し、正三角形になる位置の色を選ぶ配色です。色のバランスが良く、カラフルなのにまとまりを感じやすい配色としてよく知られています。テトラード（4色配色）色相環を4等分し、正方形になるように色を選ぶ配色です。使える色数が増えるため、デザインの表現の幅も広がります。ただし色数が増える分、主役となる色を決めることが大切だと感じました。ペンタード（5色配色）色相環を5等分して作る配色です。5色を使うため非常に華やかですが、統一感を保つ工夫も必要になります。ヘクサード（6色配色）色相環を6等分して作る配色です。かなり多くの色を使用するため、イベントデザインやポップな表現に向いていそうだと感じました。学

本日の色彩検定の学習では、「色彩調和の考え方」について勉強しました。デザインをしていると、「なぜこの配色はまとまって見えるのだろう？」「なぜこの色の組み合わせは違和感がないのだろう？」と思うことがあります。その答えのヒントになるのが、色彩調和の理論です。色彩調和とは？色彩調和とは、「複数の色を組み合わせたときに心地よく感じる状態」のことです。今回は、アメリカの色彩学者ジャッドが提唱した「4つの原理」を学習しました。① 秩序の原理規則的に配置された色の中から、規則的に選んだ色同士は調和するという考え方です。例えば、色相環で等間隔に色を選ぶ配色などがこれに当たります。規則性があることで、まとまりや安定感を感じやすくなります。② 馴染みの原理私たちが日常生活の中で見慣れている色の組み合わせは調和して感じられるという考え方です。例えば、* 空と雲* 森や草木* 土や木材など自然界に存在する配色です。ナチュラルなデザインが落ち着いて見える理由の一つですね。 ③ 類似性の原理共通点を持つ色同士は調和するという考え方です。例えば、* 同じ色相* 同じトーン* 似た明度などです。Webサイトでも同系色でまとめると統一感が出るのは、この原理が関係しています。④ 明瞭性の原理明確なコントラストを持つ色同士も調和するという考え方です。例えば、* 白と黒* 青と赤* トリコロール配色などです。コントラストがはっきりしていることで、力強く印象的なデザインになります。学んだこと今回学習して感じたのは、調和する配色には「理由」があるということです。今までは感覚で色を選ぶことも多かったのですが、* 規則性があ

三色説と反対色説について学習しました！本日の色彩検定の学習では、三色説と反対色説について勉強しました。三色説三色説は、イギリスの医師であるヤングが提唱した考え方です。ヤングは、「目の中には3種類の光を感じる粒がある」という仮説を立てました。この3種類の粒は、それぞれ異なる光に反応し、その組み合わせによって色を知覚すると考えました。その後、ドイツの生理学者・物理学者であるヘルムホルツがこの考えを発展させます。ヘルムホルツは、目に入った光が赤（R）緑（G）青（B）に反応する3種類の視細胞によって受け取られると考え、これを理論化して三色説としました。現在のL錐体・M錐体・S錐体の考え方にもつながっています。反対色説しかし三色説だけでは説明できない現象もあります。例えば、黄色は赤と緑の視細胞の反応によって知覚されることになりますが、私たちは黄色を見ても、「赤っぽい黄色」や「緑っぽい黄色」として感じるわけではありません。また、青緑色をしばらく見た後に赤色の残像が見える補色残像も三色説だけでは説明できませんでした。ヘリングの反対色説そこでドイツの生理学者・心理学者であるヘリングは、目の中には反対の色に対して異なる反応を示す仕組みがあると考えました。これが反対色説です。ヘリングは、赤 ⇔ 緑黄 ⇔ 青白 ⇔ 黒という3組の反対色を仮定しました。このうち色味を持つ原色は赤緑黄青の4色なので、四原色説とも呼ばれます。反対色説で説明できること反対色説では、赤と緑は同時に存在できず、黄と青も同時に存在できません。そのため、緑みの赤青みの黄色という色が存在しない理由を説明できます。また、青緑を見続けた

本日のブログは色彩検定の学習内容から✨今回は「光の性質と色」について学習しました！色って普段は当たり前のように見えているけど、実は・光・物体・眼（視覚）この3つがそろって初めて“色”として認識されるそうです👀まず学習したのが「分光分布」これは、光源から出ている光の成分を表したものです。例えば白熱電球は、長波長（赤っぽい光）が多く含まれているため、全体的に黄み〜赤みを帯びて見えるそうです💡逆に昼光（太陽光）はさまざまな波長が比較的均一に含まれているため、自然な色に見えやすいとのこと☀️そして次に学習したのが「分光反射率曲線」これは、物体が“どの波長をどのくらい反射しているか”を表したグラフです！例えば、・全体的に反射率が高い→ 明るい色・波長ごとの差が大きい→ 彩度が高い（鮮やか）ということが読み取れます✨つまり、色は物そのものに存在しているというより、「どんな光が当たり」「どんな光を反射し」「それを眼で受け取るか」によって決まるんですね…！今回は図がないと少し難しい内容でしたが、仕組みを理解すると“なぜ照明で色が違って見えるのか”も少しずつ繋がってきて面白かったです😊引き続き勉強がんばります✨

本日の学習｜混色について🎨本日は色彩検定の学習で「混色（こんしょく）」について学びました！２色以上の色を混ぜ合わせて、別の色を作ることを「混色」と呼びます。また、混色のもとになる色は「原色」と呼ばれています✨混色は大きく分けると、加法混色減法混色の２種類があります。それぞれ使用する原色が異なっているのも特徴です！加法混色（RGB）加法混色は、光を重ねて色を作る方法です💡原色はRed（赤）Green（緑）Blue（青）のRGB！Webデザインやモニター表示など、スマホ・PC画面で使われている色の仕組みになります✨減法混色（CMY）減法混色は、インクなどを混ぜて色を作る方法です！原色はCyan（シアン）Magenta（マゼンタ）Yellow（イエロー）のCMY！印刷物などで使用される混色方法になります🖨️同時加法混色２つのライトを重ね合わせると、重なった部分は元の色より明るい別の色になります。このような「色光による混色」を同時加法混色と呼ぶそうです✨今日は少しだけの学習でしたが、Webデザインにも関わる内容だったのでとても面白かったです☺️

こんにちは！今回は色彩検定1級の内容から、**「プルキンエ現象」**についてご紹介します。夕暮れ時に散歩をしていると、昼間とは景色の印象が少し違って見えたことはありませんか？実はこれは、私たちの目の働きによる現象かもしれません。プルキンエ現象とは？プルキンエ現象とは、周囲が暗くなるにつれて、青系の色は明るく見え、赤系の色は暗く見える現象のことです。昼間は赤い花が目立っていても、夕方になると青や青紫の花の方が目立って見えることがあります。これは、光の量が少なくなることで、目の働きが変化するためです。なぜ起こるの？私たちの目には、光を感じる細胞が2種類あります。錐体（すいたい）明るい場所で活躍する色を正確に見分ける昼間の視覚を担当杆体（かんたい）暗い場所で活躍する明るさに敏感夜間や薄暗い場所で働く夕方になると、錐体よりも杆体の働きが強くなります。杆体は青緑色付近の光に特に敏感なため、青系の色が比較的明るく見え、赤系の色は暗く感じやすくなるのです。身近な例① 赤い花と青い花昼間は赤い花が鮮やかに見えますが、夕暮れになると青い花の方が目立って見えることがあります。② 夜道の看板青や白を使った看板は、暗い場所でも比較的見つけやすく感じることがあります。これは、人の目が暗い場所で青緑系の光を感じやすいためです。③ 星空昼間は見えない星も、空が暗くなると少しずつ見えてきます。これは杆体が活発に働き始め、わずかな光も感じ取れるようになるからです。色彩検定1級のポイント覚えておきたいポイントは、明るい場所では錐体が働く暗い場所では杆体が働く暗くなるほど青系は明るく、赤系は暗く見えやすいこの3つを

本日の色彩検定の学習では、「ファッションの色彩」について勉強しました。普段学習している色彩学では、色相・明度・彩度などを中心に色そのものを考えることが多いですが、ファッションの世界では少し考え方が異なります。今日はその違いについて学びました。ファッションでは色だけで印象が決まるわけではない色彩学では、赤は暖かいイメージ、青は冷たいイメージ、というように色そのものの印象を学びます。しかしファッションでは、素材やデザインによって印象が大きく変わります。例えば、艶のあるエナメル素材で作られた赤いコート。赤には暖かさや情熱的なイメージがありますが、エナメル素材になることでクールでスタイリッシュな印象が強くなります。反対に、青系のモヘアニットは寒色なのに暖かそうに感じます。これは色ではなく、素材が持つふわふわした印象が影響しているからです。素材によって見え方も変わるファッションでは素材の凹凸や光沢によって、陰影が強く見えることがあります。同じ色でも、マットな素材と光沢のある素材では全く違う印象になります。色だけではなく、素材との組み合わせも重要だと感じました。離れて見ると色が変わって見える洋服は実際に着用して少し離れた距離から見られることが多いため、同化や混色が起こりやすいという特徴があります。近くで見た時と遠くで見た時で印象が変わることもあるため、コーディネート全体で色を考えることが大切です。ファッションの基本カラーコーディネートファッションでは、ベースカラーアソートカラーアクセントカラーの3つを基本として考えます。これはWebデザインやグラフィックデザインでもよく使われる考え方ですね

本日の色彩検定の学習では、「色の三属性とイメージ」について勉強しました。色彩検定を勉強していると、「色相・明度・彩度」という言葉がよく出てきますが、実はこれらは単なる知識ではなく、デザインで相手に与える印象をコントロールするための大切な要素です。色相が与えるイメージ暖色系の色は暖かく、寒色系の色は冷たいイメージを与えます。また、暖色系の高彩度色は興奮感や活発な印象、寒色系の低彩度色は落ち着きや沈静感を与えます。例えば、飲食店の広告で赤やオレンジが多く使われるのも、暖かさや活気を感じてもらうためです。明度が与えるイメージ高明度色は軽く柔らかい印象、低明度色は重く硬い印象を与えます。最近よく見かけるナチュラル系のWebサイトは、白やベージュなど高明度色を使うことで優しい雰囲気を作っていることが多いですね。反対に、高級感のあるサイトでは黒や濃いネイビーなど低明度色がよく使われています。彩度が与えるイメージ高彩度色は派手で目立つ印象、低彩度色は落ち着いた印象を与えます。つい「目立たせたいから鮮やかな色を使おう」と考えてしまいますが、使いすぎると見づらくなってしまうこともあります。だからこそ、ベースカラーは低彩度、アクセントカラーだけ高彩度にするなどの工夫が大切なんですね。学んだことデザインを始めた頃は、「なんとなくこの色が好き」で色を選んでいました。でも色彩検定を勉強していると、「なぜこの色を使うのか」を説明できるようになってきます。デザインはセンスだけではなく、理論で考えられる部分もたくさんあるんだなと改めて感じました。駆け出しのデザイナーさんほど、色彩の知識はきっと武器になると思い

グラデーションとは？グラデーションとは、色を段階的（リズミカル）に変化させながら配列する多色配色のことです。色の類似性による統一感と、対照性による変化のバランスが良く、調和しやすい配色方法として知られています。ホームページや広告、イラストなどでもよく使われています。色相のグラデーション色相を少しずつ変化させるグラデーションです。高彩度のトーンを使用し、隣り合う色同士の色相差を1〜3の範囲にすると、自然で美しいグラデーションになります。例🟢 → 🟩 → 🟨 → 🟧 → 🟥明度のグラデーション明るさを段階的に変化させるグラデーションです。トーン区分図では縦方向の関係になります。明度のグラデーションは無彩色でも作ることができます。例⬛ → ◼ → ◾ → ◽ → ⬜明度・彩度のグラデーション明度と彩度を同時に変化させるグラデーションです。例えば、右から左へ進むにつれて明度が高くなる彩度が低くなるという変化をつけることができます。PCCSでは、純色 → 明清色の順に並べると効果的なグラデーションになります。学んだことグラデーションは単純に色を並べるだけではなく、色相明度彩度のどの要素を変化させるかによって印象が大きく変わることを学びました。Webデザインでも背景やボタンなどで使われることが多く、配色の知識としてしっかり覚えておきたいと思います。本日はここまで！

本日の色彩検定の学習では、配色テクニックについて勉強しました。ホームページやチラシなどのデザインでは、色を選ぶだけでなく、どのような役割で使うかも重要になります。今回は「アクセントカラー」と「セパレーション」について学習しました。---アクセントカラーアクセントカラーとは、配色全体を引き締めるために、目立つ色を小さな面積で使用することです。全体の色に対して、色相やトーンが大きく異なる色を選ぶことで視線を集める効果があります。---ベースカラー（基調色）配色の中で最も面積が大きい色です。ホームページでいうと背景色などが該当します。---アソートカラー（配合色）ベースカラーの次に面積が大きい色です。ベースカラーと組み合わせて全体の雰囲気を作ります。---アクセントカラー（強調色）配色の中で最も面積が小さく、最も目立つ色です。ボタンや重要なお知らせなど、注目してほしい部分によく使われます。---セパレーションセパレーションとは、色と色の境界部分に別の色を加えて色を分離するテクニックです。---セパレーションを使う場面* 鮮やかな色同士で対比が強すぎるとき* 明度差が少なく境界が分かりにくいとき---セパレーションの効果色と色の間に、背景に対して明度差のある色を線として入れることで、境界がはっきりし、見やすくなります。ホームページ制作でも、ボタンやカードデザイン、見出しなどでよく活用される考え方です。---学んだこと配色は色を選ぶだけではなく、* ベースカラー* アソートカラー* アクセントカラーという役割を意識することが大切だと学びました。また、セパレーションを使うことで、より見やす

本日の色彩検定の学習では、「色覚特性」と「加齢による色覚変化」について勉強しました。日本眼科学会の学術用語では「色覚異常」という言葉が使われています。色覚異常は、L錐体・M錐体・S錐体のうち、どの錐体が正常に機能していないかによって大きく3つに分類されます。しかし一般的には、「異常」という表現ではなく、**色の見え方の個性**という意味で「色覚特性」という言葉が使われることも知っておきましょう。---## 加齢による色覚変化色覚特性は遺伝だけでなく、加齢によっても変化します。年齢を重ねると、暗い場所で物が見えづらくなることがあります。これは視細胞の感度が低下することが原因とされています。また、色の見え方に関わる変化として、次の3つの言葉を理解しておくことが大切です。--- ① 水晶体の黄変加齢により水晶体が少しずつ黄色く変化していく現象です。その結果、青系の光が通りにくくなり、若い頃と比べて色の見え方が変化することがあります。--- ② 白内障水晶体が濁る病気です。視界がかすんだり、まぶしさを感じやすくなったりする原因となります。色の見え方にも影響を与えることがあります。---③ 視野欠損目の病気などによって、視野の一部が見えなくなる状態です。自分では気付きにくい場合もありますが、日常生活や色の認識にも影響を与えることがあります。---## 学んだこと色の見え方は人によって異なり、遺伝だけでなく加齢や病気によっても変化します。ホームページ制作や資料作成を行う際は、「自分には見やすい」ではなく、「できるだけ多くの人に伝わるか」という視点を持つことが大切だと感じました。本日はここま

本日の色彩検定の学習では、「色順応」と「色の恒常性」について勉強しました。色順応とは？例えば、白熱電球で照らされた部屋に入ると、最初は部屋全体が黄色や赤色っぽく感じられることがあります。しかし、しばらくその部屋にいると違和感がなくなり、自然な色に見えるようになります。これを色順応といいます。また、ピンク色のレンズが入ったサングラスをかけたときも同じです。かけた瞬間は景色全体がピンク色に見えますが、しばらくすると違和感がなくなり、普通に見えるようになります。これは網膜にある錐体が自動的に感度を調整し、自然な見え方になるよう補正しているためです。色の恒常性とは？次に「色の恒常性」です。例えば、自然光の下で白く見える紙があるとします。その紙を白熱電球で照らされた部屋へ持っていくと、本来は黄色っぽい光が当たっているため、紙も黄色っぽく見えるはずです。それでも私たちの脳は、「これは白い紙だ」と認識することができます。このように、周囲の照明環境が変化しても、対象物を同じ色として認識できる性質を色の恒常性と呼びます。色順応と色の恒常性の違い色順応 → 目（錐体）が環境に慣れる働き色の恒常性 → 脳が物体の色を一定に認識する働き似ているようで役割が異なるんですね！普段は意識していませんが、人の目と脳は常に協力しながら色を認識していることが分かりました✨本日はここまで！

本日のブログは色彩検定の学習内容についてです✨本日は「照明と色の見え方」について学習しました！照明とは、光を使ってものを照らしたり、場所を明るくしたりすることです。そして、この時光を発する源のことを「光源」と呼びます💡光源から出てくる光は「照明光」と呼ばれ、さらに自然光と人工光に分けられます。今回学習した照明の種類と特徴はこちら👇☀️ 昼光（太陽光）短波長・中波長・長波長がバランスよく含まれているため、色が自然に見えるのが特徴です。💡 白熱電球長波長の成分が多いため、全体的に黄み〜赤みがかって見えます。💡 蛍光ランプ（昼光色）赤み成分が少ないため、太陽光と比べると少し青みがかって見えます。💡 LED（白色）少ないエネルギーで明るさを得られる効率の良い光源✨白色LEDは蛍光ランプほど青くはありませんが、太陽光と比べると少し青みを感じるそうです。照明によって、同じ色でも見え方が変わるというのがとても面白かったです！余談ですが、最近Zoomなどを使う時に、照明によって顔の影の出方がかなり違うことにも気づきました😂家ではほうれい線が気になるのに、美容院だと薄く見えたり…！調べてみると、光の色や当たり方によって影の出方が変わるそうで、照明と色の関係って本当に奥が深いなと思いました✨本日もここまで読んでいただきありがとうございました☺️

本日の作業は、完成した美容クリニックLPをポートフォリオへ掲載しました✨最終調整として、・「こんなお悩みありませんか？」部分の丸いオブジェクトのデザイン変更・トップへ戻るボタンを、デフォルトの青色からLPの雰囲気に合わせたピンクの丸ボタンへ変更など、細かい部分の統一感を整えていました☺️デザインは大きなレイアウトだけでなく、こういった“小さな違和感を減らす調整”も大切だと改めて感じました。また、色彩検定の学習では「身近な混色の例」について勉強しました！■カラー印刷CMY＋黒（K）の4色を使い、小さなドットの大きさや配列で色を再現します。減法混色だけでなく、ドットが並ぶことで併置加法混色も生じているそうです。■織物糸自体は染料による減法混色ですが、縦糸・横糸が並ぶことで併置加法混色が見られます。■絵の具基本は減法混色ですが、顔料の粒が不規則に並ぶことで併置加法混色も発生するため、単純な計算通りの色にならないそうです🎨普段見ている印刷物や布地にも、色彩学の考え方がたくさん使われていて面白かったです✨

本日のココナラブログは、色彩検定の学習内容の続きです✨今日は「減法混色」について学習しました！減法混色とは、フィルターなどを重ねた時に、元の色より暗い別の色に見える混色のことです。これは、光がフィルターを通過する際に、特定の波長の光が吸収されることで起こるそうです！また、私たちが普段見ているスマホやPCの画面の色は、RGB（赤・緑・青）の3色の光の強さを変えることで表現されています📱✨テレビやモニターを拡大すると、RGBの小さな点が並んでいるそうで、・赤く見える部分 → Rが強く発光・黄色く見える部分 → RとGが強く発光・白く見える部分 → RGBすべてが強く発光しているとのこと！逆に、RGBが発光していない部分は黒く見えるそうです。さらに、雑誌やポスターなどのカラー印刷には、「減法混色」と「併置加法混色」の両方の原理が使われていることも学びました🌈普段当たり前に見ている色にも、たくさんの仕組みが隠れていて面白いです☺️

本日は色彩検定の学習で、「光の反射と透過」について勉強しました！まず学んだのが【分光反射率曲線】について。これは、“物体に当たった光が、どの波長をどれくらい反射しているか”を表したグラフのことだそうです💡例えば赤い物体なら、赤い波長を多く反射しているため、私たちの目には赤く見えます🍎一方で、透明な物体は光を反射するというより、光を通す（透過する）性質があります。そのため、透明な物体の場合は【分光透過率曲線】という別のグラフで表されるそうです！また、本日は「反射」と「透過」にも種類があることを学びました。【反射の種類】・正反射（鏡面反射）・拡散反射鏡のようにツルツルした面は、入ってきた光を一定方向へ反射します。これを【正反射】と言い、“入射角と反射角が等しい”という特徴があります✨反対に、紙や石膏のように表面が細かく凸凹しているものは、光がさまざまな方向へ広がって反射します。これを【拡散反射】と言うそうです！【透過の種類】・正透過・拡散透過透明な窓ガラスのように、向こう側がはっきり見えるものは【正透過】。曇りガラスのように、光を通しながらぼんやり広げるものは【拡散透過】と呼ばれます✨普段何気なく見ている「ツヤ」や「透明感」にも、ちゃんと光の性質が関係しているのが面白いです☺️

昨日「プリズム」という言葉が出てきたのですが、「そもそもプリズムって何だろう？」と思い、まずはそこから勉強しました💡プリズムとは、光を分けることができる透明な三角柱状の物体のこと。白い光がプリズムを通ると虹のように色が分かれて見えるのですが、これは光がプリズムに入る時・出ていく時に“屈折”するためです。さらに、光は波長によって曲がる角度（屈折率）が異なるため、色ごとに分かれて見えるそうです🌈この「波長ごとに光を分けること」を【分光】と呼び、分かれた後のそれぞれの光は【単色光】と呼ばれます。また、本日は「物体の色の見え方」についても学習しました！物体に当たった光は、・反射する・吸収される・透過するのいずれかの経路をたどります。例えば、🍎赤いりんご → 赤の波長だけを反射🍷赤ワイン → 赤の波長だけを透過しているため、私たちの目には赤く見えるそうです！普段何気なく見ている“色”にも、しっかり仕組みがあるのが面白いです☺️本日はここまで！

今回は色彩検定1級の内容から 「色順応（しきじゅんのう）」 についてご紹介します。「部屋の照明が変わっても白い紙は白く見える」「暗い映画館に入ると、最初は何も見えなかったのに少しすると見えるようになる」このような現象は、私たちの目が環境に合わせて変化しているためです。色順応とは？色順応とは、周囲の光や色の環境に目が慣れ、色の見え方を自然に調整する働きのことです。私たちの目は、周囲の光の色が変わっても、できるだけ物の色を一定に見ようとしています。そのため、照明の色が違っても「白い紙は白い」と認識しやすくなっています。身近な例💡 電球色の部屋暖色系の照明がついた部屋では、実際には物が少しオレンジ色に照らされています。それでも、私たちは白い紙を「白」と認識できます。これは目が照明の色に順応しているからです。🌙 暗い場所に入ったとき映画館や夜道では、最初は周囲が暗く感じます。しかし数分すると目が暗さに慣れ、少しずつ周囲が見えるようになります。これも順応の働きの一つです。Webデザインでも役立つ知識色順応はWebデザインや写真編集にも活用されています。例えば、モニターごとの色の違いを考える明るい画面・暗い画面での見え方を確認するデザインの配色バランスを調整するこのように、閲覧環境を意識してデザインすることが大切です。まとめ色順応は、私たちの目が周囲の環境に合わせて色の見え方を調整する仕組みです。普段は意識することが少ない現象ですが、デザインや写真、照明など、さまざまな場面で活用されています。色彩検定1級では、こうした人の「色の見え方」を理論的に学ぶことで、より実践的な色彩知識を身につける

こんにちは。Web制作について勉強しながら、色彩検定の学習も続けています。今回は、さまざまな人に情報を正しく伝えるために大切な「カラーユニバーサルデザイン」についてまとめます。カラーユニバーサルデザインとは？私たちが見ている色は、すべての人に同じように見えているとは限りません。生まれつきの色覚特性や年齢、目の状態、周囲の明るさなどによって、色の見え方には違いがあります。カラーユニバーサルデザインとは、色の見え方が異なる人にも、できるだけ正確に情報が伝わるように配慮する考え方です。公共施設の案内表示や地図だけでなく、Webサイトやチラシなどのデザインにも関係しています。色だけで情報を区別しない例えば、入力フォームの間違いを赤色だけで示しても、色の違いに気づきにくい場合があります。そのため、色と一緒に「入力内容をご確認ください」と表示する注意を示すアイコンを付ける下線や枠線、模様なども併用するグラフでは色だけでなく文字や記号を入れるといった工夫が大切です。色だけに頼らず、文字や形でも情報を伝えることで、より多くの人に分かりやすいデザインになります。明るさの差も意識する文字と背景の色が似ていると、文字が読みにくくなってしまいます。例えば、白い背景に薄い黄色の文字を配置すると、やさしい印象にはなりますが、十分な明るさの差がなく、内容を読み取りにくいことがあります。色を選ぶときは色相の違いだけでなく、明度差やコントラストも確認する必要があります。デザインを一度モノクロ表示にして確認すると、明るさの差が分かりやすくなります。加齢によっても色の見え方は変化する年齢を重ねると、水晶体が少しずつ

本日の色彩検定の学習では、「色相・トーンで考えるカラーコーディネート」について勉強しました。前回はファッションでは「色だけではなく素材やデザインも印象を左右する」ということを学びました。今回はさらに一歩進んで、色相やトーンを意識したコーディネートの考え方を学習しました。実はこの考え方は、ファッションだけでなくWebデザインやグラフィックデザインにも共通する部分が多いと感じました。同一色相配色同じ色相でまとめる配色です。非常に統一感があり、落ち着いた印象になります。ただし色が似ている分、単調になりやすいので、光沢のある素材マットな素材レザーやニットなど素材感の違いを取り入れることで、同じ色でも豊かな表情を演出できます。類似色相配色隣り合う色相で組み合わせる配色です。同じ色味のグループなので統一感を保ちながらも、少し変化をつけることができます。「まとまりは欲しいけれど、少しアクセントも欲しい」そんな時に活躍する配色です。対照色相・補色色相配色反対側にある色同士を組み合わせる配色です。色のコントラストが強く、印象的なコーディネートになります。ただし、高彩度同士を組み合わせると派手な印象になりやすいため、色の面積やバランスを考えながら使うことが大切だと学びました。多色配色複数の色を使ったコーディネートです。色数が増えるほど難しくなりますが、トーンを揃えることで全体にまとまりが生まれます。また、ボーダー柄やプリント柄など、1つのアイテムに複数の色が入っているものを取り入れると、多色配色でも自然にコーディネートしやすくなるそうです。学んだこと今回学習して感じたのは、「色を増やすほど難しくな

本日の色彩検定の学習では、「トーンと関連する配色イメージ」について勉強しました。同じ色を使っていても、トーンが変わるだけで受ける印象は大きく変わります。デザインをしていると、「なんとなくオシャレだけど理由が説明できない」ということがありますが、その理由の一つがトーンにあるのかもしれません。モダン無彩色や中〜高彩度の青系を中心に使い、明度のコントラストをつける配色です。スタイリッシュで都会的な印象を与えるため、企業サイトやIT系のデザインでもよく見かけます。クリア低〜中彩度の寒色系の明清色を中心に使用します。さらに白を加えることで、透明感や清潔感のあるイメージが強調されます。ダイナミック高彩度の暖色と対照色相を組み合わせる配色です。赤や黒を使うことで力強さやインパクトが生まれます。広告やスポーツ関連のデザインでよく使われる印象です。カジュアル橙〜黄色の明清色や純色を使用します。親しみやすく元気な印象を与えるため、子ども向けやイベント系のデザインにも向いています。ナチュラル低〜中彩度の橙〜緑系、黄緑〜青緑系の明清色を使います。自然界にある色を中心に構成するため、安心感や落ち着きを感じさせる配色になります。シックグレイッシュなトーンや低〜中明度の無彩色を使います。青系なら都会的で洗練された印象に、茶系なら落ち着いたクラシックな印象になります。エレガント明清色の紫系や中〜低明度の紫系を中心に使います。明度差を小さくすると、上品で洗練された印象を演出できます。ロマンティック低〜中明度の暖色系の明清色や白を使います。特にピンクを取り入れることで、かわいらしく優しい雰囲気を強く感じられます。

本日の色彩検定の学習では、「トーンを基準にした配色」について勉強しました。配色を考えるときは色相だけでなく、トーンに注目する方法もあります。トーンとは、色の明るさや鮮やかさの特徴を表したものです。同じ色相でもトーンが変わると印象は大きく変化します。トーンに共通性がある配色同一トーン配色トーンが同じ色同士を組み合わせる配色です。彩度差がなく、明度差も比較的小さいため、まとまりが強く感じられます。統一感のある落ち着いた印象になります。---類似トーン配色隣り合うトーン同士を組み合わせる配色です。共通性が感じられるため、まとまりやすい配色になります。類似トーン配色を作るには、* 縦方向に隣り合うトーン* 横方向に隣り合うトーン* 斜め方向に隣り合うトーンのいずれかを組み合わせます。同一トーン配色より少し変化がありながらも、統一感を保つことができます。---トーンに対照性がある配色対照トーン配色トーン区分図で距離が大きく離れた色同士を組み合わせる配色です。縦方向に離れている場合は、明度差が大きくなります。横方向に離れている場合は、彩度差が大きくなります。そのため、コントラストが強くなり、メリハリのある印象を与えることができます。---学んだことホームページ制作でも、* 統一感を出したい → 同一トーン配色* 少し変化を付けたい → 類似トーン配色* 目立たせたい → 対照トーン配色というように使い分けることで、より効果的なデザインができそうだと感じました。本日はここまで！

本日の色彩検定の学習では、配色の基本ルールについて勉強しました。配色とは、複数の色を組み合わせて新たな効果を生み出すことです。配色を考える際には、色相差に注目することで「統一感」や「変化」をコントロールできます。---色相に共通性がある配色同一色相配色（色相差0）色相が同じ色同士を組み合わせる配色です。色相に共通性があるため、まとまりが強く感じられます。PCCSでは、無彩色と有彩色の組み合わせも同一色相配色として扱われます。---隣接色相配色（色相差1）色相環で隣り合う色同士を組み合わせる配色です。統一感があり、まとまりのある印象になります。PCCSでは偶数番号と奇数番号を組み合わせます。---類似色相配色（色相差2〜3）色相が似ている色同士の配色です。統一感を保ちながらも、少しだけ変化を感じられます。---色相にやや違いがある配色中差色相配色（色相差4〜7）類似色相配色でも対照色相配色でもない中間的な組み合わせです。まとまりと変化のバランスが取れた配色になります。---色相に対照性がある配色対照色相配色（色相差8〜10）色相の違いが大きい色同士を組み合わせる配色です。色味の共通性は少なく、コントラストが生まれます。特に彩度の高い色同士を使うと、より強い印象になります。---補色色相配色（色相差11〜12）色相環で反対側に位置する色同士の組み合わせです。色相差が最も大きく、強いコントラストが生まれます。彩度の高い色を使うと、さらに目を引く配色になります。---学んだことホームページ制作でも、* 落ち着いた印象なら同一色相配色* やさしい印象なら隣接色相配色* 目立たせたい部分に

本日は、トップページが完成したデモサイトの全体イメージをご紹介します！これまでブログでは各セクションごとの制作過程を掲載していましたが、サイト全体のスクリーンショットはまだ掲載していなかったので、今回はまとめてご紹介してみました。今回のデモサイトは、ファーストビューABOUTNEWSSERVICECOMPANYCONTACTなどを1ページにまとめた構成となっています。また、写真や文章を差し替えることで、業種を問わずオリジナルサイトとして活用できるよう設計しています。「こんな雰囲気のホームページが欲しい」というイメージづくりの参考にもなれば嬉しいです✨トップページ完成↓↓色彩検定の勉強記録本日は「明順応」と「暗順応」について学習しました。順応とは、周囲の明るさに目が慣れることをいいます。明順応暗い場所から明るい場所へ移動した際に起こる現象です。比較的早く進み、数秒ほどで完了するといわれています。暗順応明るい場所から暗い場所へ移動した際に起こる現象です。暗順応には10〜15分ほどかかり、完全に順応するには約30分程度必要とされています。ロドプシンとの関係杆体（かんたい）に含まれる視物質「ロドプシン」は、光が当たると分解されます。そのため明るい場所ではロドプシンがほとんど存在しない状態になっています。そこから急に暗い場所へ移動すると、ロドプシンが再び合成されるまで時間が必要になるため、すぐには周囲を見ることができません。暗順応に時間がかかる理由は、このロドプシンの再合成が関係しているんですね。本日はここまで！

本日の色彩検定の学習では、「色が見える仕組み」と「色視野」について学びました。私たちが色を認識できるのは、網膜にある**錐体（すいたい）**の働きによるものです。錐体には、S錐体（短波長に反応）M錐体（中波長に反応）L錐体（長波長に反応）の3種類があります。それぞれ反応しやすい波長が異なり、3種類の錐体が受け取った情報を脳が処理することで、私たちはさまざまな色を見分けています。また、各錐体がどの波長にどの程度反応するかを表したグラフを分光感度曲線と呼びます。色視野とは？視野とは、視線を一点に固定したときに見える範囲のことです。その中でも、色を識別できる範囲を色視野と呼びます。色視野のグラフを見ると、視野の中心ほど色に対する感度が高い赤・緑よりも黄色・青の方が広い範囲で認識できるという特徴があります。これは網膜上にある錐体や杆体（かんたい）の分布に偏りがあるためです。普段は意識していませんが、人の目は視野全体で同じように色を感じているわけではないんですね。本日はここまで！少しずつ目の仕組みが理解できてきました✨

本日の色彩検定の学習では、* コンプレックスハーモニー* ドミナント効果* トーンを統一した配色* 中間色による配色* 明快な2色・3色配色について学びました。昨日は「なぜ色が調和するのか」という理論を学びましたが、今日は実際の配色テクニックに近い内容でした。コンプレックスハーモニーコンプレックスハーモニーとは、多くの色を使用しながらも、全体として調和を感じさせる配色です。一見すると難しそうですが、色相やトーンに一定のルールを持たせることで、複数の色を使ってもまとまりのある印象になります。デザインをしていると、「色を増やしたらごちゃごちゃしてしまった…」という経験がありますが、そんな時に役立つ考え方だと感じました。ドミナント効果ドミナント効果とは、色相やトーンに共通性を持たせて統一感を出す配色方法です。例えば、青系でまとめたり、同じトーンの色だけを使ったりすることで、複数の色を使っていてもまとまりを感じるデザインになります。Webサイトでもよく使われているテクニックですね。トーンを統一した配色同じトーンで色を選ぶと、色相が違っても不思議と調和して見えます。最近見かけるおしゃれなデザインも、よく観察するとトーンが揃っていることが多いです。色を選ぶときは色相だけでなく、トーンにも注目したいと思いました。中明度・低明度の中間色による配色鮮やかな色ばかりではなく、少しくすんだ中間色を使うことで落ち着いた印象になります。最近のWebデザインでも、派手な色よりもニュアンスカラーやくすみカラーを見かけることが増えました。色彩の勉強をしていると、その理由が少しずつ理解できるようになってきます。

本日の色彩検定の学習では、「プルキンエ現象」について勉強しました。まず、人の目には光を感じる視細胞として「錐体（すいたい）」と「杆体（かんたい）」があります。明所視・暗所視・薄明視明るい場所で錐体だけが働いて見ている状態を明所視といいます。反対に、暗い場所で錐体がほとんど働かず、杆体だけで見ている状態を暗所視といいます。また、夕方や薄暗い室内のように、錐体と杆体の両方が働く状態を薄明視と呼びます。プルキンエシフトとは？人の目は明るい場所では、赤やオレンジなどの長波長の光に対する感度が高くなっています。しかし周囲が暗くなるにつれて、青などの短波長の光に対する感度が相対的に高くなります。この感度の変化をプルキンエシフトと呼びます。プルキンエ現象プルキンエシフトが起こることで、赤・オレンジ・黄色は暗く見える青系の色は明るく見えるという現象が発生します。これをプルキンエ現象と呼びます。例えば昼間は赤い花の方が明るく目立って見えますが、夕方になると赤は暗く沈み、青い花の方が明るく見えるようになります。普段何気なく見ている景色でも、実は目の仕組みによって見え方が変化しているんですね！本日はここまで✨