【すたいるがいど】
スタイルガイド とは？
公開:
💡 デザインの「辞書」があれば、誰が作っても同じ顔つきになる
📌 このページのポイント
ひよこ スタイルガイドって、デザインのマニュアルみたいなものなの？
ペンギン先生 そうだよ。「見出しはこのフォントサイズ」「ボタンはこの色」みたいに、UIの見た目ルールを一冊にまとめたものだね
ひよこ それがないとどうなっちゃうの？
ペンギン先生 ページごとにボタンの色が違ったり、余白がバラバラになったりして、ユーザーが「これ同じサイト？」って混乱しちゃうんだよ
ひよこ デザインシステムとは何が違うの？
ペンギン先生 ひよこ 有名なスタイルガイドってあるの？
まとめ：ざっくりこれだけ覚えればOK！
「スタイルガイド」って出てきたら「デザインのルールブック」と思えればだいたいOK！
📖 おまけ：英語の意味
「Style Guide」 ＝ 様式の手引き
💬 もともと出版・印刷業界で文章の書き方ルールをまとめた文書を指していたのが、Webデザインの世界にも広がったんだよ