图标设计尺寸:万字长文 终极图标设计指南
图标设计尺寸:万字长文 终极图标设计指南线性图标的线条比较微妙尤其是形状边缘时更容易被识别到,面性的特征就会被忽略掉。通常设计拿到需求时,首先考虑的是图标的识别效率,毕竟图标最重要的作用是快速传递信息。从视觉上来说,线性给人的感觉是较为轻量、简约。面性给人的视觉重量最重,通过面积、色彩、质感等相对于线性图标具备更强的视觉信息层级,更具引导性。线面结合的方式相较于前两者,样式表现会更为丰富,形式感最强。但由于图标内元素增多,如果运用不得当,很容易显得杂乱。
五、如何选择线性还是面性基础功能图标是应用程序或网站使用最频繁的图标。主要作用是替代或者辅助文字来引导用户。
表现形式也比较简单无非三种:线性图标、面性图标、线面结合。那么我们在工作中如何正确选择使用呢?
线性图标顾名思义用线条来表现绘制。面性图标也就是一个物体的剪影,用块来表现语义。
二者的表现形式却有很多种,同色的、渐变色的、叠加的、断线等。在点线面基础三元素中,从面积大小角度考虑,点最小,面最大。
从视觉上来说,线性给人的感觉是较为轻量、简约。
面性给人的视觉重量最重,通过面积、色彩、质感等相对于线性图标具备更强的视觉信息层级,更具引导性。
线面结合的方式相较于前两者,样式表现会更为丰富,形式感最强。但由于图标内元素增多,如果运用不得当,很容易显得杂乱。
通常设计拿到需求时,首先考虑的是图标的识别效率,毕竟图标最重要的作用是快速传递信息。
线性图标的线条比较微妙尤其是形状边缘时更容易被识别到,面性的特征就会被忽略掉。
综上所述,具体如何使用,需要了解图标的实际作用是什么,然后做出选择。市面上的应用大多是用线性用在功能图表为主,面性用在功能区,吸引用户点击。线面结合用的比较少。
六、如何准确运用图标1. 面性图标的运用
面性图标视觉表现力强,有效的强调页面的视觉重心,能更好的突出主要业务重心,所以常用在首页做为主要流量分发。很多产品在节日或活动中,常常改变面性图标来营造气氛。
面性图标不建议在列表中大量使用,原因是形式与功能之间的关系,面性图标的特点是视觉表现力强,不具备高效的识别性,对于功能分类的列表页面,视觉重点是功能的名称,图标的作用是辅助文字表达,需要快速无差别识别功能,并不需要高效引导的作用。
2. 面性与异形图标的运用
面性图标的第一视觉是一个色块,异形图标第一视觉是个形状,所以面性图标视觉表现力强,异形图标识别效率高。
通过二者的这一特征,于是做了这样的设计。第一排的面性图标都是用户的高频使用的业务板块,视觉上强引导为用户优先做出选择,这就是一种高级的设计手法!
3. 用图标区别视觉层级、业务板块
下图为京东的个人中心页面嘛,图标有主有次,有视觉层级,强化用户常用的或者产品主推的业务,为用户做选择。