[B! color][Designer] oitch01のブックマーク

『色を色で見ないで』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。これから綴るのは、デザインの細かいテクニックやハウツーではありません。様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。「ワタシ、デザインワカラナイワ」というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理

oitch01 2014/02/20

お、色相明度の話がわかりやすくまとまってる→'13新卒...だと...？

リンク

[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した

考える。 WEBCRE8.jpによるweb制作やデザインについての考察を書き綴っていくカテゴリです。

oitch01 2013/06/20

グラデに自信が無い人向けの記事。上手な使い方の例などは載ってないけど、この代表的なNG例だけでもわかってると強い。

リンク

ノンデザイナーのための配色理論

「のどが渇いた」というユーザーに何を出す？ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチYoshiki Hayama

oitch01 2012/10/29

88〜91ページを初めに読めばおk

リンク

私がWebサイトの配色を決める時の流れ

ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。ただ、言葉から連想されるものは人により誤差がありますので、参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。ただし同業の全てのサイトと被らないようにするのは無理があるので、商圏内で競合となる他社のみを比較対象とします。また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、店舗であれば外観・内装の