Back to Details

design-playful-app-icons

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Design Playful App Icons

设计俏皮风格应用图标

Create distinctive app icons from text-only design rules. Communicate one product promise through a bold object, mascot, or glyph that remains recognizable at launcher size.
基于纯文本设计规则打造独特的应用图标。通过一个醒目的物体、吉祥物或符号传递产品核心价值，确保在启动器尺寸下仍具备辨识度。

Load the references

加载参考文件

  • Read references/style-profile.yaml for every task. Treat its numeric ranges and invariants as the source of truth.
  • Read references/design-recipes.md when developing concepts, selecting a visual lane, or writing generation prompts.
  • Read references/evaluation.md when critiquing, refining, comparing, or preparing production assets.
Do not request or depend on bundled reference images. Ask for an image only when the user wants an existing icon critiqued or edited.
  • 每项任务都需阅读[references/style-profile.yaml]，将其中的数值范围与不变规则视为权威依据。
  • 在开发概念、选择视觉方向或撰写生成提示词时，阅读[references/design-recipes.md]。
  • 在点评、优化、对比或准备生产资产时，阅读[references/evaluation.md]。
请勿请求或依赖捆绑的参考图片。仅当用户希望点评或编辑现有图标时，才要求提供图片。

Follow the workflow

遵循工作流程

  1. Reduce the brief to 
    object + action + emotion
    .
    • Object: the simplest concrete metaphor for the product.
    • Action: the benefit or transformation users receive.
    • Emotion: the personality the icon should convey.
  2. Infer missing details from the product category when the choice is low risk. Ask one concise question only when the product metaphor would otherwise be arbitrary.
  3. Choose one visual lane from 
    style-profile.yaml
    . Do not combine all lanes.
  4. Create three directions that differ in metaphor or silhouette, not merely color.
  5. Score the directions for product meaning, silhouette, and originality before rendering. Select the strongest direction and state why.
  6. Construct the final generation prompt with the selected recipe. Encode geometry, composition, palette roles, facial language, material, light, and exclusions explicitly.
  7. Generate the icon when image tools are available. Otherwise provide the final prompt and construction specification.
  8. Evaluate the result with 
    evaluation.md
    at 1024, 180, 60, and 32 px. If the actual raster is unavailable, reason conservatively from the composition and detail count.
  9. Revise the weakest scoring dimension first. Limit each pass to one or two targeted changes so the identity does not drift.
  10. Deliver the final asset or prompt together with palette, lane, production notes, and a short quality report.
  1. 将需求精简为
    对象 + 动作 + 情感
    。
    • 对象：代表产品的最简单具象隐喻。
    • 动作：用户获得的收益或体验转变。
    • 情感：图标应传递的个性特质。
  2. 当选择风险较低时，从产品类别推断缺失细节。仅当产品隐喻会变得随意时，提出一个简洁的问题。
  3. 从
    style-profile.yaml
    中选择一个视觉方向，切勿混合所有方向。
  4. 创建三个方向，需在隐喻或轮廓上有所差异，而非仅颜色不同。
  5. 在渲染前，针对产品表意性、轮廓及原创性对这些方向评分。选择最优方向并说明原因。
  6. 结合选定的方案构建最终生成提示词。明确编码几何形状、构图、调色板角色、面部神态、材质、光线及排除项。
  7. 若有图像工具则生成图标。否则提供最终提示词及构建规范。
  8. 使用
    evaluation.md
    在1024、180、60和32 px尺寸下评估结果。若无法获取实际光栅图，则根据构图及细节数量进行保守判断。
  9. 优先改进评分最低的维度。每次迭代仅做1-2项针对性修改，避免核心识别性偏移。
  10. 交付最终资产或提示词，同时附带调色板、视觉方向、生产说明及简短质量报告。

Preserve the core identity

保留核心识别性

  • Use one dominant subject and no more than one supporting prop.
  • Fill roughly 70-85% of the square while protecting the face and signature detail.
  • Build the silhouette from 2-5 broad rounded parts.
  • Use a face only when it strengthens the product metaphor. Prefer two eyes and one mouth or gesture.
  • Use one dominant hue, one contrast hue, and ink or soft white as neutral.
  • Use either clear flat separation or coherent soft volume. Avoid ambiguous half-rendering.
  • Add exactly one memorable hook: expressive gaze, shape pun, asymmetric crop, purposeful prop, or unusual proportion.
  • Keep the background edge-to-edge and visually quiet.
  • 使用一个主体，辅助元素不超过一个。
  • 填充正方形约70-85%的区域，同时保护面部及标志性细节。
  • 由2-5个宽大的圆角部件构建轮廓。
  • 仅当面部能强化产品隐喻时才使用，优先采用双眼+单嘴或手势的组合。
  • 使用一种主色调、一种对比色调，以及墨色或柔和白色作为中性色。
  • 要么采用清晰的平面分层，要么采用连贯的柔和立体感，避免模糊的半渲染效果。
  • 添加恰好一个记忆点：富有表现力的眼神、形状双关、不对称裁剪、有意义的辅助元素或特殊比例。
  • 背景铺满整个画布且视觉简洁。

Prevent generic output

避免通用化输出

  • Make the icon explain the app's job before adding cuteness.
  • Prefer a concrete product-specific object over a generic blob, star, sparkle, or smiling face.
  • Direct pupils, eyelids, tilt, or pose to create a distinct attitude.
  • Use gradients only to describe volume, depth, or a deliberate warm-cool transition.
  • Reject concepts that could plausibly represent several unrelated apps.
  • 在添加可爱元素前，先让图标清晰传达应用的用途。
  • 优先选择产品专属的具象物体，而非通用的 blob、星星、闪光或笑脸。
  • 通过瞳孔方向、眼睑、倾斜角度或姿态塑造独特气质。
  • 仅用渐变表现体积感、深度或刻意的冷暖过渡。
  • 拒绝可能代表多个无关应用的概念。

Enforce originality and public-safety rules

执行原创性与公共安全规则

  • Do not name, imitate, or cite an artist, studio, existing app, logo, mascot, or copyrighted character.
  • Do not use phrases such as "in the style of" or ask the model to reproduce a known icon.
  • Do not reconstruct any reference-specific silhouette, face, color arrangement, or prop combination.
  • Develop original metaphors from the user's product function and audience.
  • Avoid visible text, brand names, watermarks, and trademark-like monograms unless the user owns and supplies the mark.
  • 不得提及、模仿或引用艺术家、工作室、现有应用、logo、吉祥物或受版权保护的角色。
  • 不得使用“模仿……风格”之类的表述，也不得要求模型复刻已知图标。
  • 不得重构任何参考特定的轮廓、面部、色彩搭配或辅助元素组合。
  • 基于用户的产品功能及受众开发原创隐喻。
  • 除非用户拥有并提供标识，否则避免可见文本、品牌名称、水印及类似商标的字母组合。

Deliver the right response

提供恰当的回应

Concept development

概念开发

Return three directions with: name, metaphor, lane, silhouette, expression or hook, palette preset, and small-size rationale. Recommend one.
返回三个方向，包含：名称、隐喻、视觉方向、轮廓、表情或记忆点、调色板预设及小尺寸合理性说明。推荐其中一个方向。

Image generation

图像生成

Generate the selected direction when tools permit. Also return the exact final prompt, negative constraints, selected lane, and palette so the result is reproducible.
若工具允许，生成选定的方向。同时返回精确的最终提示词、负面约束条件、选定的视觉方向及调色板，确保结果可复现。

Critique and refinement

点评与优化

Lead with the highest-impact issue. Score all rubric dimensions, propose concrete edits, then supply a revised prompt or specification.
首先指出影响最大的问题。对所有评分维度打分，提出具体修改建议，然后提供修订后的提示词或规范。

Production handoff

生产交付

Specify canvas, safe area, layer order, palette values, light direction, depth treatment, mask behavior, and export requirements. For iOS, default to an opaque 1024 x 1024 sRGB raster without transparency or a baked corner mask. For Android adaptive icons, separate foreground and background and verify the current platform safe-zone template.
指定画布尺寸、安全区域、图层顺序、调色板数值、光线方向、深度处理、蒙版行为及导出要求。对于iOS，默认采用不透明的1024 x 1024 sRGB光栅图，不带透明度或预烘焙圆角蒙版。对于Android自适应图标，分离前景与背景，并验证当前平台的安全区域模板。

Build prompts in this order

按以下顺序构建提示词

  1. Artifact and target platform
  2. Product purpose and chosen metaphor
  3. Pose, crop, and silhouette
  4. Visual lane and part construction
  5. Expression and single signature hook
  6. Palette roles and quiet background
  7. Material, light, depth, and shadow
  8. 32 px readability requirements
  9. Negative constraints and originality guardrail
Never rely on adjectives alone. Replace "cute, modern, polished" with visible construction decisions.
  1. 制品类型与目标平台
  2. 产品用途与选定隐喻
  3. 姿态、裁剪与轮廓
  4. 视觉方向与部件构建
  5. 表情与独特记忆点
  6. 调色板角色与简洁背景
  7. 材质、光线、深度与阴影
  8. 32 px可读性要求
  9. 负面约束与原创性防护
切勿仅依赖形容词。将“可爱、现代、精致”替换为具体的视觉构建决策。