2020年12月第3週号 1位は、2021年に向けてのUIデザインのトレンド、気になるネタは、「Apple M1」搭載Macのモニター出力に複数の制約--EIZOが注意喚起

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

2021年に向けてのUIデザインのトレンドを紹介しています。

2のグラスモーフィズムは、ガラス越しのようなルック＆フィールのことです。

コーディング無しでウェブサイトを作る方法を6つのステップで解説しています。

サイトを作るためのツールとしては、以下のものが取り上げられていました。

様々なユーザーインターフェイスのワイヤーフレームをカード状にしたデジタルデータ集です。IllustratorとFigmaのデータで提供しています。

Figma上で組み合わせることで、簡単にサイトのワイヤーフレームが作れそうです。プリントアウトして並べる使い方も面白そうですね。

無料のアニメーションアイコンのパックを6つ紹介しています。

テクニカル系のアイコンが中心です。ソーシャルメディアのアイコンもありましたが、ちょっと古いラインナップでした。

美しくカラフルなウェブサイトのギャラリーです。大胆で目立つ色使いのものを中心に取り上げています。

英語の「Colorful」は色鮮やかなという意味合いが基本で、日本語の「カラフル」の色数が多いという要素は必ずしも当てはまらないと、掲載されている事例を見て気付きました。

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

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

FigsideはFigmaのデザインをインポートしてWebサイトとして公開できるサービスです。Figmaのオートレイアウト機能を使ってレスポンシブなページを作れます。

Figmaで作ったファイルのURLを指定すると、自動でWebサイトに変換されます。とはいえ、いろいろ作り方にコツがあるようで、ドキュメントをよく読んでから作った方がよさそうです。Figmaのテンプレートも用意されています。

生成されたページは、Next.jsフレームワークで構築されたReactアプリになっているそうです。そして、公開はホスティングサービスのVercelの無料プランが使われているという、イマドキの作りになっていました。

そのパフォーマンスが大好評のM1 Macですが、外部モニター出力には制約があるようです。EIZOが制約事項や対策方法を公表しました。

発売当初にも、Macにつなぐ拡張ドックを出しているCalDigitが、外部モニタ2台でデュアルモニタにできないことを発表して話題になりました。M1のMacBookでは、本体モニタ＋外部モニタのデュアルモニタもできないと誤解した人も多いようです。

外部モニター2台に表示できないのはM1 Macの制約のようですが、Mac MiniはHDMI出力と併用することで、同時に2台の外部モニターに出力できるそうです。