Playful Illustration
遊び心のあるイラスト
遊び心のあるイラストは、生き生きとしたキャラクター、形、色、視覚的なジョークを使用します。温かみ、意味、またはブランドの特性を加えることができます。
もう一つの例
子ども向けの貯金アプリは、目標を達成するとオリジナルのキャラクターでお祝いするよ。残高や注意メッセージ、保護者向けの設定はシンプルで正確なままだ。
主な部分
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
以下の場合に使用します
温かく印象に残るスタイルがオーディエンスやタスクに適している場合に使用してください。アートは一貫性を保ち、アクセス可能な代替手段を提供してください。
以下の場合は使用しないでください
コピーした文字スタイル、散らかったデザイン、深刻な場面を子供っぽく扱うこと、必要な指示を置き換えるアートは避けてください。
コードで使用する名前
original character system + functional visual cues 出荷前に
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome：Complete the task with 遊び心のあるイラスト (Playful Illustration)。 User context：子ども向けの貯金アプリは、目標を達成するとオリジナルのキャラクターでお祝いするよ。残高や注意メッセージ、保護者向けの設定はシンプルで正確なままだ。 Design concept to apply：遊び心のあるイラスト (Playful Illustration)。 Why it fits：温かく印象に残るスタイルがオーディエンスやタスクに適している場合に使用してください。アートは一貫性を保ち、アクセス可能な代替手段を提供してください。 Do not use it when：コピーした文字スタイル、散らかったデザイン、深刻な場面を子供っぽく扱うこと、必要な指示を置き換えるアートは避けてください。 Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：これは規範的な標準ではありません。その名前、制限、および期待される挙動は、情報源によって変わる可能性があります。 Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
このリクエストを確認する
Review how 遊び心のあるイラスト (Playful Illustration) is used now. Definition: 遊び心のあるイラストは、生き生きとしたキャラクター、形、色、視覚的なジョークを使用します。温かみ、意味、またはブランドの特性を加えることができます。 Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.