03 收藏图标设计
收藏图标也称喜欢图标,是用户在浏览信息的过程中喜欢或希望收藏某信息时需要点击使用的图标。
视频演示
◎ 元素提炼
通常来说,用户点击收藏图标,则表示该用户喜欢这个内容,或者认为这个内容有用,需要保留下来以供下次使用。这里所说的内容大部分是指视频、图片及文字等,当然也包括各类模板、应用软件及网址等。收藏图标多以心形为基础,然后做一些不同的变化,主要表达心动、喜欢及爱好等语义。
◎ 结构分析
心形的结构一般为左右对称样式,上半部分类似两个半圆,下半部分类似一个三角形。在设计时,我们需要在这一简单的形状基础上进行再设计,在保证心形形态不缺失的同时,体现出该有的简约感。
◎ 设计思路
在心形内部的右下方增加一段风格化虚线,以配合整体风格。之所以在心形的右下方添加风格化虚线,而不是直接把心形右下方的轮廓线换成风格化虚线,是因为这样处理可以使扁平的图标更有立体感,同时让其细节更丰富。对于线描图标来说,线条的处理特别重要。线条在线描图标中的作用绝非只是表达外形轮廓,其在增强质感、立体感和确定风格上也起着比较重要的作用。
◎ 绘制过程
01 确定中轴线的位置,然后标出心形图案上半部分两个半圆(两个共同的切线为中轴线的圆)的定位点。
02 根据定位点画出图标上半部分的两个半圆。
03 将心形的下半部分补齐,在心形内部右下方补一段风格化虚线,完成图标的绘制。
提示
针对左右对称和上下对称的图形的绘制,一定要先找到中轴线,然后从上到下、从左至右地确定各个部分的位置和大小。
思维拓展:线描图标的细节表现通常有哪些
除了将对称改为不对称的设计形式,线描图标还有很多可采用的设计技巧。这些技巧可以在已经拥有基本形态之后进行尝试,以增强图标的设计感,多用于线条的表现和处理。
放大或缩小:将一部分形状放大,或者将形状外轮廓的一部分向内缩。
切断或折断:将一条线在某处断成两条。
删除:去掉一部分图形或线条,或者去掉一些不必要的细节,又或者去掉复杂的部分。
倾斜:将一条或多条线以同一角度或不同角度进行移动。
重复:将线条或形状进行复制,并重复使用,或者将两个或多个类似的部分设计成同样的形态。
点:在整个图形或一条线中增加点的使用,或者将一些小的元素部分用点表示。
添加:加一些形状或线条,增加细节,改变图标的节奏或风格,或者给扁平的图标增加结构线、高光线或阴影线。
风格化虚线:把实线、结构线或轮廓线变成风格化虚线。
改变线条的粗细:这一技巧在手绘线描图标中应用得不多,而在Photoshop绘制时应用较多,主要表现为使用粗线条绘制轮廓,使用细线条绘制细节和风格化虚线。
改变形状:将圆形改成方形或椭圆形,将方形改成三角形或菱形。将不规则图形变成规则图形,或者将复杂图形变成简单图形,或者将弧线变成波浪线,又或者将波浪线变成直线。
透视:将平面的图形进行一定角度的透视处理,或者将透视的图形变成平面的。
对称性:将对称的图形改为不对称,或者将不对称的图形变成对称图形。
以上说到的这些技巧可以单独使用,也可以结合使用。同时,关于线描图标的设计技巧和方式还有很多,但这里篇幅有限,只是介绍了一些主要的,在日常设计中大家可以多加琢磨和尝试。