maki-o memo

制作に関する私的なメモです

選択されているタグ : セミナー

タグを絞り込む : a-blog_cms bingo!CMS CMS css css3 CSS_nite CSSプリプロセッサ Dreamweaver Frontrend HCD HTML5 IA IE6 iPhone jQuery js LESS miniMU MISO movableType Sass SOY_CMS Stylus subversion talkNote UX WCAF WCAN こもりまさあき たにぐちまこと アクセシビリティ アクセス解析 オブザベーション カラー カラーデザイン勉強会 スパゲッティ・キャンチレバー ディレクション ビジネスモデル・ジェネレーション ブランディング プラグイン プレゼン ペルソナ/シナリオ法 マネタイズ モジュール開発 レポート 佐々木敏明 佐藤歩 勉強会 原一浩 古家秀樹 名村晋治 坂本邦夫 大屋慶太 安藤建一 小久保浩大郎 小山田晃浩 小林正 山田あかね 山越崇裕 岡部和昌 平木聡 志鎌真奈美 斉藤祐也 木村哲朗 水野隼登 池田拓司 浅野智 石本光司 福井 著作権 表示速度最適化 西畑一馬 角掛健志 谷拓樹 遠山桂 静岡 高津戸壮 高畑哲平 鷹野雅弘

カラーデザイン勉強会 ファイナル

ちょっとレポートが遅れましたが、 半年ほど参加させていただいていたカラーデザイン勉強会のファイナルに、今月はじめに行って来ました。

最後のテーマは、錯視。

錯視といえば、有名なのはコイツです。

チェッカーシャドウ錯視

何度見ても、AとBの色が同じとは思えませんね。
でも同じなんすよねー。
物理的には同じなのに、心理的に異なって見える現象です。

これだけでも、人間の視覚というのは騙されやすいものだという事がわかります。
今回はこういう感じで、終始騙されてきました。

次には、補色残像。
例えば、赤(RGBだとR)で塗られている四角形を集中して30秒ほど見続けた後に、
無色の四角形を見ると、ぼおっと水色っぽい色(GBの混色)で塗られているように見える事をいいます。

あとは、対比現象。
色相・彩度・明度・色陰・補色・縁辺、
色々ありますが、周りの色の影響で中の色の見え方に影響が出る現象です。

他には、

  • マッカロー効果
  • ムンカー錯視
  • ハーマンドット
  • マッハバンド
  • エーレンシュタイン効果
  • ネオンカラー効果

等々。

自分は日々の業務でデザインする事はありませんが、
こういう事を、意識せずデザインするのとしないのとでは全然違ってくるように思えます。
感覚でできちゃう人はやっちゃうんでしょうけど、知識として知っておけば、人を説得できる材料にもなります。
デザインをやらないandできない僕の様な人にとっては、理屈で負けたくない時用に得ておきたい知識でした。


プロフィール

フロントエンドエンジニア

Tomokazu Makita

名古屋でフリーランスでWeb制作してます。 フロントエンドのことを主にやってます。
a-blog cmsを使用したサイト制作が得意です。
お仕事のご相談随時受付中。

雪山大すき。冬は雪山の合間に仕事します。
財布はいつも吹雪です。

エントリーリスト

タグ