2021年9月第4週号 1位は、UIデザインにアイコンを使うときに守るべき10のルール、気になるネタは、音楽機器のズーム社、商標権侵害でWeb会議「Zoom」提供のNECグループ会社を提訴

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

UIデザインにアイコンを使うときに守るべきルールをまとめています。

10は、家のアイコンはホームページ、三本線はハンバーガーメニュー、虫眼鏡は検索、コンテンツの編集・修正は鉛筆、サムズアップやハートは「いいね」といった、既に意味が広まっているアイコンを利用すべきとということです。

CSSで美しい影をデザインする方法をまとめた記事です。

以上3つの方法を解説しています。1を実現するのは面倒そうですが、Reactとstyled-components、CSS変数を使って実現する例も紹介していました。

CSSのgapプロパティがどのように機能するかを丁寧に説明しています。CSSグリッドとFlexboxでのgapの理解を深めることができることでしょう。

マージンやパディングで空白を調整するよりgapを使うメリットやデバッグ方法も解説していました。

Webデザイナー、開発者のためにカラーパレット、グラデーションなどを提供しています。

テキストとして扱える記号類を探してコピーできるツールや、マッチするフォントの組み合わせをGoogleフォントからセレクトしたものもありました。

独創的なレイアウトのWebデザインを多数紹介した記事です。

グリッドを崩したレイアウトのサイトを集めていて、タイポグラフィがデザインの中心になっているものが多いようです。

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

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

ダミーの個人情報を生成する、無料で利用できる日本のサービスです。最大1万行までのCSV／TSV／Excelファイルとしてダウンロードできます。

氏名や電話番号、住所などのほか、クレジットカード番号やマイナンバーも生成できます。名前を姓と名で別の項目にするなどのカスタマイズも可能で、郵便番号は住所に応じたものが出力されるなど考えられたデータになっています。

システム開発時のセキュリティチェックなどに使うため、本物の会員情報などと同じ品質のデータを生成するために作られたとのこと。Webデザインのダミーデータにも便利に使えそうです。

ビデオ会議システムZoomの国内販売代理店第1号のNECネッツエスアイを、音響機器メーカーのズーム社が商標権侵害で提訴しました。たしかに紛らわしいですが、提訴するとは思ってもみませんでした。

「電話・メール窓口に（ビデオ会議のZoomについての）問い合わせが殺到」「⁠株価が2日連続でストップ高を記録し、その後急落」と大きな影響を受けているようで、今でも「日々、支障がある」そうです。

日本のメーカーのZOOMもビデオ会議のZoomもどちらも好きなので、なんとかうまく解決できないかと思います。名称を「Zoom by ZVC」のように変えて、音響機器メーカーのズームとは違うことを広めるキャンペーンをするなどが落としどころじゃないでしょうか。