《交互界面设计》课件-第6章 H5界面设计_第1页
《交互界面设计》课件-第6章 H5界面设计_第2页
《交互界面设计》课件-第6章 H5界面设计_第3页
《交互界面设计》课件-第6章 H5界面设计_第4页
《交互界面设计》课件-第6章 H5界面设计_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

UI设计UIdesignUI设计UIdesign5.1UI动效基础学习目的1.界面动效概念2.界面动效的作用3.界面动效的类型界面动效基础5.1.1界面动效基础界面动效的作用是什么?增加界面活力且加强用户认知。5.1.1界面动效基础一、界面动效的类型(功能角度)操作反馈聚焦关注内容呈现转场过渡层级展示空间拓展5.1.1界面动效基础一、界面动效的类型(功能角度)1.操作反馈当用户操作时,通过动效对用户进行反馈,使用户确定操作成功,有效地增加用户的体验感和安全感。如底部导航操作。5.1.1界面动效基础一、界面动效的类型(功能角度)2.聚焦关注当用户操作时,通过弹出、强化需要关注的元素、弱化其他元素,使用户能够迅速关注到需要关注的元素上。如分享操作。5.1.1界面动效基础一、界面动效的类型(功能角度)3.内容呈现通过缩放、移动等动效使内容的呈现更加自然、生动,能够让用户感受到重点内容和不同的层级结构。如导航地图。5.1.1界面动效基础一、界面动效的类型(功能角度)4.转场过渡结合内容的动效转场会使转场效果比平移、滑动更加生动有趣,并且能够更好地体现内容层级关系。5.1.1界面动效基础一、界面动效的类型(功能角度)5.层级展示通过模拟现实中近大远小原理,用动效实现内容的层层推进,使层级关系更加明显。5.1.1界面动效基础一、界面动效的类型(功能角度)6.空间拓展由于手机屏幕尺寸限制,无法一次性展示大量内容,可以通过折叠、翻转、缩放等增加容量,并且通过渐进的展现方式,减少用户认知困难。5.1.1界面动效基础二、界面动效的价值增加体验舒适度:

让用户认知过程更为自然。增加界面活力:

第一时间吸引注意力,突出重点。描述层级关系:

体现元素之间的层

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论