craiyon logo

A side-by-side comparison of two app settings screens, highlighting differences like username, email, notification toggle, plan, storage, and options in red.

A side-by-side comparison of two app settings screens, highlighting differences like username, email, notification toggle, plan, storage, and options in red.

目的 現行画面と新画面の差分のみを可視化したアプリ画面画像を生成する 差分箇所だけを赤色で強調する 比較前・比較後・赤なし画像は不要 必須要件(Must) スマホ端末・ベゼル・フレーム 不要 アプリ画面部分のみを描画すること 差分箇所のみ赤色(ベタ塗り) 差分のない箇所は通常色のまま 赤色は以下のいずれかで表現 ボタン全体の赤ベタ塗り テキスト背景の赤ベタ塗り UI要素(カード・入力欄など)の赤ベタ塗り 画面全体を赤くしないこと 差分が一目で分かるUI構成 画面内容(サンプル・汎用アプリ) 一般的な業務アプリ / Webアプリ風UI 例: ヘッダー 入力フォーム ボタン 一覧 or 設定項目 実在サービス・実在アプリに似せない 差分例(赤くする対象) ※以下は例。実装時にランダムでも可 ボタン文言の変更 ラベルテキストの変更 数値の変更 表示/非表示の切り替え UI要素の位置ズレ 👉 これらの差分要素のみを赤色ベタ塗り 出力形式 PNG または JPG 単一画像 比較用説明文・注釈・「diff」ラベルなどは不要 純粋な差分画像のみ Mehr sehen