潘婷婷++薛兰兰
摘要:随着移动互联网的发展,智能手机的应用越来越广泛,用户对于手机主题的个性化需求也越来越高,手机UI界面设计进入迅速发展期。主要从设计方法、工具以及制作流程等方面研究了Android手机主题设计。
关键词:Android平台;智能手机;手机主题;UI设计
DOIDOI:10.11907/rjdk.161640
中图分类号:TP319
文献标识码:A文章编号文章编号:16727800(2016)009007203
基金项目基金项目:江苏省大学生实践创新训练项目(201513748005Y)
作者简介作者简介:潘婷婷(1984-),女,江苏东台人,硕士,无锡城市职业技术学院物联网工程学院讲师,研究方向为人工智能与图像处理。
0引言
目前,智能手机已深入到人们生活的各个领域,成为人们生活中不可或缺的通讯工具。除传统意义上的通讯功能外,如今手机还增添了多种功能。对于手机软件系统而言,如果仅考虑功能,而缺少主题灵感,会一定程度影响用户体验。现在选用智能手机的用户,除看重它们丰富多彩的功能外,个性十足的主题界面也是影响选择的一个重要因素。
视觉效果良好的界面可以与用户进行更好的交互,在手机产品不断更新换代的过程中,手机界面设计需要更多的创意和创新。业内的知名手机公司FaceUI曾坦言,“未来移动互联网的势头不容小觑,而UI设计自然会成为树立竞争优势的重要砝码[1]。”国内手机厂商以各具特色的定制界面吸引了不少Android用户的眼球,但手机在长时间使用后,界面一成不变容易让人厌倦,需要定期更换才能获得更好的体验。华为、OPPO、魅族等手机厂商都有自主的手机主题平台,并且不断利用在线活动征集更多手机主题设计,例如设计师互动平台站酷网举办的“一见倾心一触倾情——OPPO第二届手机主题大赛”、“你的创意改变世界——第三届小米主题设计大赛”、“为梦想设计——魅族flyme手机主题设计征集”等。这些线上活动不仅征集到很多优秀的手机主题设计,更起到了推动手机主题设计领域发展的良好效果。目前主流的手机系统是Android平台、IOS平台,其中Android平台由于它的开放性,得到了更多用户青睐[2]。因此,本文主要研究Android手机主题设计。
1常用设计风格
手机主题的设计风格多样,目前呈现较多的有3种风格:扁平化、拟物化、卡通化。
1.1扁平化
扁平化设计,英文名为“Flat Design”。扁平化设计属于纯平面设计手法,是一种极简主义的美术设计风格。该设计手法最主要的特征是放弃诸如阴影、透视、凹凸、纹理、渐变等能体现3D效果的装饰,所有设计元素不添加任何视觉特效,而是通过简单的图形、字体和颜色组合,达到直接、简洁的设计目的。扁平化设计更适用于需要同时支持多种屏幕尺寸的响应式设计技术。如今从网页到手机应用都大量使用了扁平化设计风格,尤其在移动端设备手机、平板电脑上,因为平面的限制,使这种风格在用户体验上更具优势[3]。
1.2拟物化
Wikipedia 对拟物化的定义是:“原有物件中某些必需的形式在新设计中已不再必要,但新设计仍模仿旧有形式,以使新外观让人感觉熟悉和亲切[4]。”拟物化设计是对真实事物的模仿,其视觉美感无与伦比,给人一种带入感。当按照现实世界中的对象与操作仿造可视化对象和操作时,用户能快速领会如何使用它。它将实物的一些特性加入设计中,即使这些特性并不具有任何功能性需求,但是由于其特殊的3D质感,用户有时仍会产生想“按”的冲动。然而,拟物化设计方式有时也会降低用户体验。
1.3卡通化
卡通化设计是混合卡通风格、漫画曲线、突发奇想并宣扬情趣生活的一种特殊设计手法。其表现的对象不使用写实与传统手法,而多在形态上加以表现,如融入简洁、可爱的卡通植物、动物、人物造型等,大多尺度小巧,整体感觉可爱、圆润、柔和、易亲近。该设计通常运用了归纳、夸张、变形等方式处理一切实用类视觉作品。
2常用设计工具
2.1Photoshop
界面设计是一个新兴领域,已受到越来越多软件企业及开发者重视,在当前还没有用于界面设计的专业软件,因此绝大多数设计者使用的都是Photoshop。Photoshop并非一个单纯的图像编辑软件,其应用领域非常广泛,包括图像、图形、文字、视频、出版等。常见应用有:平面设计、照片修复、广告摄影、影像创意、艺术文字、网页制作、建筑效果图后期修饰、视觉创意、图标制作、界面设计等。
2.2Illustrator
Illustrator是美国ADOBE(奥多比)公司推出的专业矢量绘图工具。Adobe Illustrator是适用于出版、多媒体和在线图像等领域的工业标准矢量插画软件。无论是生产出版线稿的设计者和专业插画家、生产多媒体图像的艺术家,还是互联网页或在线内容制作者,都会发现Illustrator是实现创意的一个非常好的工具。该软件具有很好的精度和控制能力,适合完成任何小型设计或大型的复杂项目。
2.3Fireworks
Adobe Fireworks CS3 软件可以加速 Web 的设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。它不仅可以轻松制作出各种动感的gif、动态按钮、动态翻转等网络图片,更重要的是可以轻松实现大图切割,让网页加载图片时,显示速度更快。
2.4CorelDRAW
CorelDRAW是加拿大Corel公司出品的矢量图形制作工具软件,可提供页面设计、网站制作、位图编辑和网页动画等多种功能。它包含两个绘图应用程序:一个用于矢量图及页面设计,一个用于图像编辑。这套绘图软件组合是一个强大的交互式工具,使用户可创作出多种富有动感的特殊效果及点阵图像即时效果。
3手机主题构成要素
3.1手机壁纸
手机壁纸通常也被称为手机图片、待机图片。与Windows的桌面壁纸功能相似,手机壁纸是手机屏幕使用的背景图片,并可以根据屏幕大小和分辨率作相应调整。壁纸尺寸一般由不同操作系统的分辨率决定,如iPhone平台,以iPhone6为例就有2种屏幕尺寸:4.7英寸的壁纸尺寸为1 334*750像素,5.5英寸的壁纸尺寸为1 920*1 080像素。主要分为单屏壁纸和双屏壁纸,单屏壁纸指壁纸的全部图像都在屏幕中显示,多屏壁纸则是在屏幕中显示壁纸的几分之一。而由于Android平台碎片化非常严重,规格尺寸大部分不同,主要分为单屏壁纸与划屏壁纸(滚屏壁纸),其中比较常见的是480*800、720*1 280、1 080*1 920像素。在做设计图时,一般建议以 720*1 280像素尺寸为标准。
3.2手机锁屏
在手机待机状态下,通常使用锁屏壁纸对手机进行保护,一方面防止手机被非正常操作,另一方面可节约电池电量。因此,用户进入手机屏幕的第一步即是打开锁屏壁纸。从本质上而言,锁屏壁纸也是手机壁纸的一种,用户可以选用喜爱的图片进行设置。目前的解锁方式也有多种,如Android手机主要可通过水纹滑动解锁、图案解锁、指纹识别、输入密码等方式进行解锁。
3.3应用图标
在手机屏幕中分布着许多应用图标,每个图标代表一个手机应用程序,用户可以通过点击应用图标进入应用程序。不同品牌与型号手机的屏幕分辨率与主题设计不同,所以手机应用图标的大小与形状也不固定。以Android手机为例,由于设备众多,一般一个应用程序的图标需要设计几种不同尺寸,如:LDPI (Low Density Screen,120 DPI),其图标大小为36*36px;MDPI (Medium Density Screen, 160 DPI),其图标大小为48*48px;HDPI (High Density Screen, 240DPI),其图标大小为72*72px;XHDPI (Extrahigh Density Screen, 320DPI),其图标大小为96*96px。
3.4Widget小部件
App Widget是一种可以被嵌入到其它应用程序中(如主屏幕)的小型应用程序视图,并定期进行更新[5]。Widget小部件是与手机本身软硬件相结合的移动互联网小应用,主要有天气Widget、时钟Widget、音乐Widget等常用小部件。Android平台手机的Widget小部件基本上都是与手机桌面结合使用。这些小部件交互设计的模式通常来源于生活,如时钟Widget的指针运动方式、天气Widget中风雨雷电的视觉效果等。Widget小部件的成功设计可在手机主题设计中起到画龙点睛的作用[6]。
4手机主题制作流程
4.1前期调研构思
在设计主题之前,应该明确用户的年龄、性别、爱好、教育程度等,在此基础上作大量调研,寻找市面上的相关产品进行分析,了解当下的设计趋势。然后根据产品特性构思出整套手机的主题风格,确保设计作品能够很好地显示在手机上,并且能够成功吸引用户注意。
4.2主题风格确定
经过调查研究后,确定最终用户类型,设计主题要倾向于这类用户的喜好。目前大致可分为商务类、卡通类。若手机产品定位为女性,可以采用色彩明快的清新风格或造型别致的复古风格;若手机产品定位为男性,可以采用简洁干练的商务风格或图形前卫的金属风格;若手机产品定位为大众,则尽量采用简洁明了的中性设计风格。
4.3草图规划
在确定了主题风格后,接下来需要搜集设计元素。这些元素尽量不要带有行业特征,最好是通用的、广为人知的,可以不受地域、文化、种族、语言等因素影响。然后进行分类整理,将在设计中需要的元素转换成符合应用要求的素材。一般而言,设计产品界面中主要包含的壁纸、图标等内容要先在草稿纸上用铅笔勾勒草图,不局限于一种风格,可以多设计几套,经过对比后选择效果最好的。
4.4详细设计
草图完成后可以通过扫描仪或相机生成电子图片,导入Photoshop、Illustrator等绘图软件中进行绘制。在制作过程中要规范界面的整体尺寸,包括分辨率、文本、间距边距、按钮、图片等。Android系统因为尺寸较多,所以需要制作成不同尺寸,如图标可以制作成48*48、72*72、96*96px等不同的图片规格大小[7]。
4.5测试完善
设计作品完成后需要测试视觉效果,以便找到最合适的设计方案。为了更好地观察设计效果,可以采用矢量设计软件来设计图标,以方便对图标进行放大与缩小。最后根据调整好的参数,执行主题并观察效果,然后对比例不协调、结构不统一的元素作适当调整和优化。
4.6应用推广维护
作品完善后即可推出市场,但设计并没有结束,还需要用户反馈,调研用户使用时的感受。然后对调研结果进行全面分析,根据结果进行最终的修改完善。
5结语
本文基于Android平台,论述了手机主题设计的全过程。手机主题设计需要根据手机应用程序的内容与用户需求来考虑主题设计的风格与手法,并针对不同类型的用户特征进行个性化设计,以更好地满足手机用户的体验。
参考文献参考文献:
[1]陈燕.基于Android平台的UX手机交互主题的设计与实现[J].电脑开发与应用,2014(5): 6063.
[2]奶油锅.为Android手机添加主题功能[J].电脑迷,2011(5):71.
[3]谭琢麒.扁平化手法在手机主题设计中的应用——以应用图标为例[D]. 石家庄:河北师范大学,2014.
[4]张小玲 张莉.UI界面设计[M].北京:电子工业出版社,2014.
[5]李姝博.手机游戏按钮交互实现[J].软件导刊,2015(6): 5960.
[6]赵亮,张维.基于Android技术的界面设计与研究[J].电脑知识与技术,2009,5(29): 81838185.
[7]张磊.基于Android平台的应用开发研究[J].计算机光盘软件与应用,2011(17): 211.
责任编辑(责任编辑:黄健)