【学UI设计】零基础学习UI图标设计原则图标设计原则是指做设计时要遵守的必要准则。在进行图标设计时,设计原则可以帮助设计师快速地进行设计定位。下面对应用型图标设计原则和功能型图标设计原则进行详细讲解。
①可识别性。识别性是图标设计的首要原则,是指设计的图标能准确地表达出所代表的隐喻,能让用户第一眼识别出它所代表的含义,从中获得相关信息。
②差异性。在设计图标时,必须在突出产品核心功能的同时表现出差异性,避免同质化,力求给用户留下深刻的印象。
③使用栅格线。在设计图标时,使用栅格线作为设计依据,可让图标与系统保持和谐统一,更好地彼此匹配。
①表意准确。功能型图标设计的第一原则是表意准确,要让用户看到一个图标的第一时间理解它所代表含义。功能型图标在应用界面起到指示、提醒、概括和表述的作用。
②轮廓清晰。轮廓清晰是指形状边缘棱角分明,没有发虛的像素。在 Photoshop软件中,设置常规选项中选择“将矢量工具和像素网格对齐”复选框。这样在进行绘制时形状会自动对齐像素网格不会形成发虚的像素。以及在绘制图标时尽量使用45角,这样的斜线是最清晰的。 http://www.yanguosheji.com/h-col-105.html
③使用图标网格。绘制图标时应随时使用48×48像素的图标网格作为绘制依据,它能有效帮助设计师掌握构图布局。图标网格将图标的绘制区域划分为若干份等大小的网格,并建立了关键线形状、绘制区(46像素)和禁绘区(2像素),让绘制图标更科学、准确和快速。
绘制图标分为两种情况:一是规则的,可在46×46像素的图标网格区域绘制;二是不规则的,如异形的五角星它会有一些尖角在禁绘区内。
需要注意的是,绘制图标并不是一味地要严格遵守图标网格去进行绘制,其实也要保持视差平衡。视差平衡是讲两个物体同样大的尺寸,但是其中的一个物体看起来明显要大于另一物体,此时需要将其中一物体进行缩小,在视觉上看起来平衡。
④一致性。致性指的是造型规则、圆角尺寸、线框粗细、样式、细节特征等的统一,让图标的外观整体一致。
文章分类:
新闻动态
|