中国传媒大学-用户体验与UI交互设计-课件-知识点5.7 移动应用中特殊界面的设计技巧.pptxVIP

交互式界面设计西安邮电大学数字艺术学院知识点5.7移动应用中特殊界面的设计技巧目录CONTENTS0403020105PART 05PART 04PART 01PART 03PART 02页面关系引导页面闪屏页面引言启动页面01引言 引言 一个APP包括很多页面，我们一般把除内容页面的其他页面都叫做特殊页面，这些特殊页面可以是闪屏页、可以是启动页，也可以是引导页。启动页闪屏页引导页APP页面 概念梳理指应用尚未运行，系统创建进程并初始化应用。冷启动指应用已经运行但是在后台被挂起，从后台恢复应用。热启动一般热启动没有任何的特殊页面出现，而是直接进入APP主页。02闪屏 引入闪屏冷启动出现时间稍长冷启动时间稍微会长一点，在此期间可能会看到白屏或黑屏或感受到明显的启动延迟，这种情况从用户角度上来说是无法接受的，所以就出现了闪屏。 闪屏闪屏是应用每次冷启动过程中展示给用户的一个过渡页面。 闪屏缓解用户焦虑情绪 用于减缓用户在打开应用时等待的焦虑情绪，可以这么说，是善意欺骗用户以掩盖启动慢的事实。由于闪屏通常是一张背景图片，无法拥有交互，也不能动态修改，无法承载营销需求，所以就需要启动页。03启动页 启动页 启动页就是覆盖整个屏幕的一张或多张图片，在程序加载完成后隐藏。为什么要设置启动页呢它和闪屏页的作用是一样的；另一方面还可以传达很多内容，如产品宣传口号，活动内容等等。 启动页的两种常见设计方式第一种是使用产品logo和宣传口号 启动页面使用产品logo是目前常见的设计形式，除了以上元素，应用版本、版权、进度条有时也作为辅助元素。 启动页的常见设计方式第二种是营造产品的情调氛围 启动画面持续的时间不过几秒，设计师也可以抓住这宝贵的几秒钟时间来营造产品氛围，这种氛围应当与产品气质相一致，通过一张画面去诉说一个故事或是一种情怀。对比反差04引导页面 概念什么是引导页呢？ 当我们下载并安装完一个新的App后，或者更新App版本后，打开产品，首先会出现一页或者滑屏多页图文并茂的页面，或者只有文字和纯色背景搭配。 为什么设置引导页为什么设置引导页？通过设计制作引导页来回答用户内心的这些问题。 引导页的特点 引导页在首次打开出现后就不再出现了。清除用户数据，再次打开应用也可以看到引导页。一般3-5屏左右，不宜过多，最后一页一般是『立即开启』按钮，部分应用最后一页也可以通过左划来进入应用。清除用户数据京东引导页05页面关系 特殊页面之间的关系因为热启动不会出现这些特殊页面，所以这里我们可以用冷启动流程图来为同学们进行更清晰的解释。是否第一次启动？开始是APP主页闪屏引导页 交互方式冷启动过程否结束启动页