怎样计划品牌感的启动页？

老鼠老虎

原标题：怎样计划品牌感的启动页？

启动页面，用户打开一个产物第一个看到的页面。它可以作为品牌流传的紧张载体，好比淘宝，付出宝的闪屏每每除了通报品牌以为还可以成为一个品牌广告的资源位带来贸易代价，本日我们来分享下启动页的一些方向!

什么是启动页?

启动页是用户对于品牌感知的最直观感受，也是对于先容产物内容给用户的最佳范畴，在UI计划中，它是用户打开APP的初始页面，在启动页的标题和副标题Slogan都是融于品牌调性和APP先容一个很好的地方，这里你可以想象成一个舞台。

正如前面所说做这类计划有一个很焦点的原则就是表现品牌感，而不是刷计划存在感。

启动页的布局

1.承载注册登录

这种范例很奇妙的把功能和品牌很好的联合了在一起，在许多新的APP必要用户注册登录的界面内里，通常会把产物和注册登录联合在一起，常见国内有微信等等。

睁开全文

▲ 这个页面的启动页把登录和闪屏画面举行上下布局，上面启动页的品牌画面，接纳比力常用的图标平铺风格模式，每个图标和业务明白融合，看似简朴但是实在计划细节许多，最早期手淘也是接纳雷同计划伎俩来计划。

▲ 这个页面也是上下布局，在顶部运用的配景图片添补，下面是注册和登录入口，也是一个实用性计划。

▲ 这个产物配景没有做更多的装饰，看似简朴的一个页面，实在计划细节把握很到位，页面布局接纳层叠式构图计划，布局上运用斜切的计划伎俩，很好的突出了差别性在内里，同时焦点登录按钮清楚，直接引导用户举行操纵。

▲ steller的计划，也是在结构上运用斜切版式，对于配景的选择则是接纳的图片加彩色蒙版的计划趋势，团体计划很通透。

▲ lonut Zamfr用的是深色，LOGO为图形联合注册登录页面，在通报品牌同时也很好的将功能联合起来。

2.新功能引导

这一范例的启动页面，实用于新功能先容，早期的朋侪圈，各人还记得几张照片拼接的画面么，新功能引导的情势比力丰富，可以是视频，图片也可以是插画的情势，一样平常雷同讲故事的情势把功能转达给用户。

▲ FEYNAUB在新功能引导时间，必要用户输入位置，很好的把新功能和启动页情绪调性用插画的情势表达了出来，显得不那么生硬很天然通报了品牌。

▲ Numero在新功能引导页面上，接纳了字母和人物联合的计划技法，衬线体笔墨和图形很好的联合在了一起，给人很风雅时尚的感觉。

▲ 这个启动页计划，也是属于新的功能先容，整个计划情势感和图形感非常强，通过故事性的引导很好的转达了功能。

▲ Onboarding的启动页计划很好的接纳了一连感觉，每张图片和图片直接毗连很顺滑，同时接纳2.5D计划技法，但是处置惩罚的没有那么重，很轻量化，比力得当当下快速欣赏的场景。

▲ Coffee APP的启动页面接纳现在比力常见的计划伎俩，插画和笔墨的展示，国内这种计划比力多，但是Coffee在色调和图形处置惩罚上相称精致，简便的同时又不乏很意见意义性计划在内里。

▲ 固然现在已经是小视频的期间了，当下也许多APP的启动页面直接接纳短视频的情势来通报给用户，视频的带入感和沉醉感会更加直观。

▲ Periscope很奇妙的把功能以插画的情势联合在界面中了，也是值得我们去学习的点。

▲ 非常喜好的一个日本的APP名字Sooshi，引导页计划非常棒，从图片选择，图片光线处置惩罚，笔墨处置惩罚都非常高水准，以是并不是配景图用照片就肯定很low，处置惩罚好了，一样是很高大上。

3.品牌承载

这种布局也运用比力多，直接很简朴的用品牌图形和一句文案来通报，比力得当于一些着名的产物，自己它们的图标符号已经是品牌的一种转达，无须做过多的修饰，好比苹果，Twitter，Facebook等等。

▲ 简朴粗暴，品牌色+LOGO就充足通报一起下表达的东西，用户对于这种简便品牌表达也能很好担当。

▲ 轻微加一点一点配景色，大概LOGO的情势是一些大厂常常利用的调性。

▲ 也是同样LOGO图形联合品牌色，有时间简简朴单快速进入到主页面功能也是用户最急迫必要的。

▲ 不得不说国外计划师在把品牌图形计划的很极致，一个简朴的符号和图形已经就是最好的品牌表达。

4.营销图片+品牌

在国内电商内里运用这种方法比力多，布局比力固定，上面是品牌营销，下面是品牌LOGO, 一样平常这种启动页2种场景，一种默认状态，一种品牌营销状态，上面布局可以是容器可以承载任何情势可以是视频，图片，广告等。

▲ （左图）正常状态，淘宝盒子打开，飞出丰富多彩的商品，象征全能的淘宝；（右图）营销状态，淘宝盒子关闭，共同双11的广告运营图来显现，用户可以跳过。

▲ （左图）天猫默认常态；（右图）营销运动时间，LOGO收起到底部，顶部固定图片地区。

▲（左图） 微博默认状态；（右图）微博运动常态。

▲ （左图）虾米默认常态；（右图）虾米运动常态。

启动页的计划伎俩

1.图标+品牌色+图案添补

顾名思义，就是品牌色和图标的展示，上面实在有讲过案例，这种比力常见，一样平常利用白底加上品牌LOGO，固然也可以是反色，品牌色+白色的LOGO是比力常用的情势。

▲ 上面是一个简朴的示例，这种计划常用技法有4种：第1种是白底和品牌的LOGO，第2种是品牌色加白色的LOGO，第3种是渐变色加LOGO，第4种是假如以为纯色过于单调可以添加一些小图标模式作为配景色。

▲ 这些都是比力好的通过品牌色以及品牌已有是LOGO和卡通形象的一些常用计划伎俩，实在照旧很丰富，关键在于计划师对于细节的处置惩罚和把控。

2.图片运用

图片比笔墨更轻易通报感情，好比MOMO每次的图片调性就非常棒，另有微信就是很好的案例。

一张好的图片能形成这个产物用户的第一影象点，有时间还能成为经典就和影戏内里经典画面一样，但是肯定要图片能很好表达功能的特点，否则毫偶然义。

3.插画技法

这种现在用的比力多，也是个主流是情势，一样平常是共同节日情绪化来运营，能很好的表现出页面的调性，但是插画的情势和图片情势一样必要定期更换，否则很轻易造成审美疲惫。

4.图标模式

图标模式也是一个经典技法，配景接纳一些图形的表达，很好的能转达产物的功能，最早的手淘和当前版本就是雷同风格。

5.图形演变

图形演变一样平常基于品牌LOGO，把LOGO图形当视觉容器，根据图形来计划，好比常见的天猫猫头，QQ音乐的音乐光盘，另有QQ空间星星等等，这范例对LOGO图形要求比力高，必须图形充足简朴，图形轻易拓展。

末了

简简朴单一个启动页面计划，实在背后也有许多的计划思索，我们在做雷同计划时间，起首要明白产物的内容和调性，去选择一种符合的，然后在这个框架功能底子上去进一步缩小计划目的，如许我们的计划才气做到有理有据是精确的方向。

原文地点：我们的计划日志（公众号）

作者：sky返回搜狐，检察更多

责任编辑：