前段时间在交互设计圈有个讨论度非常高的话题:“如何在界面设计中融入品牌基因”,讨论区有几个点赞量非常高的回答:
1、图形、图标融入品牌LOGO元素
2、突出品牌色调
3、设计IP,加深具象映射
以上每一条回答都可以做一次深入的界面设计分析,今天我们就来重点讲讲:
如何将品牌LOGO元素融入界面的图形与图标设计中
先来看看大厂是怎么做的吧~
1、 饿了么
2、站酷
3、网易云音乐
4、大众点评
5、哔哩哔哩
相信大家通过LOGO与界面共通元素的对比很快能发现,在界面设计中有个显眼又直白的地方既可以融入品牌基因,又不影响功能操作的区域,那就是标签导航。
我们可以发现,这些大厂app,不约而同地在标签导航的位置(尤其是首页导航和个人中心导航的位置)加入了品牌logo的图形样式,这样我们就可以在只看界面的情况下,依旧非常明确快速地识别出当前app是哪个品牌出品,潜移默化地让用户接收图形映射,加深品牌印象。
那我们自己在做项目的时候,如何在标签导航中加入品牌logo的图形化映射呢,接着带领大家进行实例演示。
下图是一个甲方委托我绘制的APP启动图标,主营美食行业,要求在界面中也加入品牌基因,让人一眼看出与别的APP不同。
甲方的界面下方有五个标签导航,分别是“首页”、“分类”、“喜欢”、“订单”、“我的”功能界面,而提到这几个功能,我相信你的脑海中一定会浮现以下这几个图标。
这些图标的设计都没有问题,作为将功能属性图形化的设计角度出发来说非常正确,但是使用它们会让你的标签非常平庸无趣以及过于同质化,想要突出品牌基因,不妨将品牌元素拆分出来,再加入功能展示中,突显个性,创造品牌独立性。
比如我们可以先将LOGO进行元素拆解
然后将这些元素在保留图标功能辨识度的前提下,加入到图标设计中,替换掉一些轮廓与装饰的部分。
之后你就会得到非常具有品牌个性化设计感的标签导航图标
好哒,今天的教程和分析就到这里啦,快试试在你的标签图标中融入品牌基因的个性化设计吧!
来源:视觉半径公众号
作者:刘雯雯
上一篇 PS制作动效海报设计
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答腾讯游戏美术春招已经启动啦!25、26、27、28届均有机会投递,实习岗位有动画、特效、3D场景/角色、2D场景/角色、技术美......
刚入学的同学,在第一次学到新软件的时候,经常会被各种快捷键整懵。但是网上download的快捷键记忆图,不一定就是合适的。这里......
官方宣布3月共134款新游戏版号过审,网传68家游戏公司超1000岗位
提前了解行业趋势,关注热门游戏和新技术如AI、UE5等;或通过了解和参加线上、线下行业游戏大赛或交流峰会,增加行业信息来源,积......
今天要分享的是武汉校区剪包专场招聘会,企业代表是曾就读于武汉校区2210期的剪包学长,这次代表公司返校,招聘视频拍摄剪辑岗位。
AI时代找不到工作怎么办?瞄准这6个常青树行业,火星全专业可匹配!
科技在创新,社会在发展,自动化、机器人和AI人工智能的应用,让很多重复性高、低技能要求的传统工作岗位正在被逐步取代,这是一个无......
一般发生在下半年,如果公司上半年业绩未达标,有些公司可能会在年中发起招聘需求,为团队储备一些新人,到年底以“试用期不通过”为理......