2021年3月第3週号 1位は,新しいWebデザインのトレンド「オーロラUI」,気になるネタは,Appleが初代HomePodの販売を終了、好評のminiに注力

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年3月8日〜14日の間に見つけた記事のベスト5です。

1. Aurora UI — new visual trend for 2021 | by Michal Malewicz | Mar, 2021 | UX Collective

https://uxdesign.cc/aurora-ui-new-visual-trend-for-2021-c763a7daa7e2

新しいWebデザインのトレンドとしてオーロラUIを紹介しています。ぼかしと自然なグラデーションがオーロラと似ているのでオーロラUIと呼ぶようです。

ボタンなど機能するものには最小限のデザインでわかりやすくして、背景にぼかしなどの装飾を与えることを提案しています。

図1 新しいWebデザインのトレンド「オーロラUI」の解説

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2237c2ec-cf4f-4c4e-ad5c-37824e3929f9/uxdesign.cc_aurora-ui-new-visual-trend-for-2021-c763a7daa7e2(webtech_cap).png

2. Why I Don't Like Tailwind CSS | Aleksandr Hovhannisyan

https://www.aleksandrhovhannisyan.com/blog/why-i-dont-like-tailwind-css/

Tailwind CSSをなぜ好きではないかを説明した記事です。1月に書いた記事に最近補足を加えています。補足部分にはTailwind CSSの擁護をするような内容も含まれていますね。

Tailwind CSSではなく何を使うべきかとして、この記事の作者がオススメするstyled-jsxというCSS-in JSライブラリを紹介していました。

最後に書かれている、Tailwind CSSはプロトタイプやデモを非常に迅速に作成するのには役立つけど、長期的なメンテナンスや新しい開発者に引き継ぐには向いてないという結論にはとても納得がいきます。

図2 Tailwind CSSをなぜ好きではないか

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a99747c3-8c24-422f-9b3f-b6c4fe84ff67/www.aleksandrhovhannisyan.com_blog_why-i-dont-like-tailwind-css_(webtech_cap).png

3. Why Does a Design Look Good?

https://www.nngroup.com/articles/why-does-design-look-good/

なぜデザインが良く見えるのかを解説しています。

  1. タイポグラフィと余白
  2. 階層構造と色