联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui图标设计原则有哪些?分享ui图标设计基础知识

Time: 2022-04-27

  ui设计中每一部分都是很重要的,特别是图标,这也是指引用户的操作流程,如果设计的不好的话,会影响到用户的体验,那么怎么做好ui图标设计?今天就让faceui来给大家详解一下ui图标设计原则。

  ui图标设计原则有哪些

  一、应用型图标设计原则

  (1)可识别性。识别性是图标设计的重要一点,这个设计是能够通过图标准确地表达出所代表的隐喻,可以让用户在最快的时间第一眼识别出它所代表的含义,从中获得相关信息。

  (2)差异性。在设计图标时,一定要突出产品核心功能的同时表现出差异性,这样做也是避免了同质化,争取给用户留下深刻的印象。

857112_2205_1650613731601468.jpeg

  ui图标设计

  (3)使用栅格线。在设计图标时,使用了栅格线作为设计依据,这样就可以让图标与系统能够达到和谐统一,更好地彼此匹配。

  二、功能型图标设计原则

  (1)

  表意准确。功能型图标设计的首要原则就是可以准确的表明意思,要让用户看到一个图标的时候,在第一时间理解它所代表含义。

  (2)轮廓清晰。轮廓清晰是指形状边缘棱角分明,没有发虛的像素。在 Photoshop软件中,设置常规选项中选择“将矢量工具和像素网格对齐”复选框。这样在进行绘制时形状会自动对齐像素网格不会形成发虚的像素。以及在绘制图标时尽量使用45角,这样的斜线是最清晰的。

  (3)使用图标网格。绘制图标时应随时使用48×48像素的图标网格作为绘制依据,它能有效帮助设计师掌握构图布局。图标网格将图标的绘制区域划分为若干份等大小的网格,并建立了关键线形状、绘制区(46像素)和禁绘区(2像素),让绘制图标更科学、准确和快速。

857112_2205_1650613740875397.jpeg

  ui图标设计

  绘制图标分为两种情况:一是规则的,可在46×46像素的图标网格区域绘制;二是不规则的,如异形的五角星它会有一些尖角在禁绘区内。

  需要注意的是,绘制图标并不是一味地要严格遵守图标网格去进行绘制,其实也要保持视差平衡。视差平衡是讲两个物体同样大的尺寸,但是其中的一个物体看起来明显要大于另一物体,此时需要将其中一物体进行缩小,在视觉上看起来平衡。

  (4)一致性。一致性指的是在设计型规则、圆角尺寸、线框粗细、样式、细节特征等,都需要统一,让图标的外观整体做到一致。

  ui图标设计有哪些?以上就是faceui给大家分享了关于ui图标设计知识,ui图标设计的时候是无法避免一些疑问和难题,大家只要用心的去做,遇到不懂的事情及时的请教,就可以顺利的完成ui设计。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开