查看原文
其他

这些地方还能露出品牌形象?涨知识了

UI设计达人 2022-06-20

The following article is from 和出此严 Author 和出此严

‘品牌形象’是用户对APP的第一印象,对留存、粘性、打开率等指标有着促进作用,也是用户使用或离开产品的原因之一。

因此本次带大家看下有哪些有趣的‘品牌形象’小案例,给你的工作需求、作品集提供灵感来源~



01.将Logo融入热点事件中

每到各个节假日、历史事件时,谷歌浏览器的主页上都有展示相关插画或动效,以此来提升用户的活跃与新鲜感。

但他们都会尽可能地将Logo或品牌色也融入到节日或事件中,最大化地外露品牌形象,强化用户感知。

如开学季的上学字母:

母亲节的品牌色鸭子:
Mark一下:将品牌形象(品牌色/吉祥物)融入到热点事件的设计中。


02.用Logo设计标签栏图标

猫弄APP的底部tab栏图标很有意思,直接用产品名称中的四个字母(MONO)代替不同模块的图标。

而非传统做法:使用与标签区各模块文字相符合的icon。


Mark一下:将产品Logo融入到组件设计中。



03.引导页里突显品牌

京东ME APP在引导页上,直接利用‘京东ME’的字母+版本号为核心元素进行设计,彻底将品牌融入到整个引导流程的背景设计中。


也让新用户对产品充满期待感,也突显产品在‘专业性’上的形象感知。

Mark一下:将品牌形象融入页面图案/背景设计中。



04.手机截屏露出品牌logo

由于刘海手机的’秃顶’特性,导致手机截图时页面最顶部中间是空空的。

而即刻就喵上了这块空地:刘海手机截图时直接将产品图标放了上去,既让页面平衡又让宣传产品。


Mark一下:利用【图片特征与手机特征】将品牌宣传融入进去。


05.用吉祥物引导操作流程

在Readme的注册页面中,在切换不同的输入栏时,右边的吉祥物猫头鹰的手/翅膀 也会跟着指动到对应的输入栏中,并特别有趣。

帮助用户知道当前输入的是哪一行、在输什么,从而减少信息错误的发生,也让整个注册流程变得有趣、顺畅。


Mark一下:吉祥物不应只静态展示,可以跟随用户行为做相应的变化。


06.用品牌色设计音量大小

在手机端的「腾讯视频」调节音量时,你会发现显示音量大小的音量条呈红绿渐变色。


这正是腾讯视频的品牌色所在,随着音量的增加,颜色会从冷绿色逐渐过渡到暖红色。

Mark一下:别忘了还有品牌色来强化形象,而不是只有吉祥物、logo而已。



07.页面选择器用logo来设计

Web端浏览器的页面选择器,一般都是每10个进行展示的。

谷歌浏览器就将 Goole中的’o’,分成10个作为页面选择器,点击每个可翻页,进一步增加品牌露出。


Mark一下:将产品Logo融入到组件设计中。



08.进度条用吉祥物设计

腾讯动漫的banner进度条设计与品牌的吉祥物结合在一起,banner切换的时候底部的小乌鸦会跟着一起移动。

降低banner给用户的抵抗情绪,并通过这种小细节提升品牌形象。


Mark一下:将产品Logo/吉祥物 融入到组件设计中。


09.无处不在的品牌基因

日日煮APP在品牌设计上很讲究,在很多UI设计上都用了吉祥物进行统一设计,如【商品序列、标题背景、页面压屏】等,特别意思。


统一产品调性与UI风格,给用户(特别是新用户)建立了统一的产品调性与认知。

Mark一下:所有UI元素尽量融入到品牌形象的设计中。


总结一下:

  • 将产品Logo融入到组件设计中

  • 将品牌形象融入到热点事件的设计中

  • 将品牌形象融入页面图案/背景设计中

  • 所有UI元素尽量融入到品牌形象的设计中

  • 别忘了还有品牌色来强化形象,而不是只有吉祥物、logo而已

  • 吉祥物不应只静态展示,可以跟随用户行为做相应的变化

  • 利用【图片特征与手机特征】将品牌宣传融入进去


你还见过哪些有意思的案例呢?欢迎留言一起分享、讨论~

更多行业案例、大厂例子、创意彩蛋,

上【有蛋案例】 http://youdananli.com/


推荐阅读

(点击标题可跳转阅读)

工作3年的UI设计师如何做京东UI视觉测试题
这套设计稿模板!让我的作品被总监夸了
为什么大厂改版都在做用户分层设计?
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存