デザインコミュニケーションと作画

中国語の描写 → 構造化された英語プロンプト

以下の中国語の描写を、英語の画像生成プロンプトに展開してください。構成：被写体と動作 → 素材と環境 → スタイル →…

「きれいかどうか」ではなく、使いやすさの観点で問題を挙げる

以下は私の UI デザインの説明です：[説明]。ユーザビリティの観点でレビューし、問題を挙げてください：1）情報の階層は…

引き継いだ開発者が、あなたに聞かずに実装できるように

以下の要件をデザイン仕様書にしてください（コードは不要）。含めるもの：1）ユーザーが完了すべき操作を手順順に；2）各手順…

「高級感がほしい」を実行できる要件に翻訳する

[作るもの] を作りたいのですが、デザイン用語が分からないままデザイナーに依頼する必要があります。ビジュアル要件書を書い…

好きな画像をリンクで保存するだけでなく、再現できるプロンプトに分解する

これは私が見つけた参照画像です：[画像の説明、または画像を添付]。このスタイルを再現できるプロンプトを逆算してください：…

色番号ではなく、導出できて調整もできる配色ルールを出す

[プロダクト/ページ] の配色を決めたいのですが、色番号をいくつか渡されるだけでは困ります。導出できる配色ルールをくださ…

データがないとき、読み込みに失敗したとき、画面は何を言うべきか

[ページ/機能] の空状態とエラー状態のコピーを、5 つの場面について書いてください：1）初回利用でまだデータがない；2…

1 枚のフォームで、ユーザーが覚えて決めることを数える

これは私のフォーム設計です：[フィールド一覧とグループ]。認知負荷の観点でレビューしてください：1）ユーザーが同時に覚え…

「若い、専門的、温度がある」を、取捨選択できる一文にする

私たちのブランドの調性は：[形容詞 3 つ＋短い説明]。これを 4 つのデザイン原則に変換してください。各原則は必ず：1…

線幅・角丸・視覚的な重さが揃っていないものを特定する

これは私の画面で使っているアイコンです：[アイコン一覧またはスクリーンショット]。一貫性をチェックしてください：1）線幅…

間隔・文字サイズ・階層を、開発が推測しない仕様にする

このデザインを、開発がそのまま使える仕様にしてください：[デザインの説明またはスクリーンショット]。要件：1）スペーシン…

不満の山から、直すべきことと直さなくてよいことを見極める

以下はユーザーフィードバックの原文です：[フィードバックを貼付]。デザイン変更リストに変換してください：1）まず 6 カ…

「この画像がいい」を、グリッド・階層・密度のルールに落とす

これは私が好きな参考画像です：［添付または説明］。この画像を再現したいのではなく、他のページにも使えるルールに分解したい…

ユーザーが来た唯一の目的から、最初の画面の優先順位を組み直す

これは私のページです：［スクリーンショットまたは要素の一覧］。ファーストビューの情報の優先順位をレビューしてください：1…

グリッド・線幅・角丸を数値で決め、次の 20 個で議論しないようにする

［プロダクト］のアイコン規格を決めます。今後 20 個以上を描き、外部に依頼する可能性もあります。そのまま実行できる仕様…

「新規作成」を押した後の 400ms に何を起こすか

想定：一覧ページが初回で空の状態です。ユーザーが「新規作成」を押して送信し、最初の 1 件が作られます。空の状態から内容…

言われたところではなく、実際に起きたところを直す

ユーザーの言葉そのままです：［クレームを貼り付け］。言われたとおりに実装しないでください。次のように分解します：1）「言…

コントラスト・にじみ・階層を、目視ではなく数値で測る

これは私のダークモードの配色です：［色値またはスクリーンショット］。可読性のリスクを、項目ごとに数値で評価してください：…

フォームを詰めるのではなく、項目ごとに削除の審査をする

これは私のフォームの項目です：［項目一覧と用途］。各項目を削除の審査にかけ、それぞれ 4 つ答えてください：1）それが無…

コントラスト・タップ領域・競合要素・位置の 4 つに分解する

［ページ］の主ボタンに「目立たない」という指摘がありました。測定できる項目に分解してください：1）ボタンの文字と地の色の…