AppleHIG应用图标

AyushRajSinghParihar2026-10-27查看 327复制 1613

在创建、检查或调整应用程序图标、其分层结构、平台掩码、小尺寸标识或外观变体时使用。

Download (.md)

📘如何使用这个技能

  1. 1
    复制技能内容·点击上方「Copy SKILL.md」复制全部内容,或 Download 下载到本地
  2. 2
    打开你的 AI 客户端·支持 Claude Code、Trae、Cursor、ChatGPT、DeepSeek、Kimi 等任意 AI 助手
  3. 3
    粘贴为系统提示/知识文件·Claude Code:放入 .claude/skills/ 目录;普通对话:作为首条消息发送并说「请严格按这份技能文档执行」
  4. 4
    直接提出你的需求·AI 会按技能定义的工作流、格式和约束来处理,无需再解释背景

💡 提示:技能生效后,每次对话只需一句需求,AI 会按 SKILL.md 的流程执行。

SKILL.md2587 chars
---
name: apple-hig-app-icons
description: Use when creating, reviewing, or adapting an app icon, its layered construction, platform mask, small-size identity, or appearance variants.
---

# Preserve an icon's identity through system treatments

Read [App icons](../../references/app-icons.md). Inspect the actual artwork/layers, target platforms, smallest appearances, and requested mode: design, review, or adaptation. If only a flat image exists, distinguish visible composition findings from unverified layer behavior. Produce the requested icon specification, revised assets, or scoped review; preserve existing tools unless a platform export requires another one.

Choose one identifiable concept and remove detail that cannot survive reduction. Decide which shapes need distinct foreground layers and which can remain a quiet opaque background. Supply unmasked artwork: the system supplies the rounded or circular mask. Leave highlights, bevels, and shadow treatment to the system unless an intentional custom effect has been checked for conflicts.

Select construction by platform. Use the guide's Icon Composer workflow for iOS/iPadOS/macOS/watchOS and image-stack workflow for tvOS/visionOS; consult its canvas/variant table rather than copying dimensions from a different platform. tvOS needs crop-safe layered foreground content during focus motion; visionOS should avoid a background hollow that system lighting could make appear raised. A Watch icon's black background must separate from surrounding display black. Keep identifying features stable through applicable dark, clear, tinted, or alternate variants.

**Before → decision → after:** A book-club icon is a pre-rounded screenshot containing a tiny “New” badge and five book titles. Small-size identity needs one silhouette. The corrected specification uses unmasked layers with a simple overlapping-book mark, an opaque background, and stable mark placement across appearance variants; temporary text moves into app content.

Deliver the layer/variant inventory with the corrected artwork or review. Fail if system masking removes the identifying mark, reduction erases it, or focus/lighting changes its intended shape. Actual Icon Composer/device previews are needed to establish parallax, material effects, and platform export quality; a raster mockup alone does not verify them.

For supporting image formats use [Images](../apple-hig-images/SKILL.md); for in-app glyphs instead of launcher identity use [Icons](../apple-hig-icons/SKILL.md); for brand consistency use [Branding](../apple-hig-branding/SKILL.md).
来源:skillsdirectory

评论0

登录后参与评论

还没有评论,来抢沙发吧