3D App 图标指南：什么时候用，怎么做才不廉价

3D 是图标里最「贵」的风格——立体感天然比扁平多一层信息,但也最容易做出塑料感。 这篇讲清楚 3D 图标的适用场景、真实图标里都在画什么、颜色怎么配, 以及在 iOS 26 Liquid Glass 时代它还有没有位置。

什么算 3D 图标

不是「有阴影就算 3D」。3D 图标的判定标准是体积信息: 主体有明确的受光面、背光面和投影,材质有厚度感(哪怕只是黏土那样的软厚度)。 它和扁平的边界在于:扁平用色块归纳形体,3D 用光影交代形体。介于两者之间的「轻拟物」 (Flat 2.0)不算 3D——它有渐变和高光,但光影不构成体积。真实例子可以看3D 风格图标。

哪些分类最爱用 3D

按我们的分类浏览观察,3D 图标集中在四类:

• 游戏:立体角色和道具是天然的卖点展示;
• 儿童与教育:黏土质感的圆角 3D 传递「安全、好捏」的手感;
• 金融与积分:3D 金币、钱袋是转化率经过验证的符号;
• 工具类头部产品:用克制的 3D 主体表达「专业感」,常见于 AI 类产品。

反过来,效率、笔记、开发者工具里 3D 罕见——这些品类用户预期「轻快专业」,立体感反而显得笨重。

3D 图标里画的是什么

三种主体占绝对多数:

• 拟物主体:把产品核心物件立体化——笔记本、相机、听诊器、哑铃。关键在简化:3D 图标的主体通常比扁平版少一半细节,靠材质补足;
• 吉祥物:圆滚滚的角色,脸部是视觉中心。黏土是首选材质,因为它「无攻击性」;
• 抽象几何:球体、胶囊、环的悬浮组合,常见于 AI 和金融科技产品,靠渐变材质和构图取胜。

颜色和背景

3D 图标的背景几乎都是高饱和纯色或同色系渐变, 而且背景色和主体色是「邻居」关系(同色系深浅或互补明暗)——这保证缩小后主体仍从背景里浮出来。 主体的材质色通常比背景浅一到两档,投影方向统一。最稳的起点:背景取品牌主色, 主体用主色的浅色变体+白色高光,投影用主色的深色变体。

配色定不下来时,可以先在随机颜色里翻真实图标找手感,或用中国传统色选一组有出处的底色。

怎样做一个 3D 图标

两条路。建模路线:Blender/Spline 建模, 定一组光源(通常 45° 顶光),渲染 1024×1024,主体控制在画布中央 80% 内; 建模自由度最高,但光影调不好就是塑料感来源。AI 路线:在AI 图标生成器里把画面写清楚——「3D 黏土风格的台灯,45 度顶光,纯色浅绿背景,居中构图」—— 一次出 1-4 张再挑。两条路的收尾一样:用素材包生成器导出全套尺寸,实机预览里检查 60px 下体积感是否还在。

Liquid Glass 之后还能用吗

能,但要分平台。iOS 26 会把系统图标统一做玻璃化处理——你的 3D 图标被套上玻璃效果后, 细节可能被折射吃掉,所以 3D 素材要主体更实、对比更强, 给系统的玻璃层留出余量;用 Icon Composer 自定义分层的可以精确控制(见Icon Composer 指南)。 安卓没有强制玻璃处理,3D 图标在安卓上原样呈现,自由度更高。