UI设计之APP引导页设计技巧分享(1)

来源:网络   作者:热心网友   发布时间:2017-03-31    浏览次数:232

前言

移动设计的引导,可以让用户快速的熟悉产品,在用户遇到困难时给予帮助。在设计时力求简单有趣,在恰当的时间出现在恰当的地方。引导设计的主要模式:前置型引导,过程中的引导。前置型的引导主要是用户还没开始使用这个产品之前的一系列帮助。主要的设计方式是幻灯片式。过程中的引导主要是用户在使用这个产品给出的一系列引导。主要的设计方式包括浮层式引导,遮罩式,嵌入式和互动式。


幻灯片引导

幻灯片引导一般是出现app第一次启动的时候,是一系列的帮助页面组合。可以通过全屏或者接近全屏的展示,让用户聚焦到引导内容上。因为引导页很容易被用户直接跳过,所以要求引导页设计的创新,聚焦和精简。


从内容上说,幻灯片引导可以分为功能型介绍类、使用说明类、推广类、解决问题类。表现形式有:


a.文字与界面的组合,简短的文字+该功能的页面,主要运用在功能型介绍使用说明类。优点:较为直接的传达产品的主要功能,不足在于过于模式化,显得千篇一律。

e31258db745fa801219c770920c9.jpg



b.文字与插图的组合。目前常见的形式之一。插图多具象,以使用场景,照片为主来表现文字内容。可以广泛运用各类引导,生动又形象。


68fc58db7471a801219c774d44fd.jpg


c.动态效果与音乐。在单个或者所有页面采用动画的形式,考虑好各个组件的先后快慢,使页面活动起来。同时结合动效可以考虑页面间的切换方式,将默认的左右滑动改成上下滑动活着几秒自动切换到下一页。



6a1158db7491a801219c7716cb9f.jpg


d.视频展示。打开后通过播放视频的形式太介绍产品,多见于偏生活记录类的应用,比如拍照、美图、运动类应用,给人青春活力的感觉。

255358db74baa801219c77d276da.jpg




123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5813.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通