cross-domain-seeing について
デジタル以外の分野から応用可能な原則を抽出し、画面デザインに生かすスキルです。分野の見た目を模倣せず、根底にある考え方を分析します。
主な機能
- 01デジタル以外の分野を観察
- 02根底にあるデザイン原則の特定
- 03画面デザイン向けの言語に変換
- 04建築、ファッション、映画、工業デザイン、音楽を参照
活用シーン
- 01アプリ以外から画面デザインの着想を得る
- 02空間の配置をレイアウト原則に変換
- 03リズムやコントラストをUIデザインに応用
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ dragoon0x/ taste-skills --skill cross-domain-seeingインストール後、Claude Code で/cross-domain-seeingを入力して読み込まれたか確認します。
詳細
クロスドメインの観察
画面以外のあらゆるものから、デザイン原則を学びます。
使い方
/cross-domain-seeingクロスドメインの観察原則をこの会話に適用します。/cross-domain-seeing <domain>特定の非デジタル領域からデザイン原則を抽出します。
制約
応用可能な原則
- 表面的な美的特徴ではなく、その根底にある原則を必ず特定してください
- 観察結果は、画面に応用できる表現に必ず置き換えてください
- 「美術館では、統一された素材パレットにアクセントを1つだけ取り入れている」は、「アクセントカラーを1色に絞った控えめな配色」と言い換えられます
- 「レストランでは、テーブル同士の間隔を広く取っている」は、「ゆとりのある余白が高級感を演出する」と言い換えられます
- 美的特徴を文字どおり模倣してはいけません。原則を抽出し、応用してください。
参考にする領域
- 建築:空間の階層、素材の関係、光の方向、密度と開放感
- ファッション:プロポーション、リズム、質感のコントラスト、抑制、フィット感の役割
- 映画:ペース配分、焦点、カラーグレーディング、緊張感、デザイン上の判断としてのカット
- 工業デザイン:形態は機能に従うこと、素材の誠実さ、インターフェースとしての人間工学
- 音楽:リズム、強弱、デザイン要素としての静寂、緊張と解放
アンチパターン
- 具体的な原則を示さずに「日本のミニマリズムに着想を得た」と述べる
- デザイン上の課題と結び付けずに、異分野の参考例を集める
- 建築用語を、真の分析手段ではなく専門用語として使う
コメント
Markdown 対応