カスタマイズのヒント
理解のすすめ方
Section titled “理解のすすめ方”まずは Foundation から目を通し、基本を理解しましょう。
色、余白、タイポグラフィといった見えにくい設計ルールを理解することで、全体のトーンに一貫性を持たせたデザインができるようになります。
これらの基本原則を押さえることは、コンポーネントやレイアウトを扱う際の判断の軸にもなります。
タイポグラフィ
Section titled “タイポグラフィ”プロダクトの性格やユーザー層に応じて、書体やサイズスケールを調整しても構いません。
- 堅実さ・信頼性 を重視する場合 → 読みやすさや安定感のある書体
- 親しみ・カジュアルさ を演出したい場合 → 柔らかい書体
文脈に合わせて選択してください。
ブランドカラーやプロダクト特有のカラーコンセプトに合わせて変更可能です。
角丸の強さ、パディングの広さ、サイズ感などは、プロダクトの印象に大きく関わります。
- 信頼性・堅実さ を重視する場合 → シャープな角、ややコンパクトな UI
- やさしさ・安心感 を演出したい場合 → 角丸を大きめに、パディングに余裕をもたせる
文脈に合わせて選択してください。
カスタマイズ時の注意点
Section titled “カスタマイズ時の注意点”- カスタマイズは 意図を持って 行ってください。見た目だけの変更ではなく、ユーザー体験やプロダクトの目的に沿った設計であることが重要です
- カラーやタイポグラフィを変更する際は、各コンポーネントへの影響を意識してください
- 独自バリエーションを追加する場合でも、命名ルールや構造をライブラリの既存の設計思想に揃えることで、ライブラリ全体の可読性や運用性が保たれます
フィードバックについて
Section titled “フィードバックについて”ライブラリへのフィードバックも歓迎しています。
実際に使ってみて気づいたこと、新しい要望や困った点、改善の提案などがあれば、ぜひお気軽にお知らせください。多様な視点からの声が、このライブラリをより価値あるものに育てていきます。