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

2020-10-14 16:47:22  19 浏览  0 评论   赞

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

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

图1036-1:一套图标

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

强化视觉

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

引导交互

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

使用动效

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

创建图标集群

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

结合流行元素

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

稍加调整

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

自定义手绘

自定义手绘_在网页中用好图标的7个技巧,精心设计一套图标

图1036-2:手绘风格图标

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

 

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

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com