2020年11月第4週号 1位は、デザインの一貫性についてのまとめ、気になるネタは、OPPO、巻取りスマホのコンセプトモデル「OPPO X 2021」を公開

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

デザインの一貫性についてまとめた記事です。なぜ重要なのか、どのような一貫性の種類があるのか、具体的にどう実現するのかを解説しています。

デザインの一貫性が重要な理由

UI＆UXのヒントをまとめた記事です。

第1弾として34個紹介していましたが、ここでは最初の10個を紹介します。

UIインタラクションとアニメーションの面白い例を、dribbbleからまとめています。

アイコンアニメーション、テキストワープ、3D回転の効果がトレンドとのことでした。

グラフィックツールのFigmaのオートレイアウトが新しくなりました。

この公式の記事は、オートレイアウトのコンセプトや歴史を説明して、どういう経緯で機能強化していったかのメイキングです。

ユーティリティファーストのCSSフレームワークTailwind CSSが2.0になりました。この公式の記事では、バージョン2.0での新機能を紹介しています。

Bootstrap 5もそうですが、Tailwind CSS v2.0もIE11をサポートしていません。いよいよIE対応を切り捨てる時代が来たことを実感しますね。

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

先週の気になるWebサービス

BubblesはWebページのスクリーンショットかスクリーンキャストを撮って、コメントを付けて共有できるサービスです。Webサイトの校正などに使うためのもので、Chromeの拡張機能として提供されています。

スクリーンショットの特定の箇所にコメントを付けられるサービスはたくさんありますが、画面操作の動画を撮ってコメントできるのは珍しいと思います。しかもユーザー登録不要で手軽に使えて完全無料というありがたいサービスです。

動画の撮影時には音声も収録できるので、Webページをスクロールしたり操作しながら喋りで説明を入れられます。ページ遷移も1つの動画にまとめられるので便利だと思いました。