恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何强化图标设计的品牌基因
105.5°
原创文章 / 经验/观点 / / 举报
19155 262 287 11

2021-04-12

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

 

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


 

 

 

分享目录


一、品牌基因提取方向

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

三、小结

 

 

 

一、品牌基因提取方向


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

 

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


 

 

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 圆润的风格特征。


 

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

 

 

 

三、小结


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

 

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

 


作者:黑马青年(vx: heimaux)

本文由 @黑马青年 原创发布。未经许可,禁止转载。

Powered by Froala Editor

微信公众号:黑马家族

黑马青年

设计交流微信:heimaux

  • 77

    作品

  • 2.1w

    粉丝

  • 134

    关注

  • 10 个底部标签栏设计技巧
  • 这个简单的界面我是这样进行修改的
  • 感官体验日记之手势交互-第3期
  • UIUE设计作品精选 | 黑马家族 ④

猜你喜欢

    黑马青年

    黑马青年

    设计交流微信:heimaux

    2016年度最佳作品集TOP10得主2017年度最佳作品集TOP10得主国民爱豆首页霸主2016年度最佳作品集TOP50得主
    • 2.1w

      粉丝

    • 2359.6

      人气

    • 7.2w

      颜值

    作品

      最新推荐

      如何去做好响应式设计?

      104 1 0

      相关佳作
      换一换

        黑马青年

        点赞:287

        收藏:262

        评论:11

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

        你确定要举报如何强化图标设计的品牌基因

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年04月12日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验