ui图标怎么设计-勤学培训网

　　图标是UI设计师必会技能之一，而一个好的icon是怎么设计出来的呢？今天我们来给大家一个图标设计的全面知识汇总。

　　下来我们进入设计过程：

　　标志的特点

　　1．功用性

　　标志的本质在于它的功用性。经过艺术设计的标志虽然具有观赏价值，但标志主要不是为了供人观赏，而是为了实用。标志是人们进行生产活动、社会活动必不可少的直观工具。

　　标志有为人类共用的，如公共场所标志、交通标志、安全标志、操作标志等；有为国家、地区、城市、民族、家族专用的旗徽等标志；有为社会团体、企业、仁义、活动专用的，如会徽、会标、厂标、社标等；有为某种商品产品专用的商标；还有为集体或个人所属物品专用的，如图章、签名、花押、落款、烙印等，都各自具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。

　　2．识别性

　　标志突出的特点是各具独特面貌,易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。各种标志直接关系到国家、集团乃至个人的根本利益，决不能相互雷同、混淆，以免造成错觉。因此标志必须特征鲜明，令人一眼即可识别，并过目不忘。

　　3．显著性

　　显著是标志又一重要特点，除隐形标志外，绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰，是标志通常具有的特征。

　　4．艺术性

　　凡经过设计的非自然标志都具有某种程度的艺术性。既符合实用要求，又符合美学原则，给予人以美感，是对其艺术性的基本要求。一般来说，艺术性强的标志更能吸引和感染人，给人以强烈和深刻的印象。标志的高度艺术化是时代和文明进步的需要，是人们越来越高的文化素养的体现和审美心理的需要。

　　UI图标设计的基本的原则

　　1.定义准确形象

　　icon也是一种交互模块，只不过通常以分割突出界面和互动的形式来呈现的。其中以交互式为主要运用手段。而icon对于一般起是充当指示、提醒、概括、表述等作用，所以在icon定义的时候一定要准确，非但不能模糊反而比logo的定义还要清晰。

　　比如：新建，添加，删除，搜索等都要遵循简洁通用这个一个基本的原则。否则用户辨识度上会导致操作成本上升的结果。通常也会造成阅读和操作的障碍。

　　2.造型完整简明

　　造型是icon设计的筋骨，就好象一个人是健康的还是有缺陷的。一个icon有没有美感很大程度就取决于造型是否优美和谐。

　　在基本外形里，通常是矩形或圆形，我们会给予它们不同的设计感觉来定义它们能表达什么。

　　如：在大幅空白的区域，圆形icon会更适合留白排版。当大幅文字段落或执行按钮的时候，矩形icon会更合适排版。

　　3.表达符合的行为习惯

　　在表达定义的时候，首页要符合一般使用的行为习惯，UI本身的意义就在于附加到“功能”上的一个表现层，具备直接的操作和交互的功能。我们首先不要着重华丽和精妙上面，为了icon而做icon。而往往一些产品部门相关的人员并不会在乎华丽和精美。功能性是重要的因素。而个性色彩比较浓的游戏类或教育类界面，一般都配有文字或归属感比较强的元素来进行设计。

　　4.排版循序与位置的调整

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

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

　下面讲一些设计过程中需要注意的：

　　1. 让用户更容易理解

　　图标重要的作用就是它的辨识度是否让用户易理解，人们需要在小图标中做出他们的选择是件很困难的事，所以对于品牌来说，大部分的图形设计是为了展现品牌logo或者是一个标志性的形象。当然对于一个新的或者小的品牌来说也会通过一些其他方式来展现

　　2. 图标并不是图像

　　图标可以包含图像，但也可能是一个文本，一个logo又或是这些元素的组合。图像图标在其他适应设备上会不易阅读，而图形的话可以携带更多的视觉感。

　　3. 避免文字

　　于一个图标而言，不会使用单词作为内容，因为空间本身就不大，而内容不多又不易用户理解。这也是一则经验：如果这个文本不是你logo的一部分，那么请尽量避免。如果是，也要慎重考虑一下。

　　4. 用鲜亮的颜色

　　想让你的图标脱颖而出？那么请大胆的用色。选择一个充满活力的颜色可以帮你抓住用户注意力，让你的品牌更有特点。比如蓝色，特别是天空蓝和海军蓝，你可能会回避因为这种大众色并不吸引人。但如果蓝色是你的主要logo色，你可以尝试一些新的偏中性的颜色，像石灰绿，或者选择一个季节性色调比如夏天选择亮橙色、春天选择粉红色之类的。

　　5. 图标的用途

　　图标不止限于手机或者电脑桌面上，所以在设计时也要顾及到它的大小和应用，所以在做大图标后缩小是个更好的方式。图标设计涉及到它的规模和大小，格式也成为了一个重要的因素，为了方面运用，矢量图是你的选择。