火星网校
扁平之外-UI中的品牌塑造
发布时间：2024-02-29 13:05:12 浏览量：162次
近年来，设计师越来越倾向于极简和扁平化的设计风格，这种设计策略带来的好处是为内容本身而设计，减少视觉干扰。但扁平化设计也带了一些问题：设计同质化严重，难以表现品牌差异等等。
为了解决同质化的问题，我们有必要为APP植入品牌基因。通过视觉手段进行品牌升级，凸显产品调性以及品牌个性，让用户有归属感，信赖感，提升产品的友好度。
相同业务的产品，结构的重合度比较高。下图是几个直播类APP的首页内容和几个视频新闻类APP的首页内容，是不是看上去都很相似？
想要解决同质化严重问题，为APP注入品牌基因可以从哪些方面下手呢？
1.统一的设计组件
组件是将页面元素进行拆分，归纳，重组，并且基于可以复用的目的，形成规范化的基本元件。组件被大量的复用，构成基本页面，组件的调性可以构成产品的基本调性。
在上一图的内容上加了titlebar，toolbar组件。不同的组件包含了不同的主体颜色，字色，字号，icon等，组件的不同，使页面有了差异。
比如加上顶部栏和底部栏之后，UC头条的鹿形LOGO，黄黑搭配的底部ICON，今日头条的LOGO，优酷的优酷蓝，腾讯视频底部的ICON，使得页面之间有了差异。
缺省图，loading等组件也可以常常能体现UI的品牌感。比如好好住，天猫的loading用的品牌logo，footage，腾讯视频用的品牌logo，面包旅行和闲鱼用的是自家品牌角色。在下拉时候可以看到和品牌相关的露出，从细微处加深用户对品牌的认知。
2.有性格的ICON
图标在APP中被广泛应用。图标可以直观传达产品意图，减少用户认知负担。图标设计是APP设计中是比重比较大的一部分，甚至在某些页面中，图标本身就是页面内容的主体，统一的图标设计对塑造产品调性起着重要的作用。统一的有辨识度的图标可以提升品牌辨识度。
如YY的MBE风格图标，使用品牌黄色，粗描边和装饰细线，营造了年轻轻快的气氛；YOUKU改版后的图标，颜色和LOGO呼应形成一套图标，和品牌LOGO调性一致；社交软件SAME有一整套自己的图标体系，蓝色拇指小人作为母图标，衍生出各种各样的子图标，一起营造了年轻欢快，小众特立独行的品牌氛围。
YY（MBE） 优酷（icon和品牌logo相呼应） Same（定义了自己的一套icon体系）
same可以根据自己的喜好自行制作图标，拇指小人成为Same的产品标识
3.有辨识度的配色方案
在经过一段时间的纯色的主辅搭配后，出现了几个颜色的阵营——橘，蓝，绿，黄，紫都被用光光，经常出现品牌色撞色的情况。比如在我的手机里，钉钉，知乎，贴吧撞色了；土豆大众点评虾米啥的也撞色了。用单一的颜色做自己的品牌色尴尬相撞的情况时有发生。因此大家开始往渐变色，或两种颜色搭配使用等更大的色彩空间去探寻。
抖音APP多处运用蓝绿色和玫红色叠印的色彩方案，启屏广告，APP底部Icon，Banner，专题页等等。这种贯穿统一的颜色方案给抖音注入鲜明的品牌格调-年轻张扬，不拘一格。
优酷品牌升级后的蓝色渐变红色渐变的配色方案，在各个地方都有应用，红蓝组合形成了鲜明的优酷风格
4.贯穿始终的插图风格
UI中运用的插画是用户和界面之间进行沟通的有效工具。精心制作的插画能够吸引用户的注意力，引起用户的兴趣，带有情感的阐述信息。统一的插图风格会让用户有明确的心理感受，表达统一的品牌格调。
陌陌的点点，快聊，绑定手机等卡片设计都是通过同样风格的插图来塑造的，矢量风格简明线条，高饱和度色彩方案，简单的装饰。登陆引导也是同样风格的插画。这种插画风格表达陌陌时尚年轻，平台化的品牌格调。
闲鱼黄黑相配的颜色方案，粗黑线描边的卡通风格，塑造了闲鱼随性而为，轻松有趣，活力开放的品牌氛围。
虾米音乐一直使用饭太稀的插画做启屏，塑造了虾米音乐的高品位，温情的品牌调性。
5.反复运用品牌角色
世界著名经营大师沃尔勒说：“如果说品牌（商标、品名）是您的脸，让人记住您，那品牌角色则是您的双手，让您紧紧握住别人，与人产生情感发生关系。”品牌角色具有吸引力和亲和力，可以让用户更直观的记住品牌形象；做为某款产品或者某个平台的代言人，品牌角色可以体现这款产品或平台的气质；品牌角色也是一种情感化表达，可以和用户产生共情。
很多平台或产品都拥有自己的品牌角色，比如百度有百度熊，百度熊形象在各个产品中应用；QQ有QQ Family，启屏页，广告页，等等地方经常能看到QQ Family的身影；LINE的品牌形象不仅出现在他自己的应用和游戏界面里，同时LINE Friend已经成为受全世界喜爱的卡通形象。
百度-百度熊
百度熊的应用面很广，几乎所有的百度产品都会应用这款品牌角色，下图是百度外卖在loading，缺省页，断网页面对百度熊的应用，可爱的形象可以缓解用户的负面情绪，同时可以在用户脑中形成品牌强化效应。
天猫的小黑猫形象在UI中被反复应用，启屏页，loading，缺省图，默认图，弹窗，banner，活动页等等。为应用注入趣味和生机
直播软件映客在loading，默认图，缺省图等等地方都用了敏锐，高效的猫头鹰形象，配合‘你丑你先睡我美我直播’的slogan，共同营造了朝气蓬勃，新鲜活力的品牌感
随着互联网的发展，人们越来越重视互联网中品牌的力量。在明确品牌战略，明晰品牌定位后，我们在体现APP的差异化定位时，可以从这几方面入手：
1.统一的设计组件
2.有性格的icon
3.有辨识度的配色方案
4.贯穿始终的插图风格
5.多处运用品牌角色
（主要研究的app有，直播短视频相关：映客，YY，陌陌，斗鱼，花椒，NOW，抖音，有料，VOOTAGE， 视频类：优酷，腾讯视频，土豆短视频等，其他：淘宝，天猫，SAME，百度外卖，美团外卖，UC头条，今日头条等）
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
