产品交互设计@产品路,让生活触发思考UI设计头条

用闪屏让用户产生点击即用的错觉

2018-07-03  本文已影响232人  王旋子同学

针对昨天聊到的闪屏,这个过程虽然很短暂,但是如果用户因某些特殊原因在这个页面等待时间过长,也会影响体验。今天主要来看看目前上线的应用都有哪些常见的闪屏样式,又如何通过闪屏的设计让用户产生“点击即用”的错觉。

首先,搜集了一些目前上线应用的常见样式,主要分为以下5种:

1. 纯色底色

默认状态是某个纯色底色。如果不设置的情况下,为系统默认颜色;也可以设置为应用主色,让用户先适应应用的视觉(目前这种方式很少,所以没有截到图)。

2. 图片展示

采用某种具有特殊意义、视觉冲击力或美感的图片进行展示。这种方式比较少见,但是在某些个性的应用里也是一种很合适的样式,如微信。

微信新版闪屏+旧版闪屏

3. 应用框架

采用与应用页面的框架样式,程序实现的时候实质上就是用一张与页面内部相似的框架样式的图片替换了默认样式。目前常见的为:系统自带的应用、国外大部分应用、国内部分应用。(推荐使用)

Instagram闪屏+应用页面

4. 品牌展示

采用大色块和logo结合的方式(有的也会加入solgan),增深用户对品牌认知,颜色会选用应用主色提前让用户产生视觉认知。目前常见的为:国内大部分应用。

1)应用主色

这种样式后接的启动页可以为全屏或白色底框样式。

网易闪屏+启动页(白色底框) 站酷闪屏+启动页(全屏)

2)白色底框

这种样式后接的启动页一版为白色底框的样式,视觉连贯性和空间感也是很强的(推荐使用)

头条闪屏+启动页

5. 内容展示

这种样式主要体现在一些具有特殊性的应用,如设计在线学习应用-虎课

虎课闪屏

框架展示和白色底框的展示方式都可以用户产生“点击即用”的错觉,但是在做内容展示的时候可能简化视觉。

最后,有一个简单的方式分辨页面是闪屏还是启动页?闪屏因为无法进行操作,所以页面上没有可以点击的按钮,启动页是有可以点击的按钮的呦,比如广告倒计时关闭按钮、跳过按钮等。

上一篇下一篇

猜你喜欢

热点阅读