同今生活在线网

【案例】这么有品牌感的启动页设计,你尝试过

UI设计培训 2019-09-25 06:25111未知alzmyppg

启动页面,用户打开一个产品第一个看到的页面。它可以作为品牌传播的重要载体,比如淘宝,支付宝的闪屏往往除了传递品牌以为还可以成为一个品牌广告的资源位带来商业价值,今天我们来分享下启动页的一些方向!

 什么是启动页? 

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

正如前面所说做这类设计有一个很核心的原则就是体现品牌感,而不是刷设计存在感。

启动页的结构  1.承载注册登录

这种类型很巧妙的把功能和品牌很好的结合了在一起,在很多新的APP需要用户注册登录的界面里面,通常会把产品和注册登录结合在一起,常见国内有微信等等。

▲ 这个页面的启动页把登录和闪屏画面进行上下结构,上面启动页的品牌画面,采用比较常用的图标平铺风格模式,每个图标和业务明确融合,看似简单但是其实设计细节很多,最早期手淘也是采用类似设计手法来设计。

▲ 这个页面也是上下结构,在顶部运用的背景图片填充,下面是注册和登录入口,也是一个实用性设计。

▲ 这个产品背景没有做更多的装饰,看似简单的一个页面,其实设计细节把握很到位,页面结构采用层叠式构图设计,结构上运用斜切的设计手法,很好的突出了差异性在里面,同时核心登录按钮清晰,直接引导用户进行操作。

▲ steller的设计,也是在布局上运用斜切版式,对于背景的选择则是采用的图片加彩色蒙版的设计趋势,整体设计很通透。

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

2.新功能引导

这一类型的启动页面,适用于新功能介绍,早期的朋友圈,大家还记得几张照片拼接的画面么,新功能引导的形式比较丰富,可以是视频,图片也可以是插画的形式,一般类似讲故事的形式把功能传达给用户。

▲ FEYNAUB在新功能引导时候,需要用户输入位置,很好的把新功能和启动页情感调性用插画的形式表达了出来,显得不那么生硬很自然传递了品牌。

▲ Numero在新功能引导页面上,采用了字母和人物结合的设计技法,衬线体文字和图形很好的结合在了一起,给人很精致时尚的感觉。

▲ 这个启动页设计,也是属于新的功能介绍,整个设计形式感和图形感非常强,通过故事性的引导很好的传达了功能。

▲ Onboarding的启动页设计很好的采用了连续感觉,每张图片和图片直接连接很顺滑,同时采用2.5D设计技法,但是处理的没有那么重,很轻量化,比较适合当下快速浏览的场景。

上一篇:微信的「浮窗」与「晒图」 下一篇:没有了

杰途IT培训学习网 备案号:

本站内容部份来自网络和网友自行发布,如有侵权等问题请联系本站删除。