「これだけ守れば見やすくなるデザインの基礎」実況まとめ

めるぽん.c @melponn

「へー、Word みたいな画面でいいね（デザイナー傷つけるセリフ）」 #Xemonoデザイン講義

ひろむ @hiromoon_428

色の選び方 メインとアクセントを選ぶ 落ち着いた色と目立つ色 #Xemonoデザイン講義

ひろむ @hiromoon_428

どんな印象を持ってほしいのかを考えつつ試行錯誤する #Xemonoデザイン講義

めるぽん.c @melponn

色は伝えたい雰囲気で検討する。そのためには目的が必要 #Xemonoデザイン講義

ひろむ @hiromoon_428

マテリアルデザインはこういうツールもあるので便利 materialpalette.com/red/light-green #Xemonoデザイン講義

ひろむ @hiromoon_428

黒と白も決める #Xemonoデザイン講義

ひろむ @hiromoon_428

# FFFFFF と # 000000 を使いがちだけどやっぱりよくないんですね #Xemonoデザイン講義

ひろむ @hiromoon_428

白黒をちゃんと変えると素人っぽさが抜ける #Xemonoデザイン講義

あらい @arait

「黒板の世界の黒と、黒板の世界の白」「その世界の黒と白を決めると素人っぽさがなくなる」 #Xemonoデザイン講義

ひろむ @hiromoon_428

「黒は環境によって一番変化のある色」 以外だった。 #Xemonoデザイン講義

めるぽん.c @melponn

その世界での黒と白を決める。000000, FFFFFF ではダメ #Xemonoデザイン講義

ひろむ @hiromoon_428

s/以外/意外/ #Xemonoデザイン講義

ひろむ @hiromoon_428

色を入れるタイミング 違和感を出して調和をわざと乱す時 アクセントカラーでは足りない #Xemonoデザイン講義

ひろむ @hiromoon_428

Pinterest 「poster」[検索] #Xemonoデザイン講義

ひろむ @hiromoon_428

グレーは、白+黒をRGBで足して2で割る #Xemonoデザイン講義

G野 @ginokentdev

- まず2色選ぶ。メイン色・アクセント色。 - ↑を元にもう2色決める。黒と白。 - 白黒はメイン色を意識してちょっと変える。000とかFFFは駄目。 - 色が足りなくなったらグレーを増やす（↑の白黒の間のグレー）。 - それでも色が足りなければ明度と彩度を固定して色相だけ回す。 #Xemonoデザイン講義

ひろむ @hiromoon_428

端っこの色は目がチカチカする #Xemonoデザイン講義

ひろむ @hiromoon_428

ディスプレイはRGB、紙はCMYB RGBは明るい色をつくるのが得意 CMYBは暗い色を作るのが得意 #Xemonoデザイン講義

ひろむ @hiromoon_428

色を試すのはひたすら試行錯誤 #Xemonoデザイン講義

ひろむ @hiromoon_428

「ロゴは印刷用の色に変えてる」 すごい #Xemonoデザイン講義

めるぽん.c @melponn

Xemono のロゴは Web サイト用と印刷用で別に作ってる #Xemonoデザイン講義

ひろむ @hiromoon_428

形 大きいほうが目立つ トゲが多いほど目立つ、顔に見えるものが最強 #Xemonoデザイン講義

G野 @ginokentdev

- 人間のバグ - 顔っぽいものを意識してしまう #Xemonoデザイン講義

ひろむ @hiromoon_428

塗りは黒っぽいのが一番目立つ #Xemonoデザイン講義

めるぽん.c @melponn

人間は顔っぽいのを見てしまう仕様（バグ）がある。存在感を出したい時に使える #Xemonoデザイン講義