图形动效在“FIT UP健康管理”APP界面设计中的应用
发布时间:2020-03-25 10:22
【摘要】:随着移动互联网技术与国内健康产业的发展,一种与互联网相结合的健康生活新模式正逐步走进人们的视野,手机软件中健康管理类APP的出现就印证了这一现象。国内的手机APP设计正悄然的发生着变革,各类移动互联网产品已经度过了在市场上大肆投放的阶段,开始注重软件界面的审美体验,这些产品的界面视觉设计逐渐向更加美观以及更加人性化的方向转变。通过对健康类APP界面中图形动效的视觉表达方式的调研发现,动态的图形会对用户的视觉感知产生较大的影响,当前国内还有不少健康类手机软件界面都普遍存在着界面视觉审美体验差,以及操作交互感受不佳的问题。笔者尝试使用平面设计相关设计方法对界面设计进行优化,将界面各功能板块视作图形视觉符号,对其赋予图形动效的交互体验。笔者首先以界面设计与动效设计的相关概念作为理论基础,从图形动效在健康管理类的手机APP中应用的易用性出发,分析其在健康类软件“FIT UP健康管理”中的应用优势,然后总结基于健康类APP界面的图形动效设计方法,从功能出发,作出重视用户视觉感知体验的设计规划。对APP界面中图形动效的研究共分为三个部分,绪论部分主要阐述了选题的研究目的、研究的背景与意义、研究的难点与创新点,运用文献资料法和实践创新法去分析此课题,为后续的设计方案提供理论基础。第一部分阐述了图形动效和界面设计的含义,以及图形动效在健康类APP界面设计中的易用性分析和应用优势。第二部分主要阐述了国内外健康类APP的优秀案例分析以及动效设计在健康类APP中的设计思路,这一部分以移动界面图形动效为研究对象,重点阐述图形动效在移动软件界面中的的视觉表达方式,将对图形动效归设计方法加以阐释,总结设计原则以应用在健康类APP界面设计中。第三部分为设计流程和作品的展示,使用不同的媒介对设计进行展示。文章最后是对本次课题研究所涉及项目和行业发展态势的总结与展望。
【图文】:
第二章 健康类 APP 界面中图形动效的设计思路一、APP 界面中图形动效用户体验调研与案例分析APP 即为手机移动端的应用程序,而手机应用程序中图形动效设计的诉求根基则被称为用户体验,其是用来考察一个应用程序是否符合用户需求的关键准则。设计实践人员在将动效设计类别进行划分之后,随即作出基于调研研究方法的调研实践,针对交互动效设计开展了详细的手机 APP 真实使用情况调查。依据调研对象对不同设计表述方式以及体验感受的不同,进行具体分析,总结不一样的动效类别在手机应用程序中的使用感受特征以及有何缺点。笔者对手机应用程序中图形动效设计的用户偏好水平进行了调研,在这次调查研究中抽取对 APP 界面中动效有些许了解的 40 人为调研对象。人群年龄占比如图 2-1 所示
图 2-2 滑动动效流程图 来源网络 https://www.uisdc.com/functional-motion-design-method图示软件界面的左右滑动动效,采用卡片填充界面的卡片式布局,用户点击卡片区域拖动并向左滑动,界面会出现不同卡片模块平移至界面视觉中心,并随之抖动后在界面右侧边缘出现下一模块内容,这种平滑转移方式可使用户随视觉随动效移动,并发觉下一版块交互方式,随后理解软件的交互逻辑,这一感知过程发生在动效启动的同时,以极高的效率降低了用户的学习成本,能够理解交互动效给予用户的提示。如下图 2-3 所示,可得数据 35%的用户对图示软件中滑动动效的体验效果选择“满足”;30%的用户选择“认同”;25%的用户对图示软件的滑动动效感受表示不确定;1%的用户“厌恶”此动效。
【学位授予单位】:河南大学
【学位级别】:硕士
【学位授予年份】:2019
【分类号】:TP311.56
本文编号:2599781
【图文】:
第二章 健康类 APP 界面中图形动效的设计思路一、APP 界面中图形动效用户体验调研与案例分析APP 即为手机移动端的应用程序,而手机应用程序中图形动效设计的诉求根基则被称为用户体验,其是用来考察一个应用程序是否符合用户需求的关键准则。设计实践人员在将动效设计类别进行划分之后,随即作出基于调研研究方法的调研实践,针对交互动效设计开展了详细的手机 APP 真实使用情况调查。依据调研对象对不同设计表述方式以及体验感受的不同,进行具体分析,总结不一样的动效类别在手机应用程序中的使用感受特征以及有何缺点。笔者对手机应用程序中图形动效设计的用户偏好水平进行了调研,在这次调查研究中抽取对 APP 界面中动效有些许了解的 40 人为调研对象。人群年龄占比如图 2-1 所示
图 2-2 滑动动效流程图 来源网络 https://www.uisdc.com/functional-motion-design-method图示软件界面的左右滑动动效,采用卡片填充界面的卡片式布局,用户点击卡片区域拖动并向左滑动,界面会出现不同卡片模块平移至界面视觉中心,并随之抖动后在界面右侧边缘出现下一模块内容,这种平滑转移方式可使用户随视觉随动效移动,并发觉下一版块交互方式,随后理解软件的交互逻辑,这一感知过程发生在动效启动的同时,以极高的效率降低了用户的学习成本,能够理解交互动效给予用户的提示。如下图 2-3 所示,可得数据 35%的用户对图示软件中滑动动效的体验效果选择“满足”;30%的用户选择“认同”;25%的用户对图示软件的滑动动效感受表示不确定;1%的用户“厌恶”此动效。
【学位授予单位】:河南大学
【学位级别】:硕士
【学位授予年份】:2019
【分类号】:TP311.56
【参考文献】
相关期刊论文 前10条
1 吴俭涛;李蒙晓;王之苑;;移动应用界面中动效设计的运用与探究[J];艺术与设计(理论);2015年09期
2 张波;;浅论界面设计的“简”与“繁”[J];美与时代(上);2015年08期
3 许露;江洪;;可穿戴设备发展现状与问题对策研究[J];新材料产业;2014年12期
4 李准;;信息可视化与数据可视化[J];现代制造技术与装备;2014年05期
5 孙志伟;;大数据时代物流行业的O2O应对策略[J];物流科技;2014年09期
6 岳敏;;软件界面设计的探讨[J];数字技术与应用;2014年07期
7 詹恒;;设计色彩中对于性格心理的解析与探索[J];艺术科技;2014年05期
8 张俊;;可视化数据挖掘技术的研究与实现[J];重庆工商大学学报(自然科学版);2013年03期
9 王赛兰;;论交互设计中的信息可视化[J];产业与科技论坛;2012年15期
10 张浩;郭灿;;数据可视化技术应用趋势与分类研究[J];软件导刊;2012年05期
相关硕士学位论文 前1条
1 朱元朋;移动终端界面交互动效设计及视觉反馈研究[D];西安电子科技大学;2015年
,本文编号:2599781
本文链接:https://www.wllwen.com/guanlilunwen/glzh/2599781.html