Date 2026-03-16 16:50:29

今天,互联网行业已经从增量时代转变为股票时代,人口、流量和资本的红利逐渐收紧。在股票时代,影响用户选择产品的一个重要因素是「品牌」,如果一个产品想要跳出类似的产品,它需要个性。如何将品牌植入用户的头脑,已经成为产品整个生命周期的重要组成部分,面对互联网产品越来越同质化的现象,UI 设计师不再局限于界面性能层,而是了解产品背后的整个商业链接,了解产品想要在用户心目中建立什么定位,以业务为基础设计品牌,以品牌为基础设计产品。

1. 内:规范统一,高效合作
品牌本身可以作为设计规范的重要指导原则。通过建立颜色匹配、文本、图标、控制等设计规范,可以有效地减少设计决策时间,传达一致的品牌基调。

韩国的 NEVER 公司(相当于国内的BAT)有很多种。 APP 渗透到韩国人日常生活中的衣食住行中,因为一开始没有统一的品牌规范指导,每一个 APP 由不同的设计师设计,导致每个设计师 APP 不同的风格,不同的经验,以后通过介绍 SQUARE(方形)的设计理念统一了一切 APP 设计语言。


△ 来自NAVER设计团队的图片
2. 对外:提高认知度,增加溢价增值
近年来,我们在手机上发现了它 APP 越来越同质化,同时也慢慢失去了产品的个性,不看 logo,如果只看界面,很多时候都分不清是谁的产品。如果能以品牌为基础进行设计,注意每一个设计细节对品牌的影响,在 UI 适当融入品牌元素,无疑会更好地提高用户对产品的认知,通过创造情感价值,实现产品的溢价增值,为产品的营销推广提供立足点。

品牌的根本目的是在目标用户群体的认知中建立品牌信念。因此,如果你想做好品牌设计,你必须首先了解用户如何感知品牌。在设计产品时,我们经常发现我们认为这是理所当然的,用户往往不使用我们预期的方式。这是因为设计师通常有一个整体的概念,站在金字塔的顶部来规划产品的设计,相反,用户爬上金字塔的底部,他们不知道金字塔有多高,也不知道从哪一面爬最好,所以他们会遇到各种各样的问题。同样,用户对品牌的感知也从外到内,从低到高,用户通过各种场景接触产品,然后通过产品视觉呈现、功能体验、信息内容等感知品牌,然后进一步了解品牌的特点和核心,最终形成心灵印象,建立品牌信念,从而影响产品的选择。
因此,作为设计师,我们需要充分了解品牌核心,将抽象的品牌核心从内到外转化为具体的视觉符号,然后延伸到用户与产品的各种接触点,从而将品牌理念融入用户的思想。

首先,美国著名品牌学者马蒂·诺伊迈尔提出了一种品牌快速定位测试的方法:

△ 图片内容来自徐适《品牌设计规则》
通过品牌定位找到细分市场和目标用户,然后将定位策略作用于品牌识别系统,以确保每个品牌接触都符合产品的品牌定位。
明确定位后,围绕品牌定位提取关键词。一开始,你可以通过大脑写多个关键词,然后一步一步地过滤剩下的核心和最重要的关键词。

品牌情绪板是通过上一步确定的关键词来建立的。品牌情绪板旨在创造与产品对应的正确情绪和满足预期的感觉,将抽象概念转化为可感知的视觉(如柔软、温暖、光滑的线条感、低饱和度的颜色等),有效指导品牌关键元素的提取与设计的融合。

以前的品牌情感板为基础,围绕品牌核心,进一步提取色彩、图形、纹理、字体、文案、声音等视觉表现元素。
颜色
颜色给人的感官带来的刺激是最直接的,颜色不仅仅是视觉,而是与我们所有的感知有关。人们对颜色的感觉是一个综合体。从破碎的蛋壳中溅出的深黄色极其新鲜的蛋液,或者一杯美国咖啡的深棕色,不仅是颜色,还有材料质地。苦味和气味通过颜色被感知。

有时甚至不需要任何图形,只有颜色才能产生对某件事的联想。

由此可见,色彩对品牌的体现至关重要,不容忽视。颜色在 UI 中的体现有 logo、底色、图标、文字、可视化图表、插图、按钮等。导航栏。

近几年 UI 设计圈掀起了极简主义风格。界面设计强调内容本身,增加空白,去除不必要的颜色和 UI 元素、品牌色彩在界面上被大大削弱,个人意识这种设计并不适用于所有产品。就像 Facebook、Twitter、Instagram、Airbnb 它本身就是一个大产品,已经在用户心中建立了品牌信念,所以对他们来说,也许主要的任务是商业和体验。即便如此,我们还是会发现,当这些应用程序采用极简主义的设计时,应用程序图标变得更加明亮和引人注目,这表明他们也在寻求平衡 UI 虽然设计变得极简主义,但它仍然可以保留核心品牌基因。

图形
图形对品牌表现的重要性不亚于色彩,不同于色彩的抽象感知。图形是一种相对具体的表达方式。

一旦一个独特的图形在用户的头脑中形成了深刻的印象,用户可以将类似的图形组合与图形联系起来,这与图形背后所代表的品牌有关,这也是许多企业升级品牌的时候 logo 原因越来越简单,因为它可以有效地减轻用户的认知负担,提高品牌意识。

图形通常从 logo 并在本身提取 UI 中延应用。比如马蜂窝、百度网盘、JD.COM做品牌升级的时候,都是从同一个地方开始的。 logo 它提取了代表微笑的弧度,传达了友好温暖的品牌形象。

还有提取飞猪的飞猪 logo 中「猪的发型」用于搜索框,韩国电商品牌11街也将使用 logo 延长作为界面中的搜索框。

纹理
利用分形、排列、重复、平铺等设计手法,提取品牌图形元素,形成品牌纹理 UI 可以很好地应用于设计或运营推广设计。如下图所示,京东的启动页面已使用 Joy 旋转复制形成的纹理为背景;国外著名的聊天应用 WhatsApp,在聊天页面的背景下,使用平铺涂鸦插图纹理作为聊天背景,也可以应用于应用市场的截图;此外,腾讯文档的启动页面和登录页面也使用渐变菱形作为纹理,以辅助品牌的视觉性能。

UBER 在做品牌升级之前,设计师提取了每个国家的代表性图形, 然后重复运⽤平铺,形成⼀种时尚的⼏何纹理,运⽤在闪屏和线上线下产品中。

△ 来自UBER设计团队的图片
字体
字体通常是一种很容易被忽视的设计元素,通常被认为是 UI 默认使用系统中的字体。事实上,字体在品牌和产品气质的体现中也起着重要的作用。越来越多的品牌把字体设计作为品牌基因的重要组成部分。
字体的选择需要符合产品的功能特点和品牌色调。微信阅读中使用的字体不是普通的黑体,而是方正宋三,文字优美,阅读引人注目;故宫每天使用方正清快乐宋体,字里行间隐藏着古老的历史魅力,渗透着文化氛围;澎湃新闻使用方正准雅宋体作为新闻产品「注重时政和思想」严肃的一面。

英文字体的字体包相对较小,可以很容易地嵌入到应用程序中,因此您可以大胆地放弃系统的默认字体,并使用符合产品气质的英文字体。例如,它经常被用作数字字体 Din、优雅经典的衬线字体 Playfair Display、⾕歌御用的 Roboto 也很简单实用。

IP形象
越来越多的互联网产品喜欢直接使用 IP 阿里动物园、JD.COM、考拉海淘等产品的品牌符号。与图形或文字相比。 logo,IP 形象更具体,更讨喜,在情感传递层面有很大的优势,同时 IP 图像的可扩展性也很高,可以很好的利用线上运营、线下活动、周边材料等。

适当融入界面 IP 形象,可以提高产品的趣味性,愉悦用户,比如站酷的Android版刷新,骑竹马的小Z,很讨喜。

文案(语气)
许多人可能认为文案是产品或操作的问题,设计师不应该负责。事实上,只要它影响用户对产品品牌的感知,它就与设计有关。每个人都有不同的个性,不同的个性有不同的说话方式,产品也是如此。文案的语气取决于产品的个性,无论是冷漠、善良、文学、嬉戏还是严肃。
除上述内容外,品牌的体现还包括声音、动态效果、质感、网格等,就不一一举例了。
品牌联系人是指用户有机会面对品牌信息的场景。这些联系人是品牌信息的主要来源,是决定用户对产品品牌印象质量的关键。对于互联网产品,我们可以将品牌联系人理解为用户在产生需求的过程中可以通过产品显示品牌信息,然后完成需求。
如何找到品牌触点?
为了找到品牌触点,我们引入了用户体验地图「品牌体验地图」概念。与用户体验地图一样,品牌体验地图需要明确用户目标,完善用户行为,找到用户完成目标的完整使用过程。不同之处在于,品牌体验地图的重点是用户对品牌的感知和整合品牌信念的机会点。

如果是线上线下或软硬件组合的产品,则需要进一步扩展品牌体验地图,以确保每个品牌融合的机会点不被遗漏。
互联网产品常见的品牌触点
启动页面:知乎启动页面采用 slogan 加 logo 以反映品牌的方式,这也是绝大多数应用程序的做法;当紫禁城每天开始时,有一个钟声,页面将有一个光流动的动画,非常惊人和仪式感,突然将用户带入紫禁城庄严的氛围。

图标:业主的每一个图标都融入了汉字印刷字体的元素,反映了其工匠的品牌基因;mono 直接命名产品名称「 M O N O」用于导航栏。

插图:Dropbox 儿童风格的插图和插图 bilibili 二次元插图非常符合产品品牌的特点。

此外,还应用于商店截图介绍、预加载图、loading、动效、新手指导等。
最近经常听到 UI 很难找到设计工作的声音。事实上,一方面,市场是对的 UI 设计师的需求真的没那么高。互联网行业已经过了先锋时代,行业沉淀了很多有价值的知识和很多非常好的知识 UI 可以直接使用组件和规范文档;另一方面,许多公司 UI 设计在整个产品生命周期中的价值一般不是很重要,UI 设计部门只是业务支持部门,不起主导作用。如果 UI 设计师所做的只是让产品的原型文档变得美丽,这当然并不罕见。然而,该行业的发展一直适者生存。为了不被市场淘汰,我们需要走出舒适区,积极探索更深层次的设计价值,提高自我价值。
我以前在一篇文章中看到过一个有趣的隐喻,可能是设计师和理发师一样。理发师分为三种:一种只做基本的发型,如英寸、长发、老太太卷发等;一种只剪流行的发型(告诉你应该改变,剪最流行的发型,但事实上,他可能只擅长这种发型);另一个是最不可避免的。他根据你的脸型和性格,用最简单的方法量身定制发型,让顾客的气质立刻提升。设计师一般分为以下几类:只会做基础设计的初级设计师(工人);高级设计师(工匠)技艺精湛,能搞定所有流行风格;能够根据产品个性和特点量身定制设计风格的设计大师(教师)。要成为最后一个设计师,我们不仅需要对产品业务和业务有深入的了解,还需要对品牌在整个产品链中的应用和控制。
想了解更多关于设计经验的知识,可以关注我们部门的微信微信官方账号:「极光用户体验中心」
