ui设计中每一部分都是很重要的,特别是图标,这也是指引用户的操作流程,如果设计的不好的话,会影响到用户的体验,那么怎么做好ui图标设计?今天就让faceui来给大家详解一下ui图标设计原则。
ui图标设计原则有哪些
一、应用型图标设计原则
(1)可识别性。识别性是图标设计的重要一点,这个设计是能够通过图标准确地表达出所代表的隐喻,可以让用户在最快的时间第一眼识别出它所代表的含义,从中获得相关信息。
(2)差异性。在设计图标时,一定要突出产品核心功能的同时表现出差异性,这样做也是避免了同质化,争取给用户留下深刻的印象。
ui图标设计
(3)使用栅格线。在设计图标时,使用了栅格线作为设计依据,这样就可以让图标与系统能够达到和谐统一,更好地彼此匹配。
二、功能型图标设计原则
(1)
表意准确。功能型图标设计的首要原则就是可以准确的表明意思,要让用户看到一个图标的时候,在第一时间理解它所代表含义。
(2)轮廓清晰。轮廓清晰是指形状边缘棱角分明,没有发虛的像素。在 Photoshop软件中,设置常规选项中选择“将矢量工具和像素网格对齐”复选框。这样在进行绘制时形状会自动对齐像素网格不会形成发虚的像素。以及在绘制图标时尽量使用45角,这样的斜线是最清晰的。
(3)使用图标网格。绘制图标时应随时使用48×48像素的图标网格作为绘制依据,它能有效帮助设计师掌握构图布局。图标网格将图标的绘制区域划分为若干份等大小的网格,并建立了关键线形状、绘制区(46像素)和禁绘区(2像素),让绘制图标更科学、准确和快速。
ui图标设计
绘制图标分为两种情况:一是规则的,可在46×46像素的图标网格区域绘制;二是不规则的,如异形的五角星它会有一些尖角在禁绘区内。
需要注意的是,绘制图标并不是一味地要严格遵守图标网格去进行绘制,其实也要保持视差平衡。视差平衡是讲两个物体同样大的尺寸,但是其中的一个物体看起来明显要大于另一物体,此时需要将其中一物体进行缩小,在视觉上看起来平衡。
(4)一致性。一致性指的是在设计型规则、圆角尺寸、线框粗细、样式、细节特征等,都需要统一,让图标的外观整体做到一致。
ui图标设计有哪些?以上就是faceui给大家分享了关于ui图标设计知识,ui图标设计的时候是无法避免一些疑问和难题,大家只要用心的去做,遇到不懂的事情及时的请教,就可以顺利的完成ui设计。