配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

[mag-x]

厳密に言えば、パクったら怒られる配色もある。詳しくは「色彩のみからなる商標」でググられたし。例えばトンボが消しゴム分野で「青・白・黒」を登録、セブンイレブンは小売分野で「オレンジ・緑・赤」を登録した。

[maple_magician]

CUD完全無視か。

[tsutsumi154]

補色をアクセントにするってルールだけわかってればいいような ずっと見るならこういう色でもいいのかもしれないけどちょっと寝ぼけた色ばかりだな

[vndn]

コピックの売り場に行くとグレーだけで4系統あって楽しいのだけど、もしかしてデジタルネイティブ世代だと「グレーといえばRGBを同じ値にする！」っていう考えになっちゃうんだろうかって思った。

[hiduki001]

しかしクライアントは根拠なきセンスでダメ出しをしてくる

[yjkym]

やってみた。センス皆無人間には多分2.の「良さそうな」アクセントカラーを選ぶのが難しい。自分なら配色パターン見本集みたいなの買ってきてイメージに近いものをそのまま採用して調整する。

[nerimarina]

“いかがでしたか？” 記事の最後にいかがでしたか？って言われると笑ってしまう

[lorenz_sys]

こういうのは芸術ではないからね。商業デザインだからパターン化してよいのだと思う。

[hitsujiniku-sugita]

こういう記事すごくありがたい

[yoshikidz]

ヒエログリフに記すキャンペーンしたい “Tab(BottomNavigation)では、アクティブなアイコンがPrimary、非アクティブなアイコンは26%とヒエログリフに記されていたことが最近発見されました”

[tttttahiti]

“「G●●dpatchってぶっちゃけどうなんですか?」”

[cartman0]

最近はCUD参考にしてるな / CUDのダサいは，見にくい人への配慮・思いやりで，よく見える人はちょっと我慢しようっていう考え方なのよね

[roronya]

“material.io”

[surume000]

なんでこの文体ムカつくんだろう。内容は参考になります

[mas-higa]

“メインカラーと同じくらいの明るさで、メインカラーとはかなり異なる色を選びましょう” センスだった

[tbsmcd]

これはムリです（色弱）

[ayumun]

中学かなんかの美術の教科書に載ってた色相環の輪っかをイメージして、背景色とかは隣近所の色、文字とかは対角の補色で考える。センス良いな！ってなるのはそこから外れてるけどまとまってる時な気がする。

[ghostbass]

とりあえず complemental,analogics,triad,tetradあたり覚えておけば役に立つ。

[kamiokando]

でもどの配色に決定するかは結局センスの問題。

[suzukiMY]

Coolors.co material.io

[sho]

一番大事なのは実は最初の「レイアウトに関しては(ry)ルールに則って並べればオワリ」ってところやぞ、おまえら

[kibitaki]

配色は知識を持った上でのセンスだよ。Coolors.co、昔からあるし使うこともあるけど基本はパラメータ依存のガチャだから美しい組み合わせは100回回すか優秀な例だけ参照。

[kote2kote2]

うおお、ありがたい！わりと適当にやってたから学ぼうと思ってたんで。CUDは富士通のツールがあるよ。

[ustar]

センス無いので良い色という概念がわからないレベル

[golbaser-neko]

この人の記事時短する手法が色々載ってて便利やった。一から何か生み出そうとすると違うのかもしれないけど、素早く何かを世に出したいという時には良い手法。

[syouko66y]

考えなくてすむのは楽だな

[nanoe616]

楽しく読んだのに結びに「いかがでしたか？」が入ってると騙された気分になる。まさかnoteでくらうと思わなかった。キュレーションサイトかよ！！！

[aikimu162]

見にくいかな？

[Zuboraben]

「悪くない配色」は、確かにセンスじゃ無くメソッドが確立してる。 でも不思議と集客には結びつかない。

[Lewisik]

「イメージに近い色」を選ぶこと、「背景が若干濃い気がします」はセンスだよ。　例えば30年後にネットから画像検索したとき、どの配色サンプルをUIにもってくるか。その時代・シーンにあった、センスが必要。

[Katharine_15]

“コメントの吹き出しの背景と、スクリーンの背景が若干濃い気がしますね。” ここに気づくのが意外と難しい。

[TAKAYUKI_SATAKE]

配色