写在前面

问：APP中为什么要融入品牌感？

答：1.提高产品知名度    2.加深用户印象

目录

01.【启动页/引导页】

02.【banner】

03.【tab】

04.【空状态】

05.【导航栏】

06.【弹窗】

07.【下拉加载】

08.【暂停】

09.【滑块】

10.【默认头像】

11.【会员中心】

12.【运营活动】

13.【指示器】

14.【登录注册】

15.【点赞动画】

01.启动页/引导页

思考：

启动页是启动APP最黄金的位置，最适合融入品牌IP，而大部分产品都是以“slogan+IP形象+logo”为主；当然同样引导页也一样

案例：

以下产品为【闲鱼】和【哔哩哔哩】

02.BANNER

思考：

banner是APP中用于日常推广或运营推广的部位，在设计时可加入IP形象或IP轮廓容器来提升品牌感

案例：

以下产品为【闲鱼】和【哔哩哔哩】

03.tab

思考：

底部tab几乎是每个产品最重要的模块，用户需要来回切换点击tab_icon，以下产品在同质化的情况下，融入自己产品的IP轮廓或IP形象或细小几何

案例：

以下产品为【苏宁易购】【飞猪旅行】【盒马】【站酷】

04.空状态

思考：

APP中经常会有网络差、卡顿、数据为空等问题影响流畅度，而此时产品在这些部分植入情感化设计和品牌融入，提升用户体验的同时强化品牌形象

案例：

以下产品从左到右依次为【转转】【闲鱼】【盒马】【蜻蜓FM】

05.导航栏

思考：

导航栏对于整个产品来说具有引导用户或强化搜索的作用，根据现代人视觉浏览顺序【从左到右-从上到下】把IP形象放到了最左边的视觉落脚点，强化品牌感的同时植入了一些品牌slogan、广告、运营活动是很优秀的设计

案例：

以下产品从上到下依次为【苏宁易购】【飞猪旅行】【转转】【京东】【考拉海购】

06.弹窗

思考：

弹窗在整个APP中具备非常灵活的针对性推广作用，也可在设计中强化品牌

案例：

以下产品为【盒马】【飞猪旅行】

07.下拉加载

思考：

当用户网络不好或需要刷新内容的时候会频繁的使用到下拉加载功能，这里展示的是动效+品牌的结合，当然也有更多的玩法，比如植入广告、视频等

案例：

1.转转：刷新后顶部的转盘会和IP进行一个互动，最后展示出品牌logo+名称

2.飞猪旅行：品牌IP结合品牌名称及业务，设计出在天上飞的小猪，趣味性十足

08.暂停

思考：

“暂停”一个很常见的功能，而以下两个产品在设计过程中，充分利用了logo优势做出差异化，区别于同类产品

案例：

以下产品为【微视】【哔哩哔哩】

09.滑块

思考：

内容型产品大多数都会有播放功能，而皮皮虾和B站在播放器模块加入了品牌元素，这样的设计很细心也很惊艳，非常值得学习

案例：

以下产品为【皮皮虾】【哔哩哔哩】

10.默认头像

思考：

当用户刚注册APP时，没有默认头像或者用户不想上传头像，产品这时会给用户提供默认的品牌感头像，解决用户懒的问题，同时让整个产品看起来风格一致

案例：

以下产品从上到下依次为【网易考拉】【蜻蜓FM】【苏宁易购】【皮皮虾】

11.会员中心

思考：

对于绝大部分产品来说，会员售卖是核心的盈利方式之一，在会员中能够让用户感知到品牌的力量，促使用户分享，值得借鉴的设计思路

案例：

以下产品从上到下依次为【飞猪旅行】【考拉海购】

12.运营活动

思考：

在产品做推广设计的过程中，传播品牌是一定绕不开的话题，以抽奖、答题方式、闯关等方式是如何做品牌传播的，请看以下案例

案例：

以下产品从左到右从上到下依次为【盒马】【考拉海购】【闲鱼】

13.指示器

思考：

从交互指示器看待品牌融入设计，不仔细看还发现不了，太细节了！

案例：

以下产品从左到右依次为【转转】【考拉海购】

14.登录注册

思考：

当用户要登录或注册APP时，使用动画或插画强化品牌

案例：

1.转转：登录时顶部会有很小的品牌元素及动画的设计方式也是利用“转”，更加强化了品牌名称

2.皮皮虾：使用趣味性插画来强化品牌，人物眼神设计出了坏笑的感觉，更能贴合用户

15.点赞动画

思考：

点赞几乎是每个产品中会有存在的互动功能，而常规的点赞目前非常同质化，以下两个案例注入了自己品牌的灵魂

案例：

1.皮皮虾：一直按住点赞会弹出“啤酒小龙虾是一家”这样的一段话，这基本是用户营造出来的网络热词，设计者刚好利用了这一点，强化了产品和用户之间的关联，提升趣味

2.哔哩哔哩：B站以二次元风格为主，在目前点赞动画同质化的情况下，加入了自己的风格元素

谢谢观看，欢迎思维碰撞

END