「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も

すぴかあやか（角田綾佳） @spicagraph

白い背景で100％→0％のグラデーションってガタつくなと思っていたら「マッハバンド」と言う錯視らしい！ プラス、凸版印刷ではこういうグラデーションが難しいことを教えてもらった、なごみさんありがとー！このページの「グラデーションの印刷表現」が参考になりました。 toppan.co.jp/biz/gainfo/pr/… pic.twitter.com/XUKbFAmpIL

拡大

きくちなごみ｜相談できるWeb/UIデザイナー・ディレクター @75mix

@spicagraph 「色が濁りにくいグラデーション」を凸版印刷で表現するための注意点をまとめました。 CMYK特有の「濁りやすさ」と凸版の「0%の壁」を解決する方法です。 凸版印刷は、画面上で確認できない不具合が度々発生するのでご注意ください。 pic.twitter.com/Ua7THXr6uo

拡大

拡大

ざいだん @found0719

グラデは三色が良いって聞きました twitter.com/tips_bot/statu…

デザインtips @tips_bot

なんでデザインがダサくなるのかっていう話 これを避けるだけでダサくならないいくつかのポイント pic.twitter.com/3qD5nsf37K

2020-08-24 08:58:27

すぴかあやか（角田綾佳） @spicagraph

わたしの好きな「色が濁りにくいグラデーション」の作り方を書きました。コーポレートカラーなど、色の制約があるグラデーションを作る場合、1色挟むととても表情が豊かになります。 ウェブデザインの場合はCSSで再現するのが大変なこともあるので、使い所には要注意。 pic.twitter.com/IL785xez4U

拡大

拡大

拡大

すぴかあやか（角田綾佳） @spicagraph

前にブログに書いたやつですが、グラデーションは色を移動する方がきれいなんですよね。青から水色へ、赤から黄色へ、とか斜めに移動すると表情ができます。 ニュアンスのあるグラデーションをつくる in.spicagraph.com/other/gradatio… pic.twitter.com/mKlm1EkpfX

拡大

拡大

つだしん @tsudashin

配色に迷ったら使える、2色の選び方の公式 pic.twitter.com/gwc2NpyBp2

拡大

拡大

拡大

拡大

つだしん @tsudashin

ネオンデザインを多分1番魅せる配色の一覧 pic.twitter.com/7noLZWCukP

拡大

カトウヒカル@バナーデザインのきほん著者 @design_hikaru

［配色が苦手なあなたに］ 2年前に既出だけど、時短で配色する時の王道を再投稿。 ➀配色比率は70:25:5に設定 ➁白抜き文字が置ける色をベース ➂アクセントは黄色 ➃ベースとメインを入替て2種類出す 色の扱いは難しいから、悩んだ時はこれでササっとやっちゃおう！！ pic.twitter.com/CWxk9BVM5j

拡大

拡大

拡大

拡大