有名なデザインガイドラインまとめ
July 10, 2021
デザインガイドライン #
デザインとして取り決めを設定し共通認識をもたせたりする必要がある場合、デザインではガイドラインを定め運用する。 ユーザビリティ、ヒューマンインターフェース、コンピュータアクセシビリティなどを高めるため、情報デザイン、ウェブデザインの分野などで BTRON のように初めて使用するアプリケーションであっても混乱がないよう、メニューの並び順なども規格化し、多言語の利用についても考慮されたデザインガイドラインが既定されている。フォントなどは Roboto などのように Android や Chrome OS のシステムフォントに採用されており、マテリアルデザインのデザインガイドラインでも利用が推奨されている。 アップルではデザインガイドライン「Aqua Human Interface Guidelines」を設けこれに従ったレイアウトが容易に行えるようになっている。
Apple: Human Interface Guidelines - ヒューマンインターフェースガイドライン
https://developer.apple.com/design/human-interface-guidelines/
iOS 版要約
Google: Material Design - マテリアルデザイン
Microsoft: Fluent Design System - フルーエントデザインシステム
https://www.microsoft.com/design/fluent/#/
IBM: IBM Design Language - IBM デザインランゲージ
https://www.ibm.com/design/language/
Airbnb: Airbnb Design - Airbnb デザイン
GitHub: Primer - プライマー
GitLab: Pajamas - パジャマズ
Adobe: Spectrum - スペクトラム
Salesforce: Lightning Design System - ライトニングデザインシステム
https://www.lightningdesignsystem.com/
Atlassian: Atlassian Design System - Atlassian デザインシステム
Shopify: Polaris - ポラリス
Audi: Audi User Interface - Audi ユーザーインターフェース
https://www.audi.com/ci/en/guides/user-interface/introduction.html
Francfranc: Design System Guidelines - デザインシステムガイドライン