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

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

1. 10 iconography rules to follow in UI design | Dribbble Design Blog

https://dribbble.com/stories/2021/09/15/ui-icon-tips

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

  1. アイコンをシンプルに保つ
  2. アイコンを認識可能にする
  3. アイコンに意味を与える
  4. アイコンがスケーラブルなことを確認する
  5. アイコンのアクセシビリティに配慮する
  6. 色に注意する
  7. 常にベクターデータを使う
  8. アイコンを均一に保つ
  9. わかりやすさを優先する
  10. 誰もが知っているアイコンを使う

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

図1 UIデザインにアイコンを使うときに守るべき10のルール

dribbble.com_stories_2021_09_15_ui-icon-tips(webtech_cap).png

2. Designing Beautiful Shadows in CSS