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

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

浮层式引导

浮层式引导是一种轻量级但是目的性很强的引导方式,一般是半透明复层结合文案的设计模式。大部分浮层模式带有箭头,目标明确,用来提示重要功能或者隐藏操作。一般为非模态浮层,大概显示3秒后自动消失,对用户的干扰较小。也有一些重要功能使用模态浮层,需要用户点击确认。

5ac758db74cca801219c778faf17.jpg


遮罩式引导

遮罩式引导为一种比较强势的引导,通过直接盖住界面来强调当前需要引导的内容。一般遮罩层为半透明,在此图层上,通过各种图形来结合被盖住的界面内容,引导用户聚焦到重要的信息。遮罩式引导涂层需要有确认或退出键。


4e6658db74dca801219c779a13e8.jpg



嵌入式引导

嵌入式引导指将引导内容直接嵌入到界面中。可以嵌入到状态栏,导航栏,工具栏,比较常见的是嵌入到主题的页面内容。

嵌入式引导分为局部嵌入和整体嵌入。局部嵌入就是保存当前页面内容的同时,增加引导提示。这种方式更为温和。整体嵌入则是将引导做为一个整体代替页面的内容,一般使用在“空状态”的情况下。


bc5d58db74e9a801219c777d79d4.jpg



嵌入式引导:空状态

空状态页面主要出现在以下三种情况下:

1.初始状态:需要用户添加或者操作才产生内容的页面。一般初始状态为空,这时候需要在界面上做良好的新手引导,告诉用户如何开始。

2.清空状态:通过删除或者用户其他操作,清空了当前页面内容,产生空白页面。这个时候可以考虑情感化的设计。

3.出错状态:由于网络或者服务器的问题无法加载当前页面,产生了空内容,这个时候需要有明确的提示,且告知用户如何处理。


123共3页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通