服务热线:
18971120504
图文展示
衍果视觉设计培训学校

UI图标设计技巧和设计原则有哪些?

图标设计原则是指做设计时要遵守的必要准则。在进行图标设计时,设计原则可以帮助设计师快速地进行设计定位。下面对应用型图标设计原则和功能型图标设计原则进行详细讲解。


UI图标设计技巧和设计原则有哪些?


应用型图标设计原则

①可识别性。识别性是图标设计的首要原则,是指设计的图标能准确地表达出所代表的隐喻,能让用户第一眼识别出它所代表的含义,从中获得相关信息。


UI图标设计技巧和设计原则有哪些?


②差异性。设计图标时,必须在突出产品核心功能的同时表现出差异性,避免同质化,力求给用户留下深刻的印象。




③使用栅格线。在设计图标时,使用栅格线作为设计依据,可让图标与系统保持和谐统一,更好地彼此匹配。


UI图标设计技巧和设计原则有哪些?


功能型图标设计原则

①表意准确。功能型图标设计的第一原则是表意准确,要让用户看到一个图标的第一时间理解它所代表含义。功能型图标在应用界面起到指示、提醒、概括和表述的作用。


UI图标设计技巧和设计原则有哪些?


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


UI图标设计技巧和设计原则有哪些?


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


UI图标设计技巧和设计原则有哪些?


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


UI图标设计技巧和设计原则有哪些?


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


UI图标设计技巧和设计原则有哪些?


④一致性。致性指的是造型规则、圆角尺寸、线框粗细、样式、细节特征等的统一,让图标的外观整体一致。


UI图标设计技巧和设计原则有哪些?



联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504