distill

デザインから不要な複雑さを取り除き、本質的な要素を明らかにしながら、徹底的な簡潔化を通じて明確さを生み出します。

必須の準備

frontend-design スキルを使用してください。このスキルにはデザイン原則、アンチパターン、およびコンテキスト収集プロトコルが含まれています。進める前にプロトコルに従ってください。デザインコンテキストがまだ存在しない場合は、必ず teach-impeccable を最初に実行してください。

現状を評価する

デザインが複雑またはごちゃごちゃしていると感じる原因を分析します:

1. 複雑さの原因を特定する:

   • 要素が多すぎる: 競合するボタン、冗長な情報、ビジュアルの混乱
   • バリエーションが過剰: 目的のない色、フォント、サイズ、スタイルが多すぎる
   • 情報過多: すべてが一度に表示される、段階的な開示がない
   • ビジュアルノイズ: 不要なボーダー、シャドウ、背景、装飾
   • 階層が不明確: 何が最も重要かがはっきりしない
   • フィーチャークリープ: オプションが多すぎる、アクションが多すぎる、進む道が多すぎる

2. 本質を見つける:

   • プライマリなユーザーゴールは何ですか?(1つであるべき)

...