随着互联网产品的不断发展,产品设计越来越成熟多样,而同质化的设计也变得越来越严重。如何定制化设计拉开差异化是设计师不断探索的方向,而立足于品牌做设计也是其中的方向之一,基于品牌差异化形成产品特有的设计风格,是我们可以不断尝试和深入的方向。
那么如何将品牌融入到产品设计中呢?今天将和大家探索其中的一个方向,如何将品牌基因融入图标设计中。
分享目录
- 品牌基因提取方向
- 强化图标设计案例分析
- 小结
立足于品牌做设计是形成产品设计独特性、差异化和品牌性的关键,除了直接的品牌曝光以外,品牌基因的融入也是强化的重点方向。
而品牌基因的提取方向很多,比如品牌色、特征图形、局部表现、风格特征、留白空隙、性格特征、品牌形象(吉祥物)等等,归根结底主要的方向是颜色、图形、特征、风格、吉祥物等。
1. 品牌色方向
品牌色方向的提取会分为直接运用和局部点缀,品牌色的大量运用可以起到提升品牌曝光度的作用。
2. 图形提取
从 LOGO 图形中提取品牌基因图形是较为常见的手法,可以是一个局部的提取,也有可能是某个特征图形的连续发散。有时候 LOGO 图形中无法进行特征性提取,也有根据产品或者服务理念等方向进行特征图形的提炼。
3. 品牌特征的提炼
除了具象的图形以外,也有基于品牌特征进行提炼,比如一个弧度的特征延续到图标设计的圆角表现中;一个空隙的提取,延续到图标的空隙处理上;一种风格特征的提炼,延续到图标设计风格的表现上。基于品牌 LOGO 图形的特征进行提炼,也是一种潜移默化的处理技巧,作为图标设计中的品牌基因融入也是一种不错的选择。
4. 设计风格的提取
除了提取可见的图形和特征以外,提取品牌设计的风格特征也是一种途径,比如是圆润可爱的风格,还是商务科技的感觉。如果说图形特征的提取是造型可见化的视觉表现,那么设计风格的提取就是性格特征的内在表现。
5. 品牌形象的结合
现在很多产品都会设计吉祥物作为品牌形象,可以拉进与用户之间的亲和力,将吉祥物提炼到图标设计中也是一种强化品牌感的形式。不仅可以突出图标设计的特征和提高品牌曝光度,也能让用户感觉设计更加亲和,接受度得到提升。
品牌基因的提取方向很多,这里只是列举了最为常见的方向,品牌的曝光需要“见缝插针”化的设计融入,只有立足于品牌进行设计探索,才能逐步形成产品的差异化设计。
为了给大家详细的进行分析,选择了一些案例作为辅助进行分析,希望抛砖引玉,引导大家发现更多优秀的设计案例。
1. 品牌色的提取强化曝光度
品牌的曝光度除了 LOGO 图形的出现频率以外,品牌色的出现频率也是较为常见的设计表达。直接提取品牌色作为图标设计配色不仅可以统一视觉表现风格,也是加强品牌曝光度的形式之一。
2. 品牌色的点缀是设计的点睛之笔
在产品设计中对于一些功能性图标的处理,很多设计师会选择无彩色系进行表现,使得设计不会显得很花俏。有时候为了在保障统一性的前提下,使得画面不会显得过于“素”,也会选择使用品牌色来对图标设计进行点缀,这点睛之笔的表现不仅可以强化品牌感,也能让设计感更灵活。
3. LOGO 图形直接引用到图标设计
近些年很多产品都经常将 LOGO 图形直接用于图标使用,将 LOGO 图形替换到底部标签栏首页图标的位置来凸显品牌感,这是强化品牌曝光的硬性手法。
4. 品牌形象提炼到图标设计中
如果产品或者品牌有自己的 IP 形象(吉祥物),可以将吉祥物提炼到图标设计中。比如吉祥物的造型轮廓、局部特征等进行提炼,结合到图标设计中效果也是很明显的,还能带给用户更强的亲和力。
5. 图标设计结合品牌基因图形
从品牌 LOGO 图形中提炼基因图形用于图标设计中是较为理想的选择,也是设计师需要不断探索和研究的方向。这种基因图形也是辅助图形的一种形式,是品牌设计的环节之一。基因图形可以是 LOGO 的局部图形、轮廓特征、连续发散形成的重组图形等,需要我们细心观察 LOGO 图形,去发现很细小的局部表现并进行提炼。
6. 局部特征的提炼运用
从 LOGO 图形中提炼出局部特征,这个特征图形不一定能形成辅助图形运用,但是也可以作为图标设计的一个方向进行延展。比如 LOGO 图形中的一个弧度,或者是一个点线面的元素等。
7. 基于品牌风格延续图标设计
分析品牌 LOGO 设计的风格特征和性格特征,提炼出这种设计风格并延续运用到图标设计中,风格特征的统一也能形成图标设计的差异化表现。比如 LOGO 设计比较方正硬朗,图标设计也是延续一样的风格特征来进行设计,就像 29CM 的设计案例。
8. 品牌名称结合图标设计
除了品牌设计中的图形提炼以外,也可以从品牌名称中提取词组首字母、网址、简写字母等元素作为图标设计的方向。
9. 品牌名称直接替换图标位置
除了将品牌名称提炼出来作为图标设计的元素使用,也有产品直接将品牌名称作为图标的位置来体现功能模块,这样的处理形式比较适合名称为字母或者数字的形式。比如 MONO 的底部标签栏图标,直接提取 LOGO 上面的 4 个字母(M、O、N、O),将其作为图标来体现功能模块。
10. 品牌形象局部特征提炼
品牌形象结合到图标设计中是比较常见的形式,除了直接运用吉祥物造型以外,也可以提炼形象局部特征。比如飞猪旅行除了将吉祥物形象作为“首页”点击状态的图标使用,也将形象右上角的特征部位提取出来,结合到“首页”和“我的”两个功能模块的默认图标设计中。
11. 提取品牌图形外轮廓
除了提取品牌图形特征以外,也可以提取图形轮廓作为图标延展设计的特定造型,也能将品牌感融入到整体设计中。例如 Google Play,提取出三角形后,整套图标都以三角形作为外轮廓来进行设计。
12. 提取品牌风格特征
如果没有特征性的图形提炼,也可以考虑提取品牌的风格特征作为图标设计的风格。比如宝宝巴士旗下的一些产品图标设计,便是提取 LOGO 圆润的风格特征。
随着互联网设计的不断成熟,很多优秀的设计案例都立足于品牌进行深入探索,这里只是列举的一些应用方向。希望大家可以加强产品体验和分析总结,掌握优秀案例的轨迹,并应用到更多的设计场景中。
基于品牌为起点去思考设计深入的方向,提高产品设计中品牌的曝光度,体现定制化设计的差异,是我们不断探索和研究的方向。掌握从品牌设计中提炼特征性图形元素,作用于设计延展中,需要提高这方面的意识和观察能力。
品牌基因在图标设计中的运用只是其中的一个方向,以此为抛砖引玉,为大家打开一个分析的突破口。希望可以对大家有所启发,延展并应用到更多的设计细分领域中。
用品牌基因法,三步帮你搞定图标设计!
@Jenny黄静雯 :相信很多同学会有,看理论的时候觉得很有道理,看完后却不知该怎么实践,久而久之便会产生「看过很多设计理论,却仍做不好设计」的困惑。今天静雯就来带你从理论到实践,用菜心设计铺的《用品牌基因法做图标设计,这是高级UI设计师才会的手法!
阅读文章 >>
用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇)
@菜心设计铺 :菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!
如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下:
《用品牌基因法做图标设计,这是高级UI设计师才会的手法》
《用品牌基因法做图标设计,高级UI设计师才会的手法!
阅读文章 >>
用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)
图标设计如何具有品牌性?这可能是设计师工作中经常会遇到的问题。
阅读文章 >>
欢迎关注作者的微信公众号:「黑马家族」