2022年1月第2週号 1位は、2021年のUIデザインのトレンド振り返り、気になるネタは、レノボ、サブ画面付きの超横長ノートPC「ThinkBook Plus Gen 3」を発表

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

WebサイトやモバイルアプリのUIデザインの2021年のトレンドを振り返った記事です。

UIデザインの新しいトレンドのクレイモーフィズムについてまとめています。

クレイモーフィズムは3Dグラフィックスとの相性が良い、ふわふわ浮いているような丸みを帯びた立体的なUIです。別なトレンドのグラスモーフィズムとも融合でき、VR／ARとの相性も良い利点があります。

ニューモーフィズムが実装の難しさなどからうまくいかず、それでもフラットデザインには飽きたところに生まれたのがクレイモーフィズムとのことでした。

ネガティブスペースとは何か、デザインにどう使うかを解説しています。

ホワイトスペースとネガティブスペースとは同じ意味だけど、なぜ2つの呼び方があるのかの説明は今更ながら初めて理解しました。

ホワイトスペースは印刷デザインに由来して紙の白色からそう呼ばれていました。しかし、現在デザインで使われるこの言葉は白色とは関係なく何もない空間を意味します。ネガティブスペースとは、写真の中の注目されるもの＝ポジティブな空間と、背景＝ネガティブな空間の分け方に由来するとのことでした。

Webページでよく使われる5種類のフォームの、ユーザーエクスペリエンスを向上させる方法を解説した記事です。

ハッピーで楽観的なデザインを事例とともにまとめています。世界的なパンデミックの影響もありデザイントレンドになっているようです。

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

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

背景画像の上にテキストを載せたグラフィックスを簡単に作れるサービスです。お客様の声や引用文をちょっとかっこよくSNSにアップするのに役立ちそうです。

テンプレートを元に作れるのですが、テキストの文面やフォントはもちろん背景画像や背景色なども自由にカスタマイズできるので、最初に選ぶテンプレートはあまり関係ありません。背景画像はUnsplashから検索して挿入できますし、手持ちの画像のアップロードも可能です。

ログインしなくても試せますが、画像をアップロードするにはユーザー登録が必要です。無料プランでは作った画像を月に7つまでダウンロードできます。

レノボからキーボードの隣にサブ画面が付いたラップトップPCが発表されました。メインモニタは17.3インチの超横長で、サブ画面は8インチでタッチ＆ペン入力対応です。

サブ画面にアプリのツールを表示させて操作したり、ペンでの手書きに使ったり、テンキーとして数値入力したりを想定しています。また、スマホの画面をミラーリングする使い方もできるようで興味深いです。

画面の隣にスマホを磁力でくっつけられるモニタがNex Computerというところから発表されていて、コンセプトは違いますが似た要素があると思いました。Apple端末同士ならいろいろ連携も取れるので、Macのサブ画面的にiPhoneを使うのも便利かもしれません。