色選択スキルを向上させるにはどうすればよいですか?


33

私はWeb開発者で、Webデザイナーになり始めました。しかし、色の私の理解はまだ実用的ではないと思います。カラーハーモニーを提供できるツールや、Color Scheme Designerなどのその他のものがありますが、それらは開始点を提供しません。つまり、このWebサイトでは緑を使用し、そのWebサイトでは赤を選択する必要があることをどのように知る必要がありますか。どうやってそれを知る必要がありますか?

色の選択は科学ではなく芸術に近いと思いますし、「Webデザイナーになるには、色のアーティストにならなければならない」と思います。

色選択スキルを向上させるにはどうすればよいですか?

回答:


20

正直なところ、これには時間と練習が必要だと思います。より多くのインターフェイスを設計すると、どの色がブランドの種類と一致するかを理解し始めます。企業、ソーシャルネットワーキング、ゲーム、漫画など。これらは、Webサイトがベースにしている可能性のある数千のカテゴリのほんの一部です。そして、これらはそれぞれ異なるタイプの聴衆を引き込みます。

配色ピッカーに投稿したリンクは、開始するのに最適です。特に色理論を理解している場合は、テーマの背後にいくつかの科学があります。それほど難しいトピックではありませんが、色の科学を「研究」するのにあまり役に立たないかもしれません。代わりに、同様のWebサイトを見て、デザインギャラリーを閲覧すると、より多くの洞察が得られることがわかります。

これらの外部リンクがあなたを助けてくれることを願っています。デザインスキルの構築に幸運を。それは間違いなく少し時間がかかるプロセスです!


5

あなたは現在ウェブデザイナーであり、プロジェクトの色の選択が問題ないかどうか確信が持てないので、次のサイトでそれらを確認できます:http : //www.checkmycolours.com/

Adobe Kulerを使用して色を作成し、保存してプロジェクトにエクスポートすることもできます。このサイトにサインアップしたばかりなので、投稿できるハイパーリンクの数に制限があります。googgleすると、サイトを簡単に見つけることができます。また、色の使い方を学ぼうとするとき、色覚異常について少し知ることも役立ちます。

このリンクには55以上のカラーツールがあります:http : //www.allgraphicdesign.com/graphicsblog/2008/03/20/55-color-tools-for-color-palettes-color-combinations-color-schemes-more -for-graphic-designers-web-designers /

頑張って!


3

パレットの作成と色の理解のインスピレーションを見つけるためのあなたの探求を支援するための参照のみを提供するツールはありません。re:「どうやってそれを知るの?」

  • ルネサンスの直前から現代美術までをカバーする美術史クラスを受講してください。
  • チャック・クローズによるアート作品を検索し、遠くから画像に驚嘆するのではなく、作品の個々の正方形をよく見て、それらを互いに比較します。
  • カラーフィールドペインティングをご覧ください。
  • 異なる色空間を見てください(先日私がちょうど見たものです、これはjpeg圧縮で使用される非常に一般的なものです:YCBCR)、それぞれの異なる特性に注目してください。
  • 用語を理解し、「色相」と「色」などの違いを理解します。調査する用語の小さなリストを次に示します。色相、彩度、値、輝度、rgb、cymk(頭字語の意味だけでなく、各プロパティの相互作用)、コントラスト、パステル、深い、淡い、鮮やかな、落ち着いた、強い、火星、酸、カドミウム。それらのいくつかはペイント用語ですが、伝達可能な方法で色の品質を識別するのに非常に役立ちます。
  • 仲間のデザイナーの友人と色について気軽に話し合ってください。

Kulerは色を生成し、さまざまな関係が何であるかを確認するための優れたリソースになりますが、用語や「理由」を説明していないため、教師とはかけ離れています。繰り返しになりますが、これが教室が素晴らしい理由です。十分に即座に注意を向けることができる高度に訓練された専門家からフィードバックを得ることができます。

これらすべてのことを行うと、頭の中で色のパレットを生成し始め、設計に着手するときにさらに簡単になります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.