Ctrl+D

收藏聚图

全站素材可商用

关闭
上传作品收藏聚图
Ctrl+D

收藏聚图

区块链素材平台

关闭

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

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

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

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

一、什么是启动页?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. 新功能引导

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

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

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

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

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

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

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

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

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

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

▲Coffee APP的启动页面采用目前比较常见的设计手法,插画和文字的展示,国内这种设计比较多,但是Coffee在色调和图形处理上相当细腻,简洁的同时又不乏很趣味性设计在里面。

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

▲当然目前已经是小视频的时代了,当下也很多APP的启动页面直接采用短视频的形式来传递给用户,视频的带入感和沉浸感会更加直观。

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

▲Periscope很巧妙地把功能以插画的形式结合在界面中了,也是值得我们去学习的点。

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

收藏成功!

欢迎你留下对我们网站的宝贵建议

0/200

请留下您的QQ

改天再写