スタイルガイド

概要

古くはDTP（印刷物）の時代から存在する概念。 Web/アプリ開発においては、デザイナー向けの「デザインスタイルガイド」と、エンジニア向けの「コーディング規約」があるが、これらを統合し、さらにコンポーネントライブラリまで含めたものが「デザインシステム」へと進化している。スタイルガイドは“ルール”、デザインシステムは“運用される仕組み”とイメージするとわかりやすい。

UXでの活用

• 認知負荷の低減: ページごとにボタンの色や大きさが違うと、ユーザーは毎回「これは何だろう？」と考えなければならない。一貫したスタイルは学習コストを下げる。
• ブランドイメージの確立: どのページを見ても「このブランドらしい」と感じさせることで、信頼感や愛着（ロイヤルティ）を育む。