システム状態の視覚言語を決める
収録 2026-11-05
成功・警告・エラー・オフラインは一目で見分けられる必要がある。
製品でこれらの状態を示します：[状態と表示場面]。視覚言語を設計してください：1）成功・警告・エラー・オフライン・読み込みについて「色＋アイコン＋文言」の構造を定め、色以外の冗長な符号（形、位置）も示す；2）混同しやすい状態と分け方；3）エラー時に「ユーザーができること」の位置と書き方；4）色覚特性とダークモードでの識別性；5）状態コンポーネントの最小仕様（サイズ、余白、閉じられるか）；6）色で強調すべきでない状態。
当サイトオリジナル
中国語の原文
置き換えるプレースホルダー 1
括弧の中をご自身の情報に置き換えてから送ってください。
[状態と表示場面]
使い方
色だけで状態を示すのは、一部の利用者に届いていないのと同じ。
こう変えてみる
- スタイル語を、光・レンズ・素材・構図などの測定可能なパラメータに置き換える。
- 同じプロンプトで三つのバリエーションを出させ、差分を比べる。
得られる成果物
- そのまま指定できるパラメータ表（光・レンズ・素材・構図）
- 二〜三の代替案とそれぞれの取舍
よくある失敗
- 「高級感・シネマティック・8K」を並べると毎回結果が変わる。
- 実在ブランドや著名人の再現を求め、似ているが使えない画像になる。
出力のチェック
- パラメータが実行可能で、ツールやデザイナーにそのまま渡せる。
- なぜその光・構図なのか、取捨選択の理由がある。
使いどころと注意
- 向いている用途：曖昧な「高級感」を光・素材・レンズ・構図などの具体的なパラメータに分解する。
- 注意：実在のブランド・著名人・他人の作品は、権利侵害を避けて等価な表現に置き換える。