17723342546
icon设计法则及用途

现在网上有不少讲述关于icon设计的理念和方法,但很多人对icon设计并不是很了解,因此对icon设计在概念上的认知也不是特别清晰,而下面我将会依照我们UI设计公司所总结的经验,来为大家分析icon设计法则及用途规范。

一、整体形象塑造完整

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

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

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

二、明确形象特征

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

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

如图:查看有3种图形来定义。

icon设计

那么,第一种是放大镜,这个通常我们可以用在系统设置上,由于传统原因,我们会约定俗成的把它和相关设置放在一起。第二种,由于社交化的催生,肢体语言可以概括出生动的图形,首先我们想到的是眼睛。第三种查看是阅读类情况,APP应用居多,这个就可以用书本的轮廓来进行定义。

这三种情况是根据情况来设定,如果互换势必会带来定义不准的问题。 

三、了解用户的行为习惯

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

从不同的维度来解释或者解析icon设计,就会得出不同的结论,而每一个产品都会有一套属于它自己的icon设计法则及用途规范,当商家通过icon设计来打造产品后,往往会为用户带来不一样的视觉效果,若是您有品牌icon定制设计的需求,蓝橙设计团队可以为您提供这方面的服务!

注:由于时间原因,以上案例可能存在无法打开的情况。如需索取相关案例,可点击右侧“方案咨询”在线联系、或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:厦门H5制作|合肥H5定制|H5案例分享|温州H5定制|苏州H5制作|青岛H5定制

联系我们

联系电话

17723342546

扫一扫

扫一扫

返回顶部