火星网校
大厂APP界面如何露出品牌基因？
前段时间在交互设计圈有个讨论度非常高的话题：“如何在界面设计中融入品牌基因”，讨论区有几个点赞量非常高的回答：
1、图形、图标融入品牌LOGO元素
2、突出品牌色调
3、设计IP，加深具象映射
以上每一条回答都可以做一次深入的界面设计分析，今天我们就来重点讲讲：
如何将品牌LOGO元素融入界面的图形与图标设计中
先来看看大厂是怎么做的吧~
1、 饿了么
2、站酷
3、网易云音乐
4、大众点评
5、哔哩哔哩
相信大家通过LOGO与界面共通元素的对比很快能发现，在界面设计中有个显眼又直白的地方既可以融入品牌基因，又不影响功能操作的区域，那就是标签导航。
我们可以发现，这些大厂app，不约而同地在标签导航的位置（尤其是首页导航和个人中心导航的位置）加入了品牌logo的图形样式，这样我们就可以在只看界面的情况下，依旧非常明确快速地识别出当前app是哪个品牌出品，潜移默化地让用户接收图形映射，加深品牌印象。
那我们自己在做项目的时候，如何在标签导航中加入品牌logo的图形化映射呢，接着带领大家进行实例演示。
下图是一个甲方委托我绘制的APP启动图标，主营美食行业，要求在界面中也加入品牌基因，让人一眼看出与别的APP不同。
甲方的界面下方有五个标签导航，分别是“首页”、“分类”、“喜欢”、“订单”、“我的”功能界面，而提到这几个功能，我相信你的脑海中一定会浮现以下这几个图标。
这些图标的设计都没有问题，作为将功能属性图形化的设计角度出发来说非常正确，但是使用它们会让你的标签非常平庸无趣以及过于同质化，想要突出品牌基因，不妨将品牌元素拆分出来，再加入功能展示中，突显个性，创造品牌独立性。
比如我们可以先将LOGO进行元素拆解
然后将这些元素在保留图标功能辨识度的前提下，加入到图标设计中，替换掉一些轮廓与装饰的部分。
之后你就会得到非常具有品牌个性化设计感的标签导航图标
好哒，今天的教程和分析就到这里啦，快试试在你的标签图标中融入品牌基因的个性化设计吧！
来源：视觉半径公众号
作者：刘雯雯
上一篇 PS制作动效海报设计
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
3.精通材质贴图软件；精通各主流渲染器的设置；对主流引擎有一定了解并能还原美术效果6.简历内请附带作品资深角色模型师（CG向）......
-
鹿角部分我是通过在ZBrush中创建圆柱体，然后使用蛇形笔刷（SnakeHook）配合动态笔刷模式，把鹿角的大型制作出来期间对......
-
是的，常年被抢、上来缺口按几十个人算的，一定有角色动画专业！下面这家地处北京的制作公司表示，他们现在的主要业务是制作动画短剧、......
-
一样是入学时底子薄弱、但通过火星6个月课程学习获得较大提升，并顺利入职行业名企的学员案例这个专业的全称是“影视游戏3D模型大师......
-
全球年收入超10亿美刀的小程序游戏，正在疯狂招聘！附火星匹配专业
这里为大家整理了一组点点互动10月岗公开的热招岗位清单，主要是美术岗和技术岗，分校招和社招两组，感兴趣的同学可以尝试投递社招·......
-
上班啦！上班啦！又是替同学开心的一天！这位同学因为大学还没有正式毕业，所以目前是以实习生身份入职腾娱！等拿到大学毕业证的时候，......
