2022年3月第5週号 1位は、2022年のWebデザインのトレンドを7つ、気になるネタは、Zoomの新3Dアバター機能で、ちょっと不気味な動物としてミーティングに参加できるように

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2022年3月21日～27日の間に見つけた記事のベスト5です。

2022年のWebデザインのトレンドを7つ紹介しています。

「良いデザインは良いタイミングが全て」というタイトルで、ユーザー体験における正しいタイミングについて解説しています。

2022年3月のWebデザインのトレンドです。

CSSの数字関数をレスポンシブデザインに活用する方法を解説しています。calc()、clamp()、min() 、max()を使ったテクニックのサンプルコードが参考になります。

Master StylesというバーチャルCSS言語というコンセプトのものが登場していました。CSSは実行時にオンデマンドで生成されるらしいです。

Tailwind CSSのようにHTML上にclassでCSSを書いていきます。CSSの構文そのままでも短縮形でも記述できて、Tailwind CSSより柔軟に指定できるようで、もちろんレスポンシブや擬似クラスなどにも対応しています。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるツール／サービス

Twitterのツイートから背景付きの画像を作るサービスです。シンプルで操作性も良く、カスタマイズ性も丁度いい感じだと思いました。

ツイートのリンクを入れると画像が生成され、画像サイズは自由に変更可能です。文字のサイズは2段階から切り替えられ、ダークテーマも選べます。作った画像はクリップボードにコピーするかPNGファイルでダウンロードできます。

ツイート以外にもアップロードした画像や入力したテキストに背景をつけることもできます。テキストはHTMLタグが一部反映されました。

Zoomにアバター機能が搭載されました。ウサギ、犬、キツネ、パンダ、馬などから選んで、3Dの動物アバターでビデオ会議に参加できます。

実際の映像の顔の部分が置き換わるフィルター機能ではなく、3Dで描かれたアバターだけが表示されるVTuber的な機能となっています。背景はバーチャル背景機能で変更できます。

Zoomにビデオフィルター機能があって、メガネや帽子などを自分の顔に合成できることも意外と知られていないかもしれません。このフィルター機能で顔の部分に任意の画像を設定できるといいなと思っていたのですが、アバター機能にもニーズはありそうです。