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

  • 1
  • 0
  • 约1.11千字
  • 约 21页
  • 2022-03-23 发布于重庆
  • 举报

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

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

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档