美文网首页PM
APP 引导页设计2-引导页展现方式

APP 引导页设计2-引导页展现方式

作者: 产品汪 | 来源:发表于2015-09-10 08:56 被阅读635次

随着技术演进和大环境提升,确实看到了引导页以不同的载体,从静过渡到动态甚至流媒体,引导页在视觉表现上呈现繁多,大概总结下目前市面上APP引导页的展现方式。

1、文字与APP 界面组合

这是最常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律。

2、文字与插图组合

文字与插图的组合方式也是目前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。

3、动态效果与音乐

除了静态页面外,开始流行具有动态效果的页面。在单个页面采用动画的形式,考虑好各个组件的先后快慢,打破原有的沉寂,让页面动起来。同时结合动效可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动或过几秒自动切换到下一页。在浏览引导页的时候,可以试着加入一些与动效节奏相符合的音乐,会是一种更加新颖的方式。

4、流媒体展示

在打开后通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用,给人传达青春活力、积极乐观的生活态度。优点:直观,动感,生活化。缺点:应用较大,视频播放会出现卡顿的情况。

4、前后串联

由于手机端天然的触屏行为属性,通过滑动触发用户注意力,吸引用户关注下一秒迸发的画面内容,让整个观赏过程成为用户的参与互动体验。

5.竖屏交互

现在的引导页的切屏交互方式基本都为左右滑动,通过改变既有的交互方式增加用户的注意力。在界面的设计中使用的隐喻线索,让这种新的交互方式变得自然而容易,否则会引起用户的反感。

图例为feedly的引导页。改变了常用的左右滑动的方式,使用了向上滑动的方式。每张引导页想一张卡片,阅读过的引导页向上滑动即被滑出屏幕。界面视觉对于新的交互方式有明确的引导。

#本文同步发布到pm263.com,pm263为你提供更多更全的产品经理干货,欢迎大家访问。

相关文章

  • APP 引导页设计2-引导页展现方式

    随着技术演进和大环境提升,确实看到了引导页以不同的载体,从静过渡到动态甚至流媒体,引导页在视觉表现上呈现繁多,大概...

  • APP 引导页设计5-总结

    前面4篇分别介绍了引导页的分类、展现方式、优秀引导页的特点、如何设计优秀的引导页,是时候来个总结了。 引导页分类:...

  • App设计之引导页

    今天来谈谈引导页,主要是 app 启动后展现的引导页,也有人称为前置引导页。今天从是什么、为什么、怎么做来谈论引导...

  • [系列]APP设计之二:引导页

    上次我写了自己关于启动页的一些观察和想法。这次,来谈谈引导页,主要是app启动后展现的引导页,也有人称为前置引导页...

  • MSLaunchView

    MSLaunchView 一键合成APP引导页,包含不同状态下的引导页操作方式,同时支持动态图片引导页和静态图片引...

  • 如何设计APP引导页经验分享【APP设计教程】

    概述:今天分享大家的是由 @fanfanfan9 《分享的APP引导页设计的那些事》。详细了讲解了一个App引导页...

  • APP引导页

    新手引导页,我是使用Coder_CYX所写collection的包,这里是传送门http://www.jiansh...

  • APP引导页

  • APP引导页

    -app引导页一般由三部分构成 页面主体:一般是一个ViewPager,里面放置多张引导图片 下方的标识圆点,使用...

  • APP引导页的设计

    通常,在设计APP时都会习惯性的加上引导页,一来方便用户在真正开始使用应用之前,能对应用做一个大概的了解。二来也希...

网友评论

    本文标题:APP 引导页设计2-引导页展现方式

    本文链接:https://www.haomeiwen.com/subject/hkdpcttx.html