相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

设计好小图标六大法则

天堂鸟发布于:2019-10-8 17:05 |原作者: 葫芦兄弟loyal|
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 1.识别性:表意准确清晰,识别率高,不易造成误解;

2.可视性:保持设计的简单、现代、友好,在特定显示面积和显示环境下清晰可辨;

3.一致性:一套统一的设计语言、一致的细节处理;

4.设计感:造型、比例考究,有对比、有节奏感;

5.品牌感:将品牌基因注入到小图标的设计 ...


下图(右)通过高度对比的颜色,突出部分细节,而且更让图标具有层次感。

设计好小图标六大法则 飞特网 设计理论

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/

123
16

好评
17

差评

刚表态过的朋友 (33 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计