基準を満たし見栄えも良いコントラストを選ぶ
収録 2026-11-01
まず可読性の基準を満たし、同じ色相で見栄えの良い濃淡を探します。
指定のメインカラーで、明るい背景と暗い背景の両方に対応する UI を作ります。1）本文・補助文字・ボタン文字のコントラスト要件（WCAG）；2）現状の組み合わせのコントラストを概算し合否；3）不合格のものに同じ色相でより濃い代替色を提案（ブランド感を保つ）；4）ダークモードで最も崩れやすい部品；5）数字を覚えずに確認できる検収方法。
当サイトオリジナル
中国語の原文
使い方
对比度先过线，再谈好看；顺序反了就白做。
こう変えてみる
- スタイル語を、光・レンズ・素材・構図などの測定可能なパラメータに置き換える。
- 同じプロンプトで三つのバリエーションを出させ、差分を比べる。
得られる成果物
- そのまま指定できるパラメータ表（光・レンズ・素材・構図）
- 二〜三の代替案とそれぞれの取舍
よくある失敗
- 「高級感・シネマティック・8K」を並べると毎回結果が変わる。
- 実在ブランドや著名人の再現を求め、似ているが使えない画像になる。
出力のチェック
- パラメータが実行可能で、ツールやデザイナーにそのまま渡せる。
- なぜその光・構図なのか、取捨選択の理由がある。
使いどころと注意
- 向いている用途：曖昧な「高級感」を光・素材・レンズ・構図などの具体的なパラメータに分解する。
- 注意：実在のブランド・著名人・他人の作品は、権利侵害を避けて等価な表現に置き換える。