APP下载

APP界面设计中美学原理的运用
——以智能交互游泳辅导APP为例

2019-12-23金婷

数码设计 2019年1期
关键词:界面设计现代人界面

金婷

(武汉理工大学艺术与设计学院,湖北武汉,430070)

引言

物质生活的丰富促进人们生活方式的改变,身处于快节奏时代的当代人们,每天如陀螺般不停转动,无时无刻被亚健康问题所困扰,表现出精神萎靡、免疫下降、注意力无法集中等症状。被工作和生活琐事占据了几乎所有时间的当代人们根本无法抽出整段时间进行户外锻炼,生活质量与身体状况因此而达不到理想水平,此时许多人便将拥有健康体魄和舒适生活的愿望寄托于运动健身类APP来实现。

1 简介

通过对运动类APP发展的现状以及未来的趋势做的调查,发现随着APP的不断发展,各种运动类APP的功能界面模板几乎大同小异,缺乏竞争性和独特性。以现有的游泳类APP界面为例,大多都千篇一律。为了吸引更多的用户,在现有功能界面的基础上分析其优缺点,进行界面上的优化以满足用户的需求并吸引用户。在现有界面的功能基础上,去除多余的部分,使界面看起来更加简洁;增加数据分析等部分,让数据更清晰了解,完善鼓励机制解决用户坚持不下来等问题。

2 分析界面设计中美学原理的运用

现在,不管哪款APP,它们的界面看似只是用几个简单明了的元素组合一起,所有元素的绘制也看着比较简单,然而当一个产品出来后,我们如果按原来的进行设计而不考虑一系列规则,那么会在使用的时候出现一系列不协调的现象。

2.1 具体游泳APP界面分析

首先分析“一起学游泳”APP的界面图,从界面上分析分为5块区域,分别为游泳知识、动画图解、视频教学、游泳论坛和关于我们。初学者学习游泳的方式就是利用这款APP所提供的视频,学习自己想要学习的泳种。当然,这款APP也提供让游泳运动者进行交流的平台,为游泳者提供更加便利的服务。从整体上来看色彩过于单调,纯度偏高。排版样式过于简单,观赏度不够。视频部分只有文字叙述,不能让用户充分了解视频所演示的内容。

接下来分析“趣游泳”APP的界面图,这款APP通过视频、图片、文字等形式帮助游泳者可以快速学习游泳姿势,选择自己喜欢的方式。最重要的是用户可以在“游泳日记”记录自己学习游泳的进程和心得与他人分享。这款APP功能界面主要分为三部分,它的版式比上一个APP界面排版要丰富一些,整体色调也显得纯度不高,有一定的观赏性。在视频版块中带有图片,可以帮助用户分辨自己想要看的内容。

它们的共同点都是首页面展示从游泳入门开始教授,为初学者提供便利。在界面中都有教学视频分布,可以通过利用图片、动画等方式学习。将不同的泳姿表现出来供用户选择,色彩几乎都选择蓝色系,以浅灰色为辅。在排版中大都使用矩形显得板正规矩。

2.2 现有游泳类APP界面改进的方向

(1)在排版方面,不要过于单调,要具有欣赏性来增加吸引用户的筹码。

(2)部分数据过于模糊,不能让用户明确知晓自己进步的速度,没有合理的鼓励机制来激励用户继续运动不放弃。

(3)毕竟业余游泳者占大多数,对于专业的动作要领掌握的不是太熟悉。就算看视频图片还是不太那么的了解自己已经觉察出来的问题,更不用说那些自己还没有发现的问题,所以需要增加新的功能界面达到帮助用户解决这个问题的目的。

2.3 界面改进后的优点

在界面的版式设计上多采用纯度较低的色彩,并且色彩颜色较为丰富一点,不会过于单调。通过对数据的重新排版设计使具体数据可视化,可以捕捉使用者的泳姿并分析,将出错误的位置、次数明确的显示出来,准确纠正错误姿势加以改正。简洁的界面可以让用户及时了解有关自己的数据分析,通过数据可视化游泳者清楚的看到自己出错的次数在不断的变少,这极大鼓励了游泳者继续坚持下来的信心,解决因为意志薄弱而放弃健身这个问题。

2.4 设计中运用的美学原理

在进行APP界面设计时,首先要进行界面信息的排布。首先必须要掌握的是对称、平衡这两大原则。对称除了能建立一种清晰的视图,还能使开发得到实现。另一方面基于现代人从左上到右下的阅读习惯,在界面中内容的排布通常使用的是左对齐和居中对齐方式,用户填写时的输入项使用右对齐方式。

在APP界面中展示的内容也有轻重之分。为了让用户可以直接地看到重要的信息,利用反复和条理两大原则,使整个设计中重复出现既能增加条理性也可以加强统一性,同时也要降低用户认知的难度。

同时在界面设计结构的框架上避免使用复杂的视觉结构,尽量符合现代人对规则浏览的习惯,因此在图像的选择上避免使用复杂、容易分散用户注意力的图像。适当使用图形可以增加易读性和设计感,而且图形的理解比文字更高效,可视化的图形可以将内容以被人接受的方式呈现出来。

在APP的界面设计的结构和文本确定之后,就要开始安排图标、按钮、图片的位置了。利用节奏、韵律这两大原则,界面中元素排列会影响界面整体的效果及用户的阅读兴趣,一般情况下降低图版率会给人高级的感觉,提升图版率会有充满活力。在设计中可以采用一些色块、物体等,使界面更友好也降低空洞的感觉。

此外在APP界面设计上来说,留白可以减轻界面带给用户的负担。用户等入界面对一个应用来说是十分重要的,界面中包含的内容太多时,会给人一种界面狭窄的感觉,同时给用户带来压迫感,留白能够给界面带来更强的空间感,因此通过留白来减轻元素太多带来的压迫感,使用户进入一种轻松的氛围。

最后应注意APP界面自身的结构要清晰明了,背景不能过于复杂。在考虑背景的色彩时应尽量选用同一色系的颜色,尽量避免使用色相环中大面积同一颜色,避免颜色明度过高,要采用明度较低的高级灰色。当然有时候虽然决定了画面风格的色彩,但有时候不会全篇的运用这个颜色,只要主色调一致就能让用户找到归属感。

3 结束语

随着网络的不断发展,用户对界面设计的要求也越来越高。要想达到科学的界面设计,不仅要在排版中遵循一定的美学原理,更要结合现代人的发展需求,现代人的追求在不断的变化,审美也在不断地发生变化。在这样的前提之下添加新功能,创设趣味界面,同时在界面设计时运用美学原理来吸引用户,并帮助现代人建立健康的生活方式。

猜你喜欢

界面设计现代人界面
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
现代人是怎样挖煤的
微重力下两相控温型储液器内气液界面仿真分析
现代人的避难所
国企党委前置研究的“四个界面”
手机UI界面设计中视觉艺术元素的构成
扁平化设计在手机界面中的发展趋势
智珠