基于手机APP平台上的绘画元素应用研究

唐　凯

（南京晓庄学院，江苏 南京 211171）

基于手机APP平台上的绘画元素应用研究

唐凯

（南京晓庄学院，江苏 南京 211171）

随着新媒体技术、移动通信技术的飞速发展，智能手机得到普遍的使用，各大智能手机操作系统商为了得到更多的手机APP用户的市场占有率，在应用界面图形设计方面开发创新。手机APP平台上的应用种类繁多，应用美工设计也随机提升，绘画元素影响着手机APP应用上的图形设计，传统绘画元素的大众熟悉度增加客户消费群的认知，现代手机APP设计的图形大多来自于传统绘画元素的衍变。论文通过传统绘画元素对手机APP平台上的应用界面设计的影响，来研究手机APP平台上的应用界面设计，同时对促进国内手机APP设计行业进一步发展做出理论参考。

APP应用；视觉文化；绘画性；UI交互

一　手机APP平台及UI设计概述

（一）手机APP平台发展现状

APP是英文Application的简称，由于苹果等智能手机的广泛使用，APP是指智能手机的第三方应用程序。市面上主流的APP商店有Apple的iTunes商店，Android的Android Market，诺基亚的Ovi store，还有Blackberry用户的BlackBerry App World，以及微软的应用商城。刚开始，APP只作为一种第三方合作形式参与到互联网商业活动中，随着手机用户普及增多，互联网飞速发展的大环境下，APP成为了一种与手机客户端的盈利模式，如淘宝、京东、腾讯主流客户端等，百度、新浪微博应用平台积聚了不同类型的用户，借助APP平台获取流量。伴随着智能手机、平板电脑、上网本等移动终端的大众普及，大众已经养成了使用APP客户端上网的习惯，客户端的商业使用已经深入到人们的生活中。不同类型的手机终端便捷发展，拉近了人与人之间的距离，企业拥有客户群体，增加每天的客户使用流量，带来企业的创收。各大电商向移动APP平台投入愈来愈大，从而也推动力APP平台上的应用UI设计的发展，在UI设计领域中的视觉美工也成为了客户选择应用的重要元素。

（二）UI设计中的绘画元素

UI是英文User Interface的简称，即用户交互界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计并非简单地美术设计，它像一座特殊的桥梁，连接了用户与产品。它研究的是用户与产品之间的交互关系，其目的是让用户和产品之间的交流更愉快。随着手机APP平台的发展，APP应用中的UI设计越来越重要。在手机APP应用UI设计发展过程中，图形元素作为主要的视觉构成元素，在APP应用发展中，图形元素呈现的视觉文化直接影响用户群体的满意度，从而也影响APP应用的客户认可度。在手机APP应用上的UI设计中包含着很多的绘画元素。绘画与设计存在的差异与联系，绘画大多是具有作者个人情感的艺术形式表达，而设计是实用性与理性思考的产物，两者的联系在于设计是基于绘画基础之上的一种再创造，设计不是对绘画的一种机械式的模仿，而是在绘画中提炼符号元素转化成设计图形，运用在应用的UI设计中，吸引用户的使用。目前，手机APP平台上的应用UI设计受到后现代主义绘画的影响，其设计风格多样化、主题观念化、诉求个性化，并具有强烈的视觉冲击力。

二　绘画元素在APP图形设计中的应用

（一）图形设计元素的概念

图形是在二维空间中以轮廓为界限的空间碎片。简单的说，就是以点、线、面各元素组成起来的有规则或无规则的图案。在手机APP应用UI设计中，图形元素就是配合字体，辅助颜色所需要的图案，以达到APP应用的整体效果。在手机APP应用UI界面设计中，图形元素占据了主流的UI视觉风格，这些图形元素又是很多绘画元素的衍生与再创造，从而体现了应用的文化内涵。图形设计概念是伴随着计算机软件的发展而发展的，从视觉的绘画到设计中的图形，这一衍变的过程在手机APP平台应用上的到了发展与表现。随着互联网的发展，图形动画设计在手机app平台应用中也得到发展，其传播特点就是速度快，鲜明的大色块可以增加影片的视觉效果，易于传播，简单的图形动态设计及视觉转场也更加的自由与灵活。从设计角度来说，大多是根据传统绘画所重新解构、再构成的镜头画面，来组成动画部分。从绘画性来说就是写实到写意到构成，例如达利、安迪沃霍尔、马蒂斯等艺术家中的作品就被广泛的运用在APP手机平台应用上，很多的应用logo及UI的颜色搭配设计就取材于艺术家中的绘画作品。

（二）绘画元素与图形设计

手机APP应用UI设计在人们的心中已经有着相当重的地位。不同的APP应用类别属性，需要不同的视觉效果才能适合用户，因此每一类APP应用都有他们各自的设计风格，从主流的三个类别来分析一下绘画元素在UI设计中的重要性。

第一个类别属于交易类应用设计，如淘宝、支付宝、易趣以及京东商城等网站都是交易类APP应用的代表。其中，淘宝是目前市场上较为成熟且具有国内代表性的交易APP应用。在淘宝UI设计中，支付宝中应用进入的画面，和国内当代艺术家王广义的绘画作品“大跃进”有异曲同工之处。都是具有招贴画的视觉构成效果，用简洁的绘画元素组成画面，王广义的作品是“拳头”，支付宝的画面是“手指”，都是同样突出主题的招贴效果，在组成画面的构图中，利用背景的橘红色作为一个遮罩，以圆形logo的形式表现主题，从而降低消费者心里的风险性，更大程度地做好应用的推广。艺术家王广义作品中也出现很多现代的文字符号，这种表现方式本身就是将现代流行符号融合在绘画作品中，是一种后现代主义风格，这种后现代主义风格可以增加大众的识别度。这种绘画语言的综合性设计同样体现在支付宝的UI设计中，支付宝将某知名广告的广告语“根本停不下来”放入应用进入画面的设计中，这本身也是在拉进消费者的熟悉度，人们生活经常被一些文字“洗脑”，将这些“洗脑”的文字放入APP手机应用的设计中，增加大众的熟知度，增加消费群体。

第二个类别属于社交门户类APP应用，本类APP应用以提供信息资讯为主要目的，是目前最普遍的APP应用形式之一。这类APP应用涵盖的信息量比其他类别的APP应用多，访问的用户也较为广泛，但所包含的功能却比较简单，就是承载信息，将信息呈现给用户。因此，如何设计各种信息以文字和图片形式展现在APP应用界面上是值得研究的。这一类APP应用UI设计主要是研究文字与图形元素相结合。例如新浪微博，一款主流的社交平台。其logo的设计就是从现代卡通绘画表现中所提炼出来的，一个“大眼睛”的图标设计，利用卡通元素的造型特点绘制瞳孔与眼白，很像日式的卡通角色造型中的眼睛。眼眶、睫毛以简单的红色色块造型，构成新浪微博的logo设计。醒目、简单又富有绘画性的表现。绘画元素融合在APP应用的视觉设计中，增加视觉感受，同样也包含着品牌文化的传达。例如微信的logo设计，以文字“QQ”为主要元素，将文字绘画性的表达，构图上图案一大一小，增加画面的节奏感；背景绿色，突出图案设计，准确地表达了此应用的快捷、免费的特点；图案一正一反，表现两个人在对话，正好符合应用的功能特点——一个社交APP应用。

第三个类别属于功能性APP应用，功能性APP应用就是为用户提供某种作用或服务的APP应用，最具有代表性的就是搜索引擎。搜索引擎是运用特定的计算机程序从互联网上搜集信息，在对信息进行组织和处理后，为用户提供检索服务，将用户检索相关的信息展示给用户的系统。这是近年来国内逐渐形成的一种APP应用，这类APP应用的UI界面设计看似简单，图形和文字都相对较少，但设计却非常讲究。例如百度、google是目前国内外运用最广泛的两个功能性APP应用。就拿百度地图来说，一款非常有实用意义的功能性搜索APP应用，生活中可以用此款应用查询地理位置，路线及其他相关地址。在此应用的设计中，绘画元素就更好地展现出来，首先说说地图，一个大众所熟知的图形，在应用的界面设计中，将地图如绘画中的点线面构成一般呈现给用户。不同的质地，如山川、河流、房屋、用不同的色块表现，构成点的元素，所有的道路交织在一起构成了线的元素，城市与城市之间构成了块面，这种绘画中的点线面构成很好地展示在百度地图的应用UI设计中。

（三）绘画元素与字体、配色设计

在APP应用UI中的字体与绘画元素构成中，字体的设计与绘画性的表达是整个APP应用UI设计中最重要的部分，它是给用户呈现信息内容的直接体现。要实现字体与图形绘画元素的相互结合，就要针对不同的图形绘画元素，设计不同的字体与其的关系。一般来说，简单运用字体的方式是字图分离，也就是通常所说的图文并茂，用文字来说明图形。单纯的文字和绘画图形表达比较单一，也不能满足现代大众的审美要求，将文字和图形绘画性的表达才具有丰富的视觉效果。例如安智市场，一个中国最知名的Android系统手机应用软件免费下载平台，其logo的设计就是将绘画和字体很好地安排了一起，一个矢量绘制的包，配合一个功能性的文字“sale”和一个品牌推广的文字“zhi”，绿色的绘画性的小包很好地诠释了此应用的功能和安全、环保的文化内涵，这种视觉文化在绘画语言中准确地表达出来。文字“sale”将此应用的功能性诠释，告诉用户这是一个软件下载平台，“zhi”将中文品牌“智”做了一个突出，通过视觉包装将文化理念传达给用户，一个很好的将绘画元素与字体设计融合的APP应用logo。

绘画作品中的配色方案对APP应用界面颜色的设计有着诸多的影响。例如蒙德里安的绘画中就是将抽象的色块不同大小、位置地构图在画面中，达到画面的平衡与和谐。在APP应用中，如阿里巴巴旗下的天猫应用，其logo的设计将黑、红两色不同大小的构图在logo中，突出表现主题元素，将蒙德里安的绘画颜色运用在logo设计中，配合卡通图案的黑色猫脸局部，表现出神秘感。在用户的体验过程中增加购物的欲望。颜色在APP应用UI设计中起到是否能吸引用户，提供信息的重要作用。色彩不但可以使简单的APP应用赏心悦目，还可以帮助读者使用APP应用。设计中拙劣的色彩方案不会伤害任何人，但是它们却可以产生很糟糕的用户体验。因此，理解色彩如何塑造并改善访客体验和与设计的互动是很重要的，色彩之间的搭配以及传递不同的感情。

三　绘画元素在APP平台上的用户体验方面的作用及意义

APP平台上的应用UI以其绘画语言符号、图形元素有机的组合使之成为一种“有意味的形式”，因而，它在设计视觉艺术中同样具有最直接、最简洁和最独特的符号力量，能够震撼人心。绘画元素在APP应用UI创作中，不仅是每个特殊的独立性和技法特征的体现，也是作者思想以及他们设计观念用独具个性的UI语言在APP应用中的呈现，这最终决定着APP应用的成败以及APP应用内涵的深浅，所以APP应用UI创作应更加重视表现绘画语言和视觉冲击力。绘画元素可以很直观地表达其应用特点、样貌及文化视觉内涵，具有吸引用户体验的关键作用，对APP平台的应用设计发展有着深远的影响。目前，APP应用UI中绘画元素设计已经具有多元性、复合性、民族性、艺术性、综合性等多重特征。行业规范也在不断地发展，设计师的专业水平和专业素养也在不断地提高。在现有的优秀成果的基础上，相关人员只有继续发掘行业特色、探寻健康发展之路，才能为APP应用UI绘画语言的发展提升更强的生命力，才能给这一行业注入更多的活力。

[1]罗仕鉴,朱上上.用户体验与产品创新设计[M].北京:机械工业出版社,2010:4-6.

[2]Makela.A.,Fulton Suri,J.Supporting Users’Creativity:Design to Induce Pleasurable Experiences[M].Proceeding of the International Conference on Affective Human Factors Design,2001:387-394.

[3]体感控制[EB/OL].http://www.baike.com/wiki,2012-03-02.

（责任编校：张京华）

J2-39

A

1673-2219（2015）01-0186-03

2014-10-21

唐凯（1993-），江苏常州人，南京晓庄学院美术学院学生。