107
设计艺术与理论丨学术平台丨手机的普及使人们的生活变得简单而丰富。人们通过手机上的APP 来了解世界各地的文化、记录生活的变化、创造财富与价值。“公益”现如今人们非常关注的一个话题，微时代的开始，使人们从手机上、APP 上关注公益，了解公益，加入公益。公益跑步APP 让本来就愿意跑步的朋友关联起来，同时共同完成一个公益的目标，让本来枯燥的跑步行为变得有意义。对于高端用户，可以在APP 中发起集体性的跑步活动。交互界面设计原则
ui设计专业1Alan Cooper 等人认为界面设计是寻最合适的变现方式来传达具体信息，并指出交互界面的设计原则：（1）运用视觉属性将元素分组，创造出清晰的层次结构。（2）在每个组织层次上提供视觉架构和流。（3）使用紧凑、一致且上下文合适的图像。（4）风格一致，功能全面且有目的性。（5）避免视觉噪音和杂乱。以人为本
1.1APP 界面要以人为中心，注重用户的体验，传递视觉信息。APP 界面设计要符合人的视觉感受、心理感受和行为感受，通过控制界面彩的搭配来建立合适的用户模型。以人为本的关键就是在对目标的设定，设计人员要始终坚持以用户的需求为出发点，让用户的建议和意见贯穿整个设计的始终，通过调查问卷、访谈、实验等方法来挖掘用户真正的需求。上下一致
1.2当设计人员在界面上选定某种风格时，要从全局出发，界面的方方面面都要考虑到，不是考虑单个视觉
元素，而是要把所有的元素结合到一起考虑。APP 界面设计首先要考虑的是界面的整体风格给用户带来的视觉感受，其次，从位置、大小、多少、形状方面有效的组织好这些视觉元素，从而更好的把用户与APP 的功能、行为联系起来。简洁美观
1.3APP 界面设计时应该保持界面的简洁和美观，要符合大众审美，还要具有积极的感情彩。界面的文字、图形、彩的搭配是APP 界面设计的关键因素。在文字和图片搭配使用的过程中，要注意，避免使用专业术语，要使用通用语言，尽量使用肯定句不要用否定句。要处理好图形的主要颜和次要颜之间的关系，综合考虑APP 功能上和用户心理上的因素。界面图形要具有高度的概括性，又不能超出人们的理解范围，这就使得设计图标时需要具有简化图形、概括图形的
能力。通过分明的主次关系减少视觉噪音和杂乱。公益跑步类A 2PP 竞品分析
竞品分析是每一个设计人员应具有的一项本领，对于交互设计人员来说侧重的是产品界面、交互形式。竞品分析的目的是为自身设计所考虑，为用户所服务的。竞品分析要完成以下几个步骤：（1）确定竞争对手并出分析的对象；（2）对相同的功能模块或其他研究细节进行做表分析；（3）根据比较结果作进一步分析。通过对Nike+ Running 、咕咚、Wahoo Fitness 等流行的公益跑步类APP 的界面和功能上的分析，能够对APP 有一个更全面更深入的了解。
从权威性、社交化、专业化等这几个方面具体评价APP 界面设计：权威性
2.1由耐克制作的 Nike+ Running 天生带有主角光环，大量专业或者业余跑者大都从这款APP 用起。操作上比较容易上手，颜上选择比较单一，只有红和黄，但是这个红的饱和度略低，不像是耐克的风格；在左边隐藏的菜单中比较复杂不易操作，其中大部分的选项是要注册以后才能使用的；关于跑步结束按钮的设计人机关系还是比较科学的（长按）。社交化
2.2咕咚注册页面支持微博、等社交账户直接登录，登录后可添加已经开通咕咚账户的微博、好友，也可以直接邀请未开通的微博、好友；同时支持查手机通讯录好友，好友添加方式比Nike+优化很多。这款APP （咕咚）是接受度比较高的，比起前面两个来说他的易用性明显增强，彩主要就是一个，饱和度和耐克+的相似，主要的功能键是在界面的底部，社交方面是在顶部。跑步终止的按钮采用滑动的方式，再进行关闭确认的操作。专业化
2.3在基本的时间、距离信息之外，Wahoo Fitness 的控制页面还可以根据个人习惯从多个数据中自行选择布局，以配合多种不同运动的需要。对了，值得一提的是它强大的语音提示功能，用户不用分心看手机屏幕，直接通过声音就可以接受实时的数据反馈，专业又贴心。美丽善跑3APP 界面设计
世界卫生组织对健康的定义是身体上，心理上和社会上的完美状
公益跑步类APP 交互界面设计研究——以善跑APP 为例
摘  要：本文主要通过三个方面来介绍公益跑步类APP 交互界面的设计。从交互界面设计原则为出发点探寻善跑APP 应遵循的规则，通过竞品
分析总结出布局规律。善跑APP 解决了跑步约不到朋友、不能坚持跑步等问题，给用户创造了一个优良的平台。关键词：公益跑步类APP ；界面设计；善跑APP
作者简介：
刘海男/1993年生/女/河北唐山人/硕士/研究方向为交互设计
刘海男  薛凌霙
西南交通大学，四川成都，611756
108丨学术平台丨设计艺术与理论
态而不仅是没有疾病和虚弱的现象。这三项标准具体化为：一是没有器质性和功能性异常，二是没有主观不适的感觉，三是没有社会公认的不健康行为。以后又有人从社会适应的角度加上一项道德上的完满，即四个完满。通过对健康定义的普及，得出了善跑APP 的设计理念，以简洁、美观为界面设计基础，以让更多的人加入到公益跑步的体为前提，以达到身体、心理、社会上的健康为目的。
图1 美丽善跑主要界面
人物定位
3.1目标人：都市上班族和高校学生。
需求特征：把偶尔有跑步的行为，引导成为每天跑步的习惯，同时给社会公益贡献力量。界面设计
3.2此款公益跑步类APP 名为“美丽善跑”，既具有公益性，又具有记录跑步的功能。在界面上，简洁美观，采用清新的绿为主要调，符合人的视觉特性，能够激发人们想要去使用的欲望；布局合理，符合人的行为特性，能够快速的到各项功能，方便使用。图1为“美丽善跑”APP 主要界面。结语
4公益跑步类APP 要集公益和跑步于一体，更多的服务于用户，给用户更好的体验。在设计中要涉及到前期调研，后期分析和APP 的界面设计。文章通过对交互设计的原则进行的探究为切入点，对市场现有APP 进行了竞品分析，对用户做了简单的调查问卷，最终设计出了“美丽善跑”APP 的界面。参考文献：
[1] 邓卫斌，孙伟.“以人为中心”的交互设计在产品设计中的应用[J].包装工程.2010(S1):4-6.
[2] 朱娜.以打车类APP 为例浅谈竞品分析[J].通讯世界.2014(20):181.
[3] 郭辰希.滴滴打车营销模式分析[J].中外企业家
.2015(25):106.
这种观察与视觉体验的方法在初期较为符合视觉传达学生的思维方式，容易引导学生入门，建立体会平面构成的基本感受，随之对基本元素的理解，逐渐培养视觉传达学生对平面构成基本元素及形式美的感受力，以便在今后的视觉传达设计中能根据作品所要表达的气质和情感准确把握各种基本形态的运用及组织。平面构成的基本形式
4平面构成的基本元素之间的关系有分离、相交、相接、相交的关系里又有合并、重合、叠透、剪切的关系。研究基本元素之间的空间关系，和配置共同形成的形式是设计和平面构成的本质特点。平面构成的基本形式有重复、渐变、特异、对称和发散等，这些基本形式是我们在设计中较为常用的方法和构成原理。在对重复构成理解的时候，我们可以利用很多自然事物、人造物的存在方式来理解，比如鱼鳞、树叶、花瓣、动植物的内部组织结构存在的重复现象来让学生更好地理解。如图2的标志设计，这种标志形态设计并非天马行空，而是在对重复构成理解的基础上通过有效的设计方法来完成的。自然中的植物叶子的重复构成能够很好地让学生理解这种重复构成的秩序美。这种构成形式的理解和运用比较适用于视觉传达学生快速创造新形态的方法。在学生了解平面构成的基本形式的基础上通过对自然植物的观察从而练习各种构成形式的系列化设计课题。能够很好地达到平面设计课程的目的。平面构成的形式美法则
5平面构成的形式美法则有：变化与统一、对称和均衡、对比和调和、节凑和韵律、夸张和简化。这些形式美法则是对画面的总体思考和控制方法，是对处理画面总体关系的经验总结。对称与均衡是让画面达到平衡的手法，对称中的中心轴是一种极稳定的形式，给人以严肃、正统、庄严的特征，但也有保守的特征；对比和调和是变化统一的表现，他的两种状态是大对比、小调和，或小对比、大调和；节凑和韵律主要是借用音乐的概念，描述了视觉上的动态感受；夸张是艺术创作的常用手法、简化是夸张的简化，京剧脸谱和武侠小说常常充满夸张，夸张和简化的手法能够突出事物的特点。变化与统一是这些形式美法则的总法则，我们可以通过姊妹艺术来让学生理解这些法则的重要性和特征，比如，变化统一作为总法则，是所有艺术形式遵循的法则之一。这在绘画、音乐、文学等艺术形式都有体现。变化是创新和发展的前提，统一是秩序和艺术纯熟的境界。这是艺术家和设计师真正的追求和价值所在。
结语
6平面构成课是视觉传达设计造型基础课的重要组成部分，其核心内容是研究点、线、面的形态特征、基本形式和形式美法则。平面构成课是学生步入设计大门的前提，也是引导学生设计思维转化的关键环节。要想让学生在其设计专业有更深远的发展，平面构成课的教学起着极为重要作用，因此需要授课教师根据不同学生和专业特点因材施教并且在教学思路、教学内容和教学方法上做不断深入的探索。
参考文献：
[1] 杨浩.基于艺术设计专业的微媒体学习生态圈构建[J].创意设计源.2014(5):53-56.
[2] 张怡.独立学院艺术设计专业应用型人才培养模式研究[J].设计.2016(7):104-105.
[3] 王晓煜，吴迪，宋萍，等.“3+1”应用型人才培养模式的研究与探索[J].计算机教育.2010(4):15-19. （上接106页）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。