来源:微信微信官方账号PingMianDesigner(平面设计)

其实在图标创意阶段之前还有一个重要的步骤——创意准备。根据设计师的项目要求，确定图标的风格和样式。这一步，在界面设计过程中，可以通过图标风格评估的方法来确定图标绘制的是什么风格路线，这也是项目前期用户调研的内容。潜在的公司会制定“用户角色”来指导界面的视觉风格方向、界面内容的构建和交互设计。

设计师接到客户的设计任务后，应该如何开始设计图标？首先要了解界面的要求，每个功能图标的定义要非常清晰。否则设计结果会让用户难以理解，这也是图标设计所关注的可用性问题。

然而，视觉审美和可用性有时是矛盾的。设计师不能走极端，只注重可用性而忽略设计美好的一面，也不能过分追求设计的美好需求而忽略这是一个功能性的界面图标。最好在两者之间取得平衡。

在了解功能需求后，设计师要收集大量“关键词-联想图形”之间可以转换的元素，用生活中的物体或其他视觉产品来代替要表达的功能信息或操作提示。比如:音乐，我们想到的是笔记、CD、音乐播放器、耳机等等。但是你选择用什么来表达呢？原则上，越接近用户的心智模型越好，用常见的视觉元素来表达要传达的信息。

素描阶段是画出设计师的创意，检查视觉关系，也就是提高效率，避免渲染后修改造成不必要的浪费。首先要确定图标的透视，即与一套方案中每个图标的透视方向相关，这是图标设计一致性中的基本要求，统一透视，再逐步添加细节。

图标为了表达某种意义，往往要组合不同的形式，借助单一形式所传达的固有信息，组合在一起就可以传达另一种信息。比如在设计“导航”功能图标时，设计师的第一反应是与卫星有关，但仅凭单个卫星的形状恐怕不足以传达导航的意义，于是想到了与导航有关的信息图标，比如坐标、旗帜、陆地等等。然后由设计师根据视觉平衡的原则，合理安排其中的主次、空关系。

需要注意的是，与所要表达的功能相关的图形或物体，不能随便使用，要精挑细选，最好是大家都熟悉、容易记忆的物体或形状。毕竟目的是在易于记忆和理解的前提下，帮助用户更形象地理解程序的内在功能意义。不能用太多的图形来表达图标的含义，因为太复杂影响用户理解。

前面的流程完成后，设计师设计的草图已经很清晰的表达了自己的想法，也能很紧密的匹配功能信息，所以需要使用PS、AI等软件来绘制，这个要看个人习惯和对软件的熟悉程度。

①常规扁平型

特点:纯色，轮廓图形。

优点:简洁、清新、可识别性好、颜色鲜艳、设计感强。

②渐变皱纹型

特点:纯色，折痕，浅渐变。

优点:比常规展平更丰富，有轻微空感，色彩明亮，视觉统一性好。

③浅色纹理型

特点:简单层次，光线投射，光线渐变。

优点:简洁、明了、精致、简单、内容丰富。

④长投影型

特点:层次和投影。

优点:色彩对比度大，投影明显简洁，层次感和空感鲜明，视觉冲击力强。

⑤轻厚度型

特点:厚度，细节，光线投射。

优点:厚度明显，立体感明显，有重量感和细节感，但没有复杂性和统一性。

所谓立体图标，就是空透视、投影效果、浮雕效果、颜色渐变效果等的图标设计。在图标设计中使用，使图标本身看起来很立体。三维是指长宽高空的因子。平面图标的立体表达和设计师绘画中的立体表达是一致的。与简单的平面图标相比，三维图标有以下明显的独特优势。

①立体，视觉震撼。

②形象生动，易于识别。

③个性多样，富有美感。

④新颖独特。

立体的图标赋予了图标本身更高的艺术性，也使图标本身具有独特的视觉传达优势。立体图标有很强的空感、立体感和视觉冲击力。图标在显示屏上会更加真实灵活，触手可及。同时对于用户来说，也会增加图形的趣味性，引起用户的点击欲望。