手机常用控件类动效运动元素叠加模型的设计与实践

发布时间：2024-05-08 22:56

　　手机动效是指用户在与手机界面进行交互时,界面展现出的动态效果。手机动效能够提高界面的交互效率和可用性,增强面板的趣味性,是手机界面用户体验的重要因素。当前,动效设计已经成为手机应用开发中一个重要研究分支。但是,目前手机动效设计存在着两大问题:一是设计人员和技术开发人员交接困难,沟通成本高;二是设计门槛高,非专业动效设计师无法设计出心仪的动效。本论文将从手机控件类动效入手,建立手机常用控件类动效运动元素叠加模型来研究这两大难题。论文将首先提取出手机常用动效的基本运动元素,然后整理出基本运动元素的设计参数标注规范。设计师人员可以将制作完成的动效拆分成基本运动元素,根据标注规范表进行标注,完成与技术对接。除此之外,论文还整理出了五个常用控件的运动元素叠加模型。叠加模型是由动效示例、参数标注、设计专家小组对于动效示例设计的评价、技术开发专家小组对于动效开发难度的评价组成,非专业动效设计师可以通过专家小组的评价,选择合适的动效示例进行调整再设计,填写动效设计参数标注规范表,与技术进行交接,完成动效设计。最后,本文以bilibili手机应用控件动效的设计为例,将手机常用控件类运动元素叠加模型应用在...

【文章页数】：70 页

【学位级别】：硕士

【部分图文】：

图２－２发送短信界面的动效??图２－２为小米手机短信应用，进入发送短信界面的动效，该动效采用了位??移变化

?图２－２发送短信界面的动效??图２－２为小米手机短信应用，进入发送短信界面的动效，该动效采用了位??移变化。用户点击右下角“?＋?”按钮之后，发送短信界面会从下方弹出，转换面??板。位移变化是转场类动效常用的变化方式，通过速度的变化，可以形成缓??入、缓出等效果，一般来说，缓动....

图２－４语音交互唤醒动效??图２－４为小米手机系统“小爱同学”的语音交互唤醒动效，该动效采用了??色彩变化，通过左下角圆形图标的色彩变化，来提示用户点击该按钮可以输入??语音，与“小爱”进行语音交互

?图２－４语音交互唤醒动效??图２－４为小米手机系统“小爱同学”的语音交互唤醒动效，该动效采用了??色彩变化，通过左下角圆形图标的色彩变化，来提示用户点击该按钮可以输入??语音，与“小爱”进行语音交互。该语音输入按钮使用了色彩变化，一方面增??强了该按钮的视觉引导，提示了用户点击....

图２－５为手机应用ＱＱ的下方导航栏动效，该动效采用色彩变化，在进行??下方导航栏的切换时，将选中的标签上的图标及文字由灰色填充为蓝色，以此??来提示用户当前选中的状态

??图２－４语音交互唤醒动效??图２－４为小米手机系统“小爱同学”的语音交互唤醒动效，该动效采用了??色彩变化，通过左下角圆形图标的色彩变化，来提示用户点击该按钮可以输入??语音，与“小爱”进行语音交互。该语音输入按钮使用了色彩变化，一方面增??强了该按钮的视觉引导，提示了用户点....

图２－６ｄｒｉｂｂｌｅ网站上的动效展示??图２－６为ｄｒｉｂｂｌｅ网站上的动效展示，该动效采用色彩变化，当用户点击选??项时，浅蓝色块会从中间朝两边进行填充，表明用户己选中该选项

Ｉ??Ｊｒｕｍｍ??图２－６ｄｒｉｂｂｌｅ网站上的动效展示??图２－６为ｄｒｉｂｂｌｅ网站上的动效展示，该动效采用色彩变化，当用户点击选??项时，浅蓝色块会从中间朝两边进行填充，表明用户己选中该选项。按钮用色??彩变化的动效来对用户的操作进行反馈，简单明确，信息传达快速有效。??....

本文编号：3967950