当前位置: 首页 >文章 > 如何强化图标设计的品牌基因
收藏
分享

如何强化图标设计的品牌基因

举报黑马青年黑马青年发布于 2021-04-121198阅读2点赞
如何将品牌融入到产品设计中...

随着互联网产品的不断发展,产品设计越来越成熟多样,而同质化的设计也变得越来越严重。如何定制化设计拉开差异化是设计师不断探索的方向,而立足于品牌做设计也是其中的方向之一,基于品牌差异化形成产品特有的设计风格,是我们可以不断尝试和深入的方向。

那么如何将品牌融入到产品设计中呢?今天将和大家探索其中的一个方向,如何将品牌基因融入图标设计中。


分享目录

一、品牌基因提取方向

二、强化图标设计案例分析

三、小结



一 品牌基因提取方向

立足于品牌做设计是形成产品设计独特性、差异化和品牌性的关键,除了直接的品牌曝光以外,品牌基因的融入也是强化的重点方向。

而品牌基因的提取方向很多,比如品牌色、特征图形、局部表现、风格特征、留白空隙、性格特征、品牌形象(吉祥物)等等,归根结底主要的方向是颜色、图形、特征、风格、吉祥物等。


1.1 品牌色方向

品牌色方向的提取会分为直接运用和局部点缀,品牌色的大量运用可以起到提升品牌曝光度的作用。


1.2 图形提取

从 LOGO 图形中提取品牌基因图形是较为常见的手法,可以是一个局部的提取,也有可能是某个特征图形的连续发散。有时候 LOGO 图形中无法进行特征性提取,也有根据产品或者服务理念等方向进行特征图形的提炼。


1.3 品牌特征的提炼

除了具象的图形以外,也有基于品牌特征进行提炼,比如一个弧度的特征延续到图标设计的圆角表现中;一个空隙的提取,延续到图标的空隙处理上;一种风格特征的提炼,延续到图标设计风格的表现上。基于品牌 LOGO 图形的特征进行提炼,也是一种潜移默化的处理技巧,作为图标设计中的品牌基因融入也是一种不错的选择。


1.4 设计风格的提取

除了提取可见的图形和特征以外,提取品牌设计的风格特征也是一种途径,比如是圆润可爱的风格,还是商务科技的感觉。如果说图形特征的提取是造型可见化的视觉表现,那么设计风格的提取就是性格特征的内在表现。


1.5 品牌形象的结合

现在很多产品都会设计吉祥物作为品牌形象,可以拉进与用户之间的亲和力,将吉祥物提炼到图标设计中也是一种强化品牌感的形式。不仅可以突出图标设计的特征和提高品牌曝光度,也能让用户感觉设计更加亲和,接受度得到提升。

品牌基因的提取方向很多,这里只是列举了最为常见的方向,品牌的曝光需要“见缝插针”化的设计融入,只有立足于品牌进行设计探索,才能逐步形成产品的差异化设计。



二 强化图标设计案例分析

为了给大家详细的进行分析,选择了一些案例作为辅助进行分析,希望抛砖引玉,引导大家发现更多优秀的设计案例。


2.1 品牌色的提取强化曝光度

品牌的曝光度除了 LOGO 图形的出现频率以外,品牌色的出现频率也是较为常见的设计表达。直接提取品牌色作为图标设计配色不仅可以统一视觉表现风格,也是加强品牌曝光度的形式之一。


2.2 品牌色的点缀是设计的点睛之笔

在产品设计中对于一些功能性图标的处理,很多设计师会选择无彩色系进行表现,使得设计不会显得很花俏。有时候为了在保障统一性的前提下,使得画面不会显得过于“素”,也会选择使用品牌色来对图标设计进行点缀,这点睛之笔的表现不仅可以强化品牌感,也能让设计感更灵活。


2.3 LOGO 图形直接引用到图标设计

近些年很多产品都经常将 LOGO 图形直接用于图标使用,将 LOGO 图形替换到底部标签栏首页图标的位置来凸显品牌感,这是强化品牌曝光的硬性手法。


2.4 品牌形象提炼到图标设计中

如果产品或者品牌有自己的 IP 形象(吉祥物),可以将吉祥物提炼到图标设计中。比如吉祥物的造型轮廓、局部特征等进行提炼,结合到图标设计中效果也是很明显的,还能带给用户更强的亲和力。


2.5 图标设计结合品牌基因图形

从品牌 LOGO 图形中提炼基因图形用于图标设计中是较为理想的选择,也是设计师需要不断探索和研究的方向。这种基因图形也是辅助图形的一种形式,是品牌设计的环节之一。基因图形可以是 LOGO 的局部图形、轮廓特征、连续发散形成的重组图形等,需要我们细心观察 LOGO 图形,去发现很细小的局部表现并进行提炼。


2.6 局部特征的提炼运用

从 LOGO 图形中提炼出局部特征,这个特征图形不一定能形成辅助图形运用,但是也可以作为图标设计的一个方向进行延展。比如 LOGO 图形中的一个弧度,或者是一个点线面的元素等。


2.7 基于品牌风格延续图标设计

分析品牌 LOGO 设计的风格特征和性格特征,提炼出这种设计风格并延续运用到图标设计中,风格特征的统一也能形成图标设计的差异化表现。比如 LOGO 设计比较方正硬朗,图标设计也是延续一样的风格特征来进行设计,就像 29CM 的设计案例。


2.8 品牌名称结合图标设计

除了品牌设计中的图形提炼以外,也可以从品牌名称中提取词组首字母、网址、简写字母等元素作为图标设计的方向。比如早期版本的站酷(ZCOOL),就将 ZCOOL 字母作为底部标签栏图标设计的造型,五个功能模板和五个字母刚好契合,也是一种突出品牌特征的表现形式。


2.9 品牌名称直接替换图标位置

除了将品牌名称提炼出来作为图标设计的元素使用,也有产品直接将品牌名称作为图标的位置来体现功能模块,这样的处理形式比较适合名称为字母或者数字的形式。比如 MONO 的底部标签栏图标,直接提取 LOGO 上面的 4 个字母(M、O、N、O),将其作为图标来体现功能模块。


2.10 品牌形象局部特征提炼

品牌形象结合到图标设计中是比较常见的形式,除了直接运用吉祥物造型以外,也可以提炼形象局部特征。比如飞猪旅行除了将吉祥物形象作为“首页”点击状态的图标使用,也将形象右上角的特征部位提取出来,结合到“首页”和“我的”两个功能模块的默认图标设计中。


2.11 提取品牌图形外轮廓

除了提取品牌图形特征以外,也可以提取图形轮廓作为图标延展设计的特定造型,也能将品牌感融入到整体设计中。例如 Google Play,提取出三角形后,整套图标都以三角形作为外轮廓来进行设计。


2.12 提取品牌风格特征

如果没有特征性的图形提炼,也可以考虑提取品牌的风格特征作为图标设计的风格。比如宝宝巴士旗下的一些产品图标设计,便是提取 LOGO 圆润的风格特征。

随着互联网设计的不断成熟,很多优秀的设计案例都立足于品牌进行深入探索,这里只是列举的一些应用方向。希望大家可以加强产品体验和分析总结,掌握优秀案例的轨迹,并应用到更多的设计场景中。



三 小结

基于品牌为起点去思考设计深入的方向,提高产品设计中品牌的曝光度,体现定制化设计的差异,是我们不断探索和研究的方向。掌握从品牌设计中提炼特征性图形元素,作用于设计延展中,需要提高这方面的意识和观察能力。

品牌基因在图标设计中的运用只是其中的一个方向,以此为抛砖引玉,为大家打开一个分析的突破口。希望可以对大家有所启发,延展并应用到更多的设计细分领域中。


作者:黑马青年

声明:本文内容及言论仅代表其作者之意,
并不反映任何黑马家族之意见及观点




本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:黑马家族!



0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天64人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证