2021年、最も注目されたUIデザインのテクニックのまとめ

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

[coliss]

UIとUXを改善するデザインテクニック、総まとめ。

[bloominfeeling]

驚くことはなにもないけど逆に気をつけたいポイントって感じだった

[otoan52]

ビックリするような内容ではないけど、だからこそわりと正しそうだなと思った。

[say-01]

コーダー私じゃなくてデザイナーがこういうの読んでくれるとよいのだが、私ばかりこういうの読んでる

[mayumayu_nimolove]

冒険的なアイコンも、たとえば大手サイトが使うと途端にそれが常識になるからね。

[primedesignworks]

「適当にフォントサイズを選ぶのではなく Type Scaleを使う」不適当なら分かるけど、適当に選んでるなら別にいいじゃないか。

[mankozooyork]

※LL参考

[ikayome]

ためになった

[j1nsuke]

そういや「設定」のアイコンって歯車にされがちだけど、どういう意味で歯車なのか気になる(カートに入れるのは見たまんまなのに)。

[atsuskp]

メモしとこう。

[NOV1975]

テクニックというかなんというかなんだけど、これが本当に今年最も注目された、だとしたらUI界隈って一体ってなるんだが

[iGCN]

インターロイキンワン

[wirknichtvoraus]

みんなコンサバがすっごく好きなのは知ってるけど、多少は冒険しないとずーっとそのまんま（悪いとこも）だし、それじゃデザインする意味もない。ドアは蝶番がしっかりしてたらOK。うまいこと折り合いつけるのが大切

[swdrsker]

下の方の特集リンクがあるので後で読む

[ext3]

アリエクスプレスに喧嘩売ってんね～

[tomono-blog]

日本語フォントに適した内容ではないけどな

[a-shibata]

着眼点的には、WEBデザインに限らず気を付けたいところ

[y-kawaz]

こういうのを気にする段階にない…

[bleu-bleut]

Type Scaleとか

[medihen]

UXを改善するためのUIデザインtips。