週刊Webテク通信

2021年12月第2週号 1位は，主要OSのデザインから探るUIデザインのトレンド，気になるネタは，ジャック・ドーシー氏のモバイル決済企業Square，社名をBlockに変更

Webテク, Webデザイン, Web広告, UI, OS, ツール

この記事を読むのに必要な時間：およそ 2 分

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

1. UI design trends of today and how to apply them in your apps | by Sidney Alcantara | Nov, 2021 | Bootcamphttps://bootcamp.uxdesign.cc/ui-design-trends-of-today-and-how-to-apply-them-in-your-apps-aa6cd66f9ccf

Windows，macOS，iOS，Androidといった主要なOSでのUIデザインをもとに，トレンドとアプリに適用する方法を解説した記事です。類似点が多くなってUIの標準化が進んできているようです。

  • アウトラインアイコンがデフォルトになりテキストを補完する
  • 壁紙に合わせたパーソナライズ
  • 丸みを帯びた角の調和
  • バリアブルUIフォントと光学的サイズ
  • コンテンツに焦点を当てる
  • すべてを入れ込む
  • 色を使わない差別化
  • スイッチのデザインの標準化

図1　主要OSのデザインから探るUIデザインのトレンド

図1　主要OSのデザインから探るUIデザインのトレンド

2. 2021 Design Tools Survey | UX Toolshttps://uxtools.co/survey-2021/

毎年恒例のデザインツールに関するアンケート調査結果です。111ヵ国，3000人以上のデザイナーからの回答を元にしています。

コロナ禍となった2020年にSketchからFigmaへの首位交代がありましたが，今年は引き続きFigma強しといった様相です。デジタルホワイトボードの分野でもMiroに続き2位がFigJam，3位がFigmaとなっています。

Research Repositoryという分野が新設されて，1位はNotionでした。

図2　毎年恒例のデザインツールに関するアンケート調査結果

図2　毎年恒例のデザインツールに関するアンケート調査結果

3. 2022 Color Trends: The Year's Top Colors – Shutterstockhttps://www.shutterstock.com/blog/trends/color-trends

2022年の色のトレンドをまとめた記事です。写真素材サイトのShutterstockが世界中からダウンロードされた何百万もの画像に基づいて統計しているようです。

写真と動画が豊富で見応えのある記事でした。国ごとの人気の色の紹介も興味深いです。

図3　2022年の色のトレンド

図3　2022年の色のトレンド

4. 3 Essential Design Trends, December 2021 | Webdesigner Depot Webdesigner Depot » Blog Archivehttps://www.webdesignerdepot.com/2021/11/3-essential-design-trends-december-2021/

2021年12月のWebデザインのトレンド3つです。

  1. 古い印刷物からのインスパイア
  2. 画面の中心に円
  3. より明るく楽しいデザイン

図4　3つのWebデザインのトレンド

図4　3つのWebデザインのトレンド

5. Fresh Resources for Web Designers and Developers (November 2021) - Hongkiathttps://www.hongkiat.com/blog/designers-developers-monthly-11-2021/

Webデザイナーと開発者のためのツールやフレームワーク，ライブラリなどをまとめた記事です。

影のCSSを生成するツール，ビットマップ画像をSVGに変換するツールなどが掲載されていました。

図5　Webデザイナーと開発者のためのツールいろいろ

図5　Webデザイナーと開発者のためのツールいろいろ

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

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

Centered - Get Your Life Backhttps://www.centered.app/

Centeredは仕事集中サポートツールといった呼び方が似合いそうな新しいジャンルのツールです。タスク管理ツール風なのですが，タスクを実行するときに集中できるようないくつもの仕掛けを用意しています。

特に面白いのは，このツールを使っている人たちのWebカメラの映像がリアルタイムで表示されることです。チームでちゃんと仕事をしているか監視し合う用途もあるんでしょうが，一緒に頑張ろう的な捉え方もできると思います。

ポモドーロテクニック（25分作業して5分休憩）に合わせて休憩を勧めてきたり，アドバイスや励ましの声をかけてくれたりします。新たなジャンルを切り開くツールとして注目しつつ，日本語ローカライズにも期待したいです。

図6　仕事集中サポートツールと呼べそうなツールCentered

図6　仕事集中サポートツールと呼べそうなツールCentered

今週の気になるWebネタ

ジャック・ドーシー氏のモバイル決済企業Square，社名をBlockに変更 - ITmedia NEWShttps://www.itmedia.co.jp/news/articles/2112/02/news064.html

Squareが社名をBlockに変更しました。Squareの創業者兼CEOのジャック・ドーシーがTwitterのCEOを退任したことは日本でも話題になりましたが，この社名変更は全く話題になっていません。

Blockという社名はビットコインなどの暗号通貨の基盤であるブロックチェーン技術を意識していると言われています。メタバースの頭の文字を取ったMetaへ社名変更したFacebookと似たパターンです。

個人間送金サービスのCashAppや音楽ストリーミングサービスTidalなどさまざまなプロダクトを束ねるための新たな社名で，Squareはブランド名として残ります。これもMetaとFacebookの関係と似ていますね。

Webテク, Webデザイン, Web広告, UI, OS, ツール

著者プロフィール

アシカガコウジ

フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。

http://bit.ly/ashikaganote