フォントやロゴの視覚調整をムーから学ぶ｜フロップデザインのフォントキャンプ｜note

2019/08/16 32 users プロップデザイン ムー マツコ Note フォント

フォントの人のフロップデザインです。 8/13のマツコの知らない世界を見ていて思ったのですが、雑誌ムーのロゴは正三角形を並べただけでは無く、視覚調整されたロゴのデザインになっていますね。 つまり三角形を並べただけの状態よりも、キレイに見えるように時間をかけて調整されています。このロゴの格好良さは、ちょ... 続きを読む

ユーザーが自然と目を向ける、視線誘導を意識したUIデザイン | Goodpatch Blog

2019/07/02 58 users 視線誘導 UIデザイン Goodpatch Blog 錯視

Goodpatch Blogでは、人の錯視を考慮したUIデザインの手法「視覚調整」についてご紹介しました。 UIにも必要な錯視への考慮、デザイナーが行う視覚調整 本記事でご紹介する「視線誘導」とは、情報設計に用いられるデザイン手法の１つです。今回は、UIデザインをはじめとするレイアウトにおける視線誘導の事例についてご... 続きを読む

UIでも必要な錯視への考慮、デザイナーが行う視覚調整 | Goodpatch Blog

2019/06/05 138 users goo デザイナー 錯視 Goodpatch Blog 考慮

視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Goo... 続きを読む

SVGでプログラマブルな書体を作る話 | dwango creators' blog（ドワンゴクリエイターズブログ）

2016/06/14 267 users OJT プログラマブル 図形 SVG 新卒

こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱き... 続きを読む