UI设计之ICON设计的地位以及设计方法总结
这个夏天,被人提起最多的是什么?
C位!!!
创造101的小姐姐们经历100多个日夜的艰苦训练,而在激烈的竞争中胜出的11位小姐姐,最终组成全新的偶像团体---火箭少女101,话题一直高居不下。

还有呢???
C罗!!!

四年一度的世界杯,现在正在俄罗斯如火如荼的进行着,全世界的球迷都进入疯狂模式。仿佛昨日还在惊叹着卫冕冠军德国止步小组赛。而今天也是踢出了更劲爆的一场比赛,C罗已第四次出征世界杯,此前媒体还在报道C罗将以完美的姿态结束世界杯的征程。而就在昨天晚上的比赛中,C罗所在的葡萄牙队,也意外失利提前退出了世界杯的赛场,引得一众球迷唏嘘不已。C罗也当之无愧的成为了世界杯的C位选手。
那么在UI设计中,C位又当属谁?
小编要说,毫无疑问的,当属ICON专有。

上面四张截图,都是现在使用率最高的几款APP的首页截图,可以看出来,ICON的整体页面中所占的比重是相当之大的。
所以ICON在UI设计中,被当之无愧的选为C位元素。那这么重要的组成部分,在设计过程中有哪些值得注意的问题呢?
小编梳理了ICON设计的4个大原则:
1)ICON是否准确传达文字所包含的信息;
2)ICON是否与品牌形象相符;
3)ICON表现手法的选用;
3)ICON的一致性。
下面将分别说明各个大方向的要点。
1)ICON是否准确传达文字所包含的信息;

观察(图一)能发现,即使是纯英文的页面,还是能大致了解页面中各个内容所呈现的信息。
而(图二)中,就需要认真阅读ICON的配字,才能理解。
综上,内容决定形式,ICON的最终的形态需由页面中的所承载的具体内容来决定。并确保在最终的输出方案中,ICON能被用户快速识别。
2)ICON是否与品牌形象相符;
每个产品都会有想要传递给用户的产品灵魂。或庄严肃穆,或严谨可靠,或活力十足,或爱心满满... ... 不管是哪种,在品牌的VI中都会有相应的体现。
那在UI设计的ICON设计中,又可以通过哪些表现形式来体现与品牌关联呢?

网易考拉海购,在最新一次的品牌升级中,将logo的元素简化成了由几个圆组成考拉的简化形象。对整体的ICON设计也做出了相应的调整,并同步应用到线上的APPUI设计中中,截图中可以看出,新的ICON设计,都是以近乎圆的形式呈现。整体与品牌形象所传递的理念相一致。
3)ICON表现手法的选用;
分别是:线性图标、面性图标、线面结合图标、扁平化图标和轻拟物图标。

如上图所示,再此就不再深入的废话了!
4)ICON的一致性。
ICON的一致性包含,页面中各个元素之间的统一,页面与页面之间的统一,APP端与H5端以及网页端跨平台的统一。
当然以上描述的统一,并不是绝对的统一,而是同一功能模块所处在不同的页面中,需要保持表现形式与风格的统一。
现在的APP由于集合了多个产品频道集合在一个APP中,这种情况,为了体现产品的差异性,就需要设计师跟据各个频道的定位,设计出符合产品气质的UI以及相应的ICON。
ICON设计作为UI设计的重要组成部分,需要设计师投入较多的精力,才能设计出符合既品牌形象,又能准确传达文字的表在信息以及内在含义。
那么如何快速的产出一套这样的ICON呢?
今天的重点来啦!!!
欢迎访问彩虹创意www.51chcy.com,成套的ICON源文件任你下载。助你快速产出高质量的UI设计方案!
除了ICON以外,彩虹创意还囊括平面海报设计,名片设计,各类样机素材,海量的高质量PPT模板,UI设计源文件以及周边的设计素材,欢迎访问收藏!
还在等什么,快来戳我吧!
欢迎访问彩虹创意www.51chcy.com !!