fc2ブログ

Home > デザイン > 【YouTube/ウェビナー】いろのはなし - 普段使いの色の概念的なこと

【YouTube/ウェビナー】いろのはなし - 普段使いの色の概念的なこと


こんにちは、ばにです。
今日は、色のはなし。
デザインするときや、服選びなど
色を選ぶ瞬間は多くあります。
様々なシーンで活用できるようシンプル化した色の概念的なことを5つお話していきたいとおもいます!
youtubeでぜひご覧ください。

色は、印象を伝える​

色は、印象を伝えることができます。​
暖かい、寒いなどの温度感や​
明るい、暗いといった明るさ。​
落ち着いた、浮ついたといった​
気分までも伝えます。​

色は、​グループ化する​

色は、グループ化します。​
色域、色調、彩度、明度などで​
近しい色のまとまりがあると​
目は「グループ」と認識します。​

さらに、同じカタチ、枠線の色、​
境界線を使用することで​
グルーピングを強調することができます。​

色は、目線を集める​

色は、目線を集めます。​
集合している色の中で​
近しいグループから遠い色を差し込むと​
「違っている」という印象を与え​
目線を集めることができます。​

グループから遠い色は、​
色相環の反対側の色を選びます。​
「色の差別化」ともいいます。​

色は、​空間をつくりだす​

色は、平面上に空間をつくりだします。​
AとBのどちらとも、​
このスライドのなかで独立した空間を​
持っているように見えます。​

Bでは、グラデーション背景を​
置くことで、奥行きや重さを感じます。​

色は、​記憶とつながる​

​色は、記憶と繋がります。​
右に、郵便ポストのモノクロ写真を​
置いてみました。​
グレートーンの写真ですが​
ここから記憶の中の赤色の郵便ポストに​
繋がりませんか。​

色が足りなくても、​
記憶の色を呼び覚ますことが​
できるのです。​

まとめ​


​単色の色の印象だけでなく​
色は、複数の要素が混ざることで​
より多くの情報量を持つことができます。​

色の特徴と性質を捉えることができれば​
明るい色、暗い色、スモーキーカラー​
でも、同じように操作できるはずです。​

ルールにとらわれすぎず、​
自由に色と遊んでみてはいかがでしょうか。​

youtubeで見る
関連記事

Comments: 0

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/211-a65e5d9f
Listed below are links to weblogs that reference
【YouTube/ウェビナー】いろのはなし - 普段使いの色の概念的なこと from バニデザノート

Home > デザイン > 【YouTube/ウェビナー】いろのはなし - 普段使いの色の概念的なこと

Sponsored Link
【WebDesign】Photoshopでプロになる!オシャレ&クールなWebデザイン作成講座
▲Udemy講座第二弾!Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress(ワードプレス)、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items