在产物设计中，图标是一个很是重要的部门。有设计感的图标会增加用户对产物的喜爱度，本文从六个角度先容一种打破次元的图标设计——3D图标设计。

一、配景

*** 游戏中心颠末设计改版之后，我们从头设定了整体的世界观——多彩的游戏宇宙。而且对多个模块及内容举办了新的设计进级，个中也包罗重要的图标图形。

因此基于今朝较为完整的图标图形，但愿可以拓展出更多纷歧样的设计内容，而且可以应用在差异的位置，譬喻空缺页、运营内容、配景等等。

基于今朝的图形可以很明明的获得2个问题：图标的图形整体相对简朴，延展利用较量受限；2D图标的视觉攻击力较弱，较难满意设计气氛的表示。

3Ｄ作为2020的主流设计趋势之一，可以很好的表达设计气氛。因此想实验跨次元的设计 *** ，从3D图形的角度去思考，实验更多大概性。

下面主要是分享我在建造3D图标中的一些要领和流程，以及2D与3D图形设计中思考的差别性，但愿可以跟各人相互进修，一起探讨这方面的设计。

二、整体的流程及软件

固然是3D的图标，但实际上利用到的软件包罗有：Cinema 4D（C4D）、Sketch、Photoshop（PS）、illustrator（AI）。

整体的或许流程：

Sketch：绘制2D图标；

AI：转换路径（C4D可以或许识别AI8.0版本的路径）；

C4D：建模、渲染、动画；

PS：后期输出的调解，包罗饱和度、亮度、裁切等；

AE：最后合成所有动画，设置音效，最后输出完整视频。

三、2D向3D转化的根基原则

3D与2D更大的不同在于多一个维度来表达图形，因此我们在2D向3D转化的进程中，需要思考一些根基的原则，而且团结这些法则，低落3D图标与2D图标违和感。在这次的3D图标中我总结了以下几条根基法则。

1. 圆变球

在3D软件中表达圆有2种 *** ：球体和圆柱体。在实际的设计中，我们需要按照实际环境判定是否酿成球体可能圆柱体，这里发起单体泛起的圆形设计成球体，在这种环境下球体对比圆柱体更能表达圆形的视觉感觉。

譬喻下面气泡的例子，球体化的表示比圆柱体化的表示越发丰满，光影结果越发富厚。

2. 方变块

与上面的法则较量靠近。当我们在2D图标中利用矩形之类的图形，发起利用立方体来表达。利益：立方体可以增加图标上的细节表示；增加厚度更有利于光影的表达。

譬喻下面礼品的图标，我们在实际的3D场景下应该更贴合现实糊口中的认知，设计成礼品盒子的结果。

3. 团结实际认知

除以上的2种发起之外，我们在实际建模的时候还需要团结实际认知而定。譬喻金币、游戏卡的设计应该是带有厚度的片形；钱包设计成折叠的结果。

4. 适当简化图形

2D图标向3D图标的转换进程中，需要适当举办简化，一些不须要的内容可以适当举办删减。

主要的目标是：低落模子的庞洪水平，“太过细致”的模子在实际渲染中大概呈现反结果；淘汰面和淘汰光的相互反射浸染，晋升视觉的简捷性。

5. 加强空间思维

2D的图标只有一个平面，因此大部门环境下是一种“纸片性”的思维，通例的2D向3D的转换思维是增加厚度，但实际上出来的结果并不抱负，因此在转换的进程中，需要利用空间的思维去思考，在3维的空间中应该是怎么样的。

譬喻下载和收件箱的图标，通例的思维大概是在2D的图标上增加厚度，但转换成空间思维就是让其具有立体感和空间感的形体。

6. 图标状态增补

在实际建模的中会发明，许多模子在静态下是可以举办简朴处理惩罚的，但团结动态或实际认知，就需要相关细节状态增补。

譬喻礼品和宝箱图标的开盖结果，因此把实际的盖子和盒子/箱子的模子做出来，以便于动画的实际表达。

四、基于图标的图形分类

在进入C4D之前，需要清楚差异图形可以利用什么 *** 建模，因此我们可以举办一个简朴的分类，分为：通例图形和异形。

两种图形在建模中的 *** 会有一些小差别，虽然一个图标也大概包括这两种范例，因此实际操纵中可以机动处理惩罚。

1. 通例形：利用基本物体建模