就目前市场上琳琅满目的移动设备应用程序,界面的设计主要从图标设计、文字布局版式设计、界面色彩搭配以及交互设计等几点入手。通过设计,在保证软件功能的前提下使用户用起来更加“顺手顺眼”。据统计,人们在使用移动端软件的时间已经远超桌面软件,但每天会被市场淘汰掉的应用高达百个,软件的日活跃度也单单集中在几家大型互联网公司品牌下产品中。不仅是应用程序,单从相机方面看,随着摄像头硬件的不断提升,不管你是专业摄影师、摄影爱好者,更多喜欢拍照的人可以更方便的获取记录生活的照片或完成创作。而优秀的修图软件可以让用户在轻度学习后很快能找到自己需要的功能,随时随地实现“拍摄+润色+分享”。所以如何获取和留存应用用户,对于大多应用来说不只是内容的问题,本文将从图标设计、文字设计、颜色设计以及界面层次来分析当下拍照修图软件的界面设计。
图标作为用户同程序功能最直接的连接,是拍照软件最重要的设计要素。图符是界面的图形图标符号,是有着明确指代含义的计算机图形。从拟物化到扁平化的过程不只是要求对图形的模仿,这种高仿真的拟物化图标设计在早期应用市场中大量出现,随着互联网时代的推进,大量的应用程序充斥着我们的移动设备,这种复杂的拟物化设计增加了用户审美疲劳以及视觉负担。随后出现的扁平化设计代替了先前高仿真拟物化风格,逐渐成为一种简化的平面化符号,扁平化设计的出现提高了应用的功能辨识度,减轻了用户的视觉负担。(如图1)
科学界利用眼跟踪仪,观察人在屏幕上绘画时,能够发现人的视觉轨迹主要随画面上的主线条运动。以后在人们回忆中留下的也主要是他对画面理解的主要含义,即表达含义的主要线条,而不是画面的细节。因此简单的图形表达功能需要很精确的提炼,不能通过细节来表达含义。比如曝光度调节使用太阳标识;对比度调节使用黑白对比的小圆点;美肤功能使用笑脸…区别与纯文字的功能性说明增加了用户对于界面的好感,提升用户的交互感受。即使在不同背景知识和应用使用任务的用户中一样可以达到对于应用的功能性传递。
表达信息最常见的方式是文字和图形,文字和图形的共同特点是人脑往往对文字或画面所理解的含义,并不记忆其中的细节。
文字作为信息传播的重要载体,随着时间的变迁由手写到印刷再到屏幕以及信息化发展到今天全民化的移动设备。就移动设备来说,字体的发展历程相对较短,移动设备渲染能力以及像素的提高使得界面中更多的细节展现出来。同图标一样,字体设计应表述主要内容而非无用的细节,从而提高整个界面的整洁和阅读舒适度,如今市面上的拍照软件以及其他类别的应用绝大多数软件多使用的是无衬线体和黑体(如图2)。相对衬线体来说,无衬线体减少了对于字体装饰性的笔画设计,在拍照软件中,相对浏览器或阅读软件的文字浏览功能来说更注重于拍照以及修图美化功能,文字大小不但要考虑屏幕大小,更要从识别度上来考虑。所以,将文字与图标相互配合来向用户传达拍照软件的功能,使用标准字体区分结构功能层次,在注意形式的时候以功能为主,避免不实用的设计。
App Store琳琅满目的应用充斥着我们的移动设备,每个应用各具特色,最直观的就是整体的配色。色彩搭配影响着每个用户的心情,比如,橙黄色会激起人们的欲望;蓝色会让人心旷神怡;绿色会让人有宁静、舒适的自然清新感觉…这些都是通过用户的经验和他人的经验积累的过程,形成了我们对于色彩的感知。所以对于界面设计来说,颜色情感的表达层面以及颜色对比的把控是尤为重要的。在拍照应用中,我们的目的是对物体进行拍摄、美化图片功能。图片本身受用户的需求可能是无色系,也可能色彩斑斓的彩色。在界面设计中仍然要以功能为主,弱化界面的颜色,这就涉及到了色彩对比。软件背景色与图片之间的颜色产生对比后,可以突出所要处理的图片对象,所以针对拍照软件的功能性要求,使用较深的无色系是作为色彩构成比较好的方案,深灰色削弱了界面与图片之间的对比,用户在观察图片时不容易受到其他的视觉干扰,缓解用户长时间看软件所产生的视觉疲劳。另外,深灰色搭配白色的图标设计在色彩搭配中非常稳定并且可以很好的协调与用户选取的图片关系。
作为工具类应用程序,通过绚丽的色彩搭配来赚取眼球显而有些华而不实,做到工具本身该有的作用,提高用户在使用期间的舒适感才是最重要的。
当我们拿到手机拍照的时候,点开应用、拍照、修图、保存、分享,一气呵成。那么用什么样的构架来完成这样的一个步骤?这需要协同板式以及布局原则。
在一个规定屏幕尺寸中将用户所要完成的这一系列操作排列组合,载体来自我们之前所说到的图形设计、文字设计以及色彩搭配。
拍照软件在拍摄的过程中,快门位置一定是处在屏幕最容易点到的地方。除了考虑操作对象外还要我们设计合适的大小。据人体工学研究,食指点触区域最小物理尺寸为7×7mm,而拇指最小尺寸为9×9mm,操作对象本身的大小并不与其可触区域大小一致,但应保证可触区域大于操作对象本身呈现的大小。拍摄结束后跳转美化界面,相比桌面专业修图软件来说移动设备的修图肯定是更具代表性的功能,做到桌面软件的操作度和功能性显然不现实。选取最具有代表性的功能进行调研,结合触屏的特性将其融入手势操作。合理的界面设计以及流畅的交互操作,不仅可以满足用户对于修图功能的需求,而且可以更好的发挥工具软件的实用性功能。(如图3)。
信息化时代个性化的移动设备拍照应用层出不穷,始终坚持功能至上,以人为本是重中之重。既不能走极端的削减主要的拍照功能,也不要盲目的加入华而不实的功能,避免过度强调应用软件本身的华丽操作效果,让用户在使用软件时既可以达到完美的拍照、修图体验,又可以感受不到软件本身程序的复杂化。精炼的图标,优良的交互体验,舒适的色彩环境以及最重要的拍照功能,真正的融入到用户中,用细微的设计来提高应用体验。并非每个人都是摄影师,但“拍照+美化+分享”是今天每个手持移动设备的人都会去做的事。
摘要：信息化的高速发展使得移动设备功能发展更加多样化,今天的移动设备已成为我们获取外界信息的重要工具。在人们信息获取渠道升级的今天,衍生出了界面设计这一互联网时代下新的设计语言,意在搭建设备与人之间可视化的桥梁。从最初文本化计算机语言,到高仿真拟物设计,再到扁平化,这种由单一到多元、由程序化到人性化、复杂化到扁平化的转变,更容易被人们所接受。同时,优良的界面设计被更多的消费者所熟知,从而达到提升品牌竞争力的效果。
关键词：拍照软件,扁平化,界面设计
[1] 张宪荣.设计符号学[M].北京:化学工业出版社,2004.
[2] 李天科.以人为本的人机界面设计思想[J].计算机工程,2005(5):113-114.
[3] 张赢,刘子建.基于符号学的软件界面研究及图标设计[J].工业技术经济,2009(4):138-140.
[4] 张冬盟.面向用户体验的智能手机软件界面设计研究[D].重庆:重庆大学,2015.
[5] 姜苏媛.浅析手机界面视觉效果设计原理与应用[J].美术教育研究,2014(19):92-94.
推荐阅读：
ui界面设计流程05-24
平面设计策略在品牌再设计中的应用论文07-02
从传统到现代教学设计05-27
文明从语言开始主题班会活动设计方案06-18
多媒体教学软件设计与开发实验报告06-02
ODS质量设计管理系统的设计论文06-19
室内设计中的人性化设计论文06-18
景观设计中古典园林设计手法的应用论文06-20
