Icon Composer App 图标

Icon Composer

借助 Icon Composer,开发者仅需基于单一设计,就能使用 Liquid Glass 制作出适用于 iPhone、iPad、Mac 和 Apple Watch 的多层图标。多层图标格式让你可以精心制作图标,并在不同外观模式下进行注释。Icon Composer 可与 Xcode 无缝协作,还提供用于导出图标的扁平化版本的选项,以满足营销和沟通需求。

下载
MacBook 上展示着 Icon Composer,前景为照片 App 的图标

利用 Liquid Glass 打造灵动设计

Liquid Glass 是一种美观且富有表现力的材质,能够让你的图标在不同平台和外观模式下自适应变化。你可以导入并整理图案图层,然后调整镜面高光、折射、半透明和阴影等属性,以赋予图标材质立体感。

采用 Liquid Glass 材质的 App 图标以网格形式排布

折射

通过改变穿过图标的光线的方向,折射属性使各图层能够拾取并传递其下方的颜色和形状。你可以逐层调节强度,从微妙的边缘弯曲到透镜般的扭曲,以强调图标中的关键元素,并在层与层之间形成丰富的互动。

全新镜面高光

清晰的镜面高光可提升和界定各层,同时保留边缘的对比度。你可以选择高光如何与每一层对齐 (内侧或外侧),或让 Icon Composer 根据各层的颜色自动决定。新增一个光线角度,从上方垂直照射,与周围界面相匹配。

显示镜面高光控件的 Liquid Glass 检查器
使用 Liquid Glass 材质优化的照片 App 图标

更新的注释

让你的现有图标进一步升级。导入的 Icon Composer 文件会自动以更锐利的新材质进行渲染。然后,你可以通过镜面高光、折射、阴影等属性对图标进行微调,以充分发挥 Liquid Glass 的优势,打造熠熠生辉的独特图标。

轻松实现多平台设计

有了一致的图标形状和共享的网格系统,你可以更轻松地在受支持的 Apple 各平台上进行设计。默认情况下使用单一设计,并可针对各个平台进行自定。

圆角方形和圆形的天气 App 图标

在各种渲染模式下进行注释

Icon Composer 可让你完全掌控图标在各种渲染模式下的显示效果,所有操作都在单个文件中完成。使用单层结构,选择图标在默认、深色和单色模式下的显示效果,以优化图标在 iPhone、iPad、Mac 和 Apple Watch 上的外观。

默认主题预览,显示 Icon Composer 界面

专为 Xcode 构建

在 Icon Composer 中完成注释后,你可以将图标直接添加到 Xcode 中。新的图标文件类型与 Xcode 无缝集成,因此你可以将更改直接同步到项目中。

Xcode 显示打开的图标文件和 Icon Composer

下载 Icon Composer

Icon Composer App 图标

下载

需要使用 macOS Tahoe 26.4 或更高版本。

带有设计网格叠层的 App Store 图标

探索《人机界面指南》

详细了解如何为 Apple 各平台设计 App 图标。

进一步了解