下图(右)通过高度对比的颜色,突出部分细节,而且更让图标具有层次感。
3.点线面混搭
icon设计大可不必拘泥于单纯的线性,或平面。不仅可以线面结合,还可以加入渐变,投影等各种效果。但是要把握好度,不要一味追求形式而忽略的icon的识别度和使用场景。
4.赋予小图标以动态趋势
如下图,适当微调了四肢的外轮廓就让原本比较呆板的小人拥有个动态趋势,更富细节、也更有趣了。
5.使用一些特殊的、有趣表现形式
比如,你可以让所有的图标都是一笔画出来的。
也可以采用特别的形状作为基本元素。
线条略向外膨胀或采用大圆角,可作出圆滚滚的可爱风。
可以尝试的思路或风格远不止上面提到的这些,更多可能还等待你去发掘。
五、将品牌基因融入小图标设计的几种方法
互联网产品同质化也相当严重,品牌塑造,品牌调性,品牌宣传,品牌的价值越来越被看重。作为一款产品中出镜率相当高的图标,也可以成为品宣的一部分。
比如将图标和产品 logo 结合,增加品牌曝光率;或者通过图标调性传达产品调性,在用户心智中塑造产品独有的特点。给小图标注入品牌基因关键是品牌特征的提取,其次则是对品牌特征的灵活运用,而对品牌特征的运用程度把控是使整个图标协调的重点。下面举几种常见的例子:
1.提取特定形状
通过 对logo 或品牌元素提取特定形状,这个形状是固定的、具象的,例如圆形,三角形、甚至是logo本身等等。
2.吸取品牌色
这招是最简单直接的方法,直接吸取品牌色作为视觉基因,以此来进行图标设计。
3.抓取品牌风格特点
遵循logo或品牌风格,从中抓取其中一两个比较显著的特点,合理运用都小icon的设计中。例如网易云音乐的图标,是抓取logo上圆润的风格特点;小密圈则是抓取断线的风格特点。
从 iwork 的 logo 中,我们提取出两个特点:"断" 是指整个 logo 有刻意断开的地方;"层" 是指 logo 有不同的透明度,形成前后关系。而右侧一组小图标就是根据这两点设计的。
4.从品牌中提炼基本元素
通过对 logo 或品牌元素提炼出特定形状或基本元素,合理运用到小 icon 的设计中。
举个例子:仔细观察,你会发现其实整个 logo 的每一笔开头都有一个共同的特征,如下图,而这个共同的特征就是我们要找的品牌基因。经过提炼我们可以得到我们要的基本元素:一个特别的矩形(三个小圆角,一个大圆角),然后可以围绕它延展出一整套小 icon。
再举个例子:天气图标很常见,但做得有特点就很难了。如果我从原品牌图标上提取了一个基因符号:"花瓣"。怎么把花瓣元素和天气图标完美结合?下图就给出了不错的解决方案。
六、精确控制以上诸多标准,合理利用各种方法
以上提到的各个标准并不是必要充分条件,要合理控制,平衡好他们的关系:
有些时候 "识别性" 与 "统一性" 之间的矛盾也是无法调和的,我们应该回到设计目标本身,权衡是"识别性"更重要,还是 "统一性" 更重要;
对比,层次,节奏感,同时全部做到似乎很难,时刻背负着这些标准去做设计只能让你在设计时畏手畏脚,无从下手,不如多在练习中寻找感觉;
不要盲目追求品牌感或特殊性,也并非所有涉及需求都需要你做到这些,要根据实际项目而定,有时的确是需要你设计出一套没有个性,易识别的小图标。
小图标毕竟展示面积有限,还确保造型简约,不宜杂糅太多手法;但不要局限在这些方法里,要勇于去做一些新尝试。
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/
飞特游客
委托设计