type-selection について
製品向けの書体を選ぶ人のために、会話に選定条件を適用するデザインSkillです。製品の声、実際の表示サイズ、文字種の対応を重視し、流行に頼らない書体数と組み合わせを促します。
主な機能
- 01製品の声に基づく書体選定
- 02実際の使用サイズでの評価
- 03言語や特殊文字の対応確認
- 04書体数の抑制と組み合わせのコントラスト
- 05流行や装飾性だけに頼る選択の回避
活用シーン
- 01製品インターフェースの書体方針を決める
- 02多言語画面のフォント対応を確認する
- 03見出しと本文の書体を組み合わせる
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/type-selectionを入力して読み込まれたか確認します。
詳細
書体の選定
どの書体にも、文化的・感情的な情報が込められています。人気ではなく、書体が何を伝えるかに基づいて選んでください。
使い方
/type-selectionこの会話に書体選定の制約を適用します。
制約
選定基準
- 現在のトレンドではなく、プロダクトの声に基づいて必ず選んでください
- 書体が実際に使用されるサイズ（本文、UI ラベル、見出し）でどのように表示されるか、必ず評価してください
- 必要な文字セット全体（言語サポート、特殊文字、数字）を必ず考慮してください
- 適合性を評価せず、流行しているという理由だけで書体を選んではいけません
- 書体は1〜2種類に絞ることを推奨します。2種類必要な理由を説明できない場合は、1種類にしてください。
書体が伝えるもの
- ジオメトリックサンセリフ（Inter、Circular、Futura）：精密さ、現代性、先進的なテクノロジー。デフォルトとして使うだけでは何も伝わりません。重要なのは使い方です。
- ヒューマニストサンセリフ（Source Sans、Lato）：温かみ、親しみやすさ、読みやすさ
- ネオグロテスク（Helvetica、Suisse）：中立性、プロフェッショナリズム、制度的な印象
- セリフ（Georgia、Freight）：権威、編集品質、時代を超えた印象
- 等幅（JetBrains Mono、Berkeley Mono）：技術的な信頼性、精密さ
- ディスプレイ／バリアブル（Clash、Cabinet）：個性、独自性。システムが対応している場合にのみ適しています。
組み合わせのルール
- 書体を組み合わせる場合は、サイズ、スタイル、またはウェイトに明確なコントラストを必ずつけてください
- 2種類の書体を雑に使うより、1種類をうまく使うほうが効果的です
- ミディアムウェイトの書体を2種類組み合わせてはいけません。違いを際立たせてください。
アンチパターン
- 気に入っているプロダクトが使っているという理由で書体を選ぶ（状況によって異なります）
- 本文に装飾書体を使う
- 適合性を評価せず、「流行のフォント」リストから選ぶ
コメント
Markdown 対応