在网页中用好图标的7个技巧，精心设计一套图标

强化视觉效果，给用户惊艳的效果；图标本身应当具有引导用户进行交互的属性；创建一套具有相同风格的图标；设计结合时下流行的元素；等

图1036-1：一套图标

虽然图标设计可能是设计项目中被考虑的最少的元素，但是它们可能是最有趣的设计元素之一。一套精心设计的图标用好了，能给整个设计增色不少。那么，如何在网站上使用好图标呢?

不是所全部的图片都能给用户带来惊艳的感觉，有时，图片也不能撑起整个设计的视觉和形式感。这个时候，图标的重要性就凸显出来了。许多有趣的图标和图片结合起来使用，能够强化图片的内容，提供额外的信息，给予用户以交互的提示，从视觉、交互、体验三个层面对设计进行提升。

尽管有许多网页和APP模板中都会采用三栏式的图片 文字的布局，但实际上图标并不需要在特定的地方出现。图标本身是驱动整个界面交互性的一个关键元素，它可以出现在各个不同的地方，也可以结合视差滚动的设计手法，让图片随着滚动而不断运动，横跨多屏，引导用户与屏幕不停地互动。

虽然我们看到的绝大多数的图标都是静态的，但是从来没有人规定死它们必须是静止的。那么，就让图标动起来吧!不过，动态图标的设计也应该是有规则、有目的的。优秀的动态图标的运动方式和内容应该是有关联的，同时它的运动速度应该是适中的，因为过快的变化可能会让用户猝不及防，但是太慢了又会让用户等待太久。控制好节奏，动效会非常的令人着迷。

不同形状、不同风格的图标一旦成群结对地出现在屏幕上，总能带来不一样的体验。虽然这样的应用方式常见于图标推荐类的网站，但是它实际上有着更为广泛的应用范畴。

图标是整个设计项目的诸多组成部分之一，它需要契合整个设计策略。仔细审视你所需要设计的内容和风格，再将图标和流行的元素结合起来，营造出符合现代风格的美学特征。

虽然图标是可以自由设计的，但是许多特定功能、特定场合所能使用的图标最好不要标新立异，不过你可以在这些图标的样式上动脑筋。调整色彩、修改形状，甚至重新绘制。而这其中，最主要的诀窍在于，保持基本的视觉识别度的前提下，加入一些独特的构思，确保用户不会质疑图标本身的含义。

图1036-2：手绘风格图标

图标本身可以视作为一个微缩的图画，虽然图标大多趋向于扁平风，并且其中相当一部分是采用线条勾勒的，但是图标本身还是能玩出很多花样的，尤其是当你想玩出属于自己的风格的时候。最典型的就是采用自己手绘的图标，这样的图标通常很难划归到常见的分类中，但是他们有明显带有个人风格。手绘图标本身就是一种带有品牌属性的东西。

转载请注明：网创网 www.netcyw.cn/b1036.html