各OSベンダーのデザインガイドラインを知る
webサイトを「ユーザーが使う製品」として考えるならば、その製品に伴うデザインやカラースキームは個人の思いつきや突然のヒラメキで作るものでは無く、ある種のガイドラインに沿った物であるべき、という考え方を元に各OSベンダーは独自のデザイン・ガイドラインを設けています。デザインを勉強する上で、こういったデザイン・ガイドラインに目を通し、制作の際に参考にしてみましょう。
Appleは『iOSヒューマンインターフェイスガイドライン』、Googleは『マテリアル デザイン』、Microsoftは『Microsoft Design』といったように、各社ともに独自のデザインガイドラインを設けてプラットフォーム上のアプリなどに対してデザインガイドラインに沿った設計を推奨しています。
Apple『iOSヒューマンインターフェイスガイドライン』
iOSヒューマンインターフェイスガイドライン: UI設計の基本事項
ユーザインターフェイスのデザインのヒント - Apple Developer
Design - Apple Developer(英語)
Google『マテリアル デザイン』
https://material.google.com/jp/(日本語版PDF)
https://material.google.com/(英語サイト)
Microsoft『Microsoft Design』
Inclusive design toolkit download – Microsoft Design(英語サイト)
参考サイト
design.dena.com