スタイルガイドはメンバー全員が同じルールに合意するために重要な存在です。同じスタイルを維持することはブランドの認知、読みやすさにとっても重要で、よりプロフェッショナルに見えます。
スタイルガイドのリソースの素晴らしいところは必ず自分の仕事に合ったスタイルが見つかることです。画像編集ソフトで手動でスタイルを作るにも、ブラウザで自動的に生成するにも、ぴったりなものがあるはずです。
この記事では、スタイルの統一感を出すためのリソースをご用意しました!
スタイルガイドUIテンプレート
Style Guide Preview Template (Sketch) by Tony Jones
スケッチアプリをご使用の方は、この無料のStyle Guide Preview Templateがあれば良質で、すっきりしたスタイルガイドを作ることができます。
UI Style Guide Template (PSD) by Tony Thomas
UI Style Guide TemplateはPhotoshop(PSD)用のテンプレートで、色見本、タイポグラフィ、アイコン、フォーム、UI要素などがあります。
Style Tiles (PSD) by Saman
コメント