浮层引导页和空白页的重要性

2019-12-10   MICU设计



在实际作中经常会碰到各种类型的界面设计,同一款App的不同页面也有不同的名称和设计方法。今天米醋就跟大家说说浮层引导页和空白页的设计方法。


浮层引导页

浮层引导页一般出现在功能操作提示中,是为了让用户在使用过程中能够更好地解决问题而提前做的用户教育。这种引导页的浮层通常会使用箭头和圆圈来进行设计,用高亮的颜色来突出信息,以手绘表现方式为主,同时采用蒙版方式来加强突出功能,如图1-14所示。

浮层引导页

空白页分为首次进入型和错误提示型两种。简单来说,空白页就是由于网络问题或者是因为没有内容的页面,例如页面中显示“没有信息”、“列表为空”、“错误”或者“无网络”等内容的页面就属于空白页。在一般情况下,这种页面都会通过文字信息给用户进行提示,好的空白页面会花不少设计时间,因为这种页面不仅是用于提示,还会引导用户进行实质性的操作,从而加强用户对产品的粘性。但是要注意一点,空白页的设计一定要简洁明了。


1.首次进入型

在用户第一次打开应用的时候,软件会利用空白页的提示引导用户进行操作,指引用户找到需要的内容。

首次进入型的空白页


2.错误提示型

错误提示型的空白页不仅网页中很常见,App中也有错误提示的页面,例如显示“找不到页面”或者“网络中断”等。这种页面中一般会指引用户解决问题,例如点击“刷新页面”按钮可以刷新页面等。


错误提示型的空白页

好啦!今天就分享到这里!
大家有木有学会哦~~

我们明天见!