一个产品要想从同类产品中跳脱出来需要有个性。如何在用户心智中植入品牌成为产品整个生命周期很重要的一环,而面对互联网产品越来越趋于同质化的现象,UI设计师已经不能局限于界面表现层,更要了解产品背后整个商业链路,知道产品想在用户心智中建立怎样的定位,以业务为依据设计品牌,以品牌为基准去设计产品。

如何将品牌融入UI设计中?

  1.明确定位,提取关键词,建立情绪板

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

  通过品牌定位找到细分市场和目标用户,再将定位策略作用于品牌识别系统,以此确保每一个品牌触点都符合产品的品牌定位尤其UI设计策划的基础

  明确定位后,接着围绕品牌定位和UI设计提取关键词,一开始可以通过脑暴写多个关键词,然后再一步步过滤剩下最核心最重要的几个。

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

  2.提取表现元素

  基于前面的品牌情绪板,围绕品牌内核,进一步提取视觉表现元素,包括颜色、图形等。

  颜色

  图形颜色是给人感官最直接带来的刺激是最直接的,而且颜色不止于视觉,而是与我们全部的感知都相关,人对颜色的感受是一个综合体。一只打破的蛋壳中溅出来的深黄色的极度新鲜的蛋液,或是一杯美式咖啡的深褐色都不只是颜色,还有材料性的质感,苦涩的味道与气味都透过颜色被感知。

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

  在UI设计中图形对于品牌表现的重要性不亚于颜色,不同于颜色的抽象感知,图形是一种相对具象的表现方式。

  一旦某个特有的图形在用户心智中形成深刻印象,用户见到相似的图形组合都能往该图形联想,从而关系到图形背后所代表的品牌,这也是很多企业做品牌升级的时候logo都越来越简洁的原因,因为这样能有效降低用户的认知负担,提高品牌认知。

  图形通常从logo本身提取,并在UI中延伸应用。比如马蜂窝、百度网盘、京东做品牌升级的时候都不约而同地从logo中提取了一个代表微笑的弧度,传递友好、温暖的品牌形象

  纹理

  通过提取品牌图形元素,再运用分形、排列、重复、平铺等设计手法形成品牌纹理,在UI设计或者运营推广设计方面都能有很好的运用。如下图所示,京东的启动页用了Joy的外形轮廓做旋转复制形成的纹理为背景;国外著名的聊天应用WhatsApp,在聊天页的背景使用平铺的涂鸦插图纹理做为聊天背景,并在应用市场的截图中也得以应用;还有腾讯文档的启动页、登录页也都用了渐变的小菱形作为纹理,辅助品牌视觉表现。

  IP形象

  越来越多的互联网产品喜欢直接用IP形象来作为产品的品牌符号,比如阿里动物园、京东、考拉海淘等。相较于图形或文字logo,IP形象更具象,更讨喜,在情感传递层面有着很大的优势,同时IP形象的可拓展性也很高,在线上运营、线下活动、周边物料等方面都可以很好运用。

  近几年UI设计圈掀起了一股极简风,界面设计强调内容本身,加大留白,去除不必要的颜色和UI元素,品牌颜色在界面中被大大弱化,个人觉得这种设计并不适用于所有产品。像Facebook、Twitter、Instagram、Airbnb本身就是体量很大的产品,早已在用户心智中建立品牌信念,所以对于他们来说或许主要的任务在于商业和体验层面。即便如此,我们也会发现这些应用采用极简化设计的同时,应用图标也变得更鲜艳,更引人注目,说明他们也在寻求一个平衡,想在UI设计变得极简趋同的同时,仍然能保留核心的品牌基因。

如何将品牌融入UI设计中?优漫动游相关推荐

  1. 设计心理学中的映射交互设计概念|优漫动游

    我们经常会谈到用户体验,其实好的用户体验与设计映射是有很大关系的,今天的设计法则-映射,希望能为你提升产品用户体验度带来一点思考.今天我们来了解一下,设计心理学中的第三个交互设计概念:映射. 同样,这 ...

  2. 天天都在和游戏打交道,你知道到底什么是游戏UI吗?优漫动游

      什么是游戏UI?   UI=UserInterface,也就是"用户界面设计".打开你过去24小时里玩过的游戏,从登录界面.操作界面,到游戏道具.技能标志,所有这些设计,统统属 ...

  3. 图标风格总结-UI线性图标优漫动游

    如今的移动端用户是必不可少的,在用户界面中,图标设计绝对是不可或缺的元素.虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题.   作为UI设计师,一开始入门接触最多的就 ...

  4. UI设计中三个重要的主题化区域,你知道吗?-优漫动游

      作为UI设计师来说,我们会经常关注着产品设计的变动,发现设计细节将有助于提升我们的思维.特别是在一些节庆和特殊时间段期间,你会在不经意间发现一些常见的设计细节被赋予氛围感.   在已有的架构中改变 ...

  5. UI设计中你不知道的logo设计理念|优漫动游

    logo设计,等于是企业的明灯,照亮企业的优势,一个优秀的logo设计,也是可以让很多的用户记住公司,同时一个独特的logo设计也能够为企业发展,增加不少优势,logo,作为品牌形象的组成部分之一,我 ...

  6. 广州优漫动游公司:UI设计中的详情页怎么设计?

    以淘宝天猫京东这类综合类电商网站为例,一个完整的详情页一般由以下部分组成:首图Banner+产品信息+产品功效介绍+产品外观展示+产品细节展示+其他等,今天优漫动游小编聊一聊详情的设计技巧.这里所说的 ...

  7. UI设计中连笔设计怎么做出高级感?|优漫动游

    把文字与文字之间的部分笔画连接起来,是字体设计中很常用的一个技巧,使用得当可以增加字体的设计感.整体感和美感,在标题设计中最常用到.不过对于零基础学ui设计的新人来说,想要灵活的使用这个技巧还是需要有 ...

  8. UI设计中常用的抠图工具特点对比|优漫动游

    UI设计师必学哪些技能?抠图是一个设计师必不可少的技能,不同抠图工具怎么使用?比较常见的抠图方法有钢笔.魔棒.快速选取.通道等.不同的图需要不同的方法进行抠图,每种抠图方法也各有其优点和不足,接下来优 ...

  9. UI设计中常说的b端和c端是什么?优漫动游有什么区别?

      在近年来的UI设计领域,B端UI设计的行业概念愈发火热,可能会经常听到B端.C端这两个词,有些人可能对此一知半解,当然不是所有人都了解这些行业术语.那么UI设计中常说的b端c端是什么意思?你知道吗 ...

最新文章

  1. linux 程序定时重启tomcat,linux下实现tomcat定时自动重启
  2. IOS简单的登陆界面
  3. oracle简单对象类型
  4. 小米盗图迪丽热巴?公关经理:占位示意 不存在故意盗图!
  5. 移动端APP扁平化UI设计解析
  6. (C语言)人名排序,字符串排序
  7. 2018-11-06 VSAN常见故障
  8. 你用过Mybatis的动态SQL后,就知道写SQL有多爽了!
  9. 阶段3 2.Spring_04.Spring的常用注解_4 由Component衍生的注解
  10. 思普linux安装教程,思普产品全生命周期管理系统_全生命周期管理_云市场-华为云...
  11. 自用frp服务器分享及客户端配置连接教程
  12. SiteGround主机和HostGator哪个好?(权威技术性分析)2022最新对比
  13. 一个 SAP 开发工程师在 SAP 德国总部出差的见闻系列 1:出差 ≠ 公费旅游
  14. 专访STEM领域人才资深人工智能图像算法工程师张旦
  15. Java程序实现Word文档转为pdf以及出现的问题解决
  16. Github搭建免费图床
  17. 三种邮件服务器的比较
  18. 硬盘检测软件MHDD的操作方法
  19. 达到什么水平才能在简历熟悉写java?
  20. 网络***实战:老Y文章管理系统V2.2注入漏洞分析与利用

热门文章

  1. 能力风暴机器人AS-MF2011小试身手
  2. 树莓派 FM 发送机小电台背后的原理解析
  3. Android仿超级课程表开源控件
  4. URL的发展历史:域名、协议和端口
  5. python定义一个student类、有下面的_Python基础(小白教程)之面向对象
  6. 自行车测速器怎么调_自行车测速方法
  7. 织梦二次开发初次建立模板心得
  8. miui10 android版本,新年首次更新!MIUI V10.2.2稳定版基于安卓9.0来了
  9. Android.mk文件添加调试打印信息
  10. Windows2000的终端服务功能及应用