020-29815005
预约专线时间:09:00-23:59

广州UI设计培训分享:UI设计中的启动页应该怎么做?

新闻来源:本站 日期:2022-03-02
什么是启动页?启动页面,用户打开一个产品第一个看到的页面。它可以作为品牌传播的重要载体,比如淘宝,支付宝的闪屏往往除了传递品牌以为还可以成为一个品牌广告的资源位带来商业价值,今天优漫教育小编来分享下启动页的一些方向!启动页应该怎么做?

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


广州UI设计培训分享:UI设计中的启动页应该怎么做?


  启动页是用户对于品牌感知的最直观感受,也是对于介绍产品内容给用户的最佳领域,在UI设计中,它是用户打开APP的初始页面,在启动页的标题和副标题Slogan都是融于品牌调性和APP介绍一个很好的地方,这里你可以想象成一个舞台。正如前面所说做这类设计有一个很核心的原则就是体现品牌感,而不是刷设计存在感。

 1.新功能引导

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

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

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

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

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

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

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

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

  非常喜欢的一个日本的APP名字Sooshi,引导页设计非常棒,从图片选择,图片光线处理,文字处理都非常高水准,所以并不是背景图用照片就一定很low,处理好了,一样是很高大上。

 2.承载注册登录

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

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

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

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

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

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

 3.品牌承载

  这种结构也运用比较多,直接很简单的用品牌图形和一句文案来传递,比较适合于一些知名的产品,本身它们的图标符号已经是品牌的一种传达,无须做过多的修饰,比如苹果,Twitter,Facebook等等。

  简单粗暴,品牌色+LOGO就足够传递一起下表达的东西,用户对于这种简洁品牌表达也能很好接受。

  稍微加一点一点背景色,或者LOGO的形式是一些大厂经常使用的调性。

  也是同样LOGO图形结合品牌色,有时候简简单单快速进入到主页面功能也是用户最迫切需要的。

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

  4.营销图片+品牌

  在国内电商里面运用这种方法比较多,结构比较固定,上面是品牌营销,下面是品牌LOGO,一般这种启动页2种场景,一种默认状态,一种品牌营销状态,上面结构可以是容器可以承载任何形式可以是视频,图片,广告等。

  以上就是优漫教育小编为大家介绍的“【广州UI设计培训分享】:UI设计中的启动页应该怎么做?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !