知识点5.7 移动应用中特殊界面的设计技巧.pdf

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