icon设计法则及用途规范（二）

关于icon设计法则及用途规范，笔者在之前的文章里就已经提到过了，感兴趣的朋友可以关注我的这篇文章《icon设计法则及用途规范（一）》。而下面我将继续为大家讲述icon设计的方法。

一、页面排版顺序与位置转变

完成基本的icon设计后，还有根据UI界面布局来进行调整icon在整个布局中的位置。这个相当重要，而对于有经验的工作人员来说，一般icon的造型，复杂程度，基本外型都会进行调整；如简单相对复杂，圆形一列中会有重叠元素，也可以会有矩形来调和。对比调和后使得icon更加易读和方便识别。切忌糊涂一片，错乱反复。

但icon在重要或突出功能的位置上，必须首先进行调整造型和位置，因为在一般UI界面里靠上的位置或者特定位置的功能相对固定，不能简单的删除更改。否则整个功能方向就会失调，使得网站或APP像另外一个方向去发展，得不偿失。

二、类型风格统一

风格是一种具备独有特点的形态，具备差异化的思路和个性。在UI中通过表现不那么特立独行也是因为行为习惯问题，这也解释了想微软、苹果、谷歌可以颠覆设计原则的原因，通常一个公司或一个组织没办法去改变设计规则。

这通常取决于先入为主和影响力所决定的。现在的UI界面中的icon更称得上风格化，而非百花齐放，林林种种。我们在定义和风格上只能限制于目前的标准框架来设计，而应用设计的灵魂就在于“功能”，所有应用设计都要依附和顺从于这样的一个标准里。

引申一点，就是要融入到整个的产品设计中，这包括用户体验和协助工程师把功能完整起来。

使得不因视觉原因而达不到产品设计的预期。

风格的统一包括：造型的轮廓粗细的统一，颜色色调与调和的统一，材质与纹理（肌理）的统一；当然也包括用词的风格，比如：我的文件夹或者这个文件夹，是有许多区别的。

当我们设计icon时，可以使用一些栅格来完成结构，结构就是造型是否准确的基础。先有自由的设计思路，在进行栅格或者所谓的几何化的规范，最终完成设计。

三、配色调整与搭配

给icon添加颜色是解决视觉冲击力的一种表现手段。一般赋予icon什么样的个性和使得突出重点，一般都会添加颜色。在添加颜色时首先我们可以用感觉来进行设计，思路对想法可以就行了。

这时在整体界面中一般有背景色和主导色，那么一般我们选择的icon颜色要侧重于点缀色或者着重色，而其他不太重要的icon颜色尽量选择中性的颜色，想低纯度的蓝色，因为在UI界面设计中，蓝色几乎和黑白灰并称万用色。有时候UI界面或icon整体形象设计偏暖和冷就是因为补色没有运用好。导致很刺激人的感官，这里有个小技巧，就是运用补色。

补色通俗点说就是把三原色补齐，重点：不是要补充纯度高明度高的其他三原色，这个还是要看具体的环境和条件，且不要下死定义，形而上学。

您的icon设计最好要有层级感，这样您的产品才会给人一种逻辑清晰且具有商业价值的感觉。从而个人角度来看，icon设计最高的层级应该是在面积、视觉冲击感以及形式感上，只要满足了以上三点，那么您通过icon设计所设计的将会受到更多用户的关注。蓝橙互动是一家专业的设计公司，能够为您提供icon定制设计服务！

相关阅读：

《产品介绍图文设计方式与技巧（二）》