手机购物应用界面的色彩搭配研究

    张楠

    

    

    摘要：移动电商蔓延到人们购物的各个方面，在购物类手机应用的色彩研究中我们可以发现，色彩决定了用户对手机应用界面的第一印象，本文以近几年来国内外主流的手机购物应用界面为案例，以色彩在手机购物应用界面中的作用为切入点，探讨研究手机购物应用界面的色彩搭配。

    关键词：手机购物应用 界面设计 色彩搭配

    中图分类号：TB47 文献标识码：A

    文章编号：1003-0069（2017）01-0120-02

    引言

    色彩是人类视觉所能感知的、客观存在的物象，是人类认识事物的重要媒介之一。弗罗伊德的精神分析学理论表明，我们对色彩的反应是与生命最基层的潜意识直接相关联的，这是一种与生俱来的本能冲突反应。在界面设计中，色彩是传达意义，定义主调和唤起情感的重要因素

    。我们打开手机应用程序，最先对视觉产生影响的就是界面的色彩，其不同的色彩搭配组合呈现不同的色彩效果，或明快、深沉，或清雅，艳丽，具有直接的感染力。

    当今，移动电商蔓延到人们购物的各个方面，智能手机的普及和应用，使手机购物已经由单一的WAP转换为单个的客户端模式，手机改变了人们的网购方式，对购物进行重新定义，越来越多的用户开始使用手机来进行消费。相应的，淘宝，京东等各大电商也在努力适应变革，想拼命抓住用户在手机端小屏上转瞬即逝的浏览目光，使手机购物实现便捷、有效的移动营销。

    在购物类手机应用的色彩研究中我们可以发现，色彩决定了用户对手机应用界面的第一印象，用户在回忆一个手机购物应用给自己留下的印象时，也经常会先想到对色彩的感受，其次是文字，布局，图形以及一些细节。色彩在手机购物应用界面中也起到了很大的作用，接下来我们从这几点进行探讨分析。

    一、色彩在手机购物应用界面中的作用

    （一）营造氛围，塑造风格

    色彩决定了用户对手机应用界面的第一印象，对营造整体氛围发挥着至关重要的作用，从色调、色相两方面来看：色调决定着手机应用界面的整体印象，营造界面氛围，如纯色调、强色调，华丽而强烈；浅色调、隐约色调，柔和而舒适；深色调、灰色调严肃而沉重；色相决定着在手机应用界面的联想空间与界面气氛，不同的色彩会引起受众人群不同的情绪体验。也能给人冷暖、轻重、软硬、动静等不同感受，这些感受在不同时间、不同场合，和人们积极或消极的情感体验联系在一起。很多色彩由于其本身的特质和长期约定成俗的象征意义，在用户脑海中已经形成了强有力的连接。设计者也可以充分地利用色彩情感效应的规律，根据所宣传产品的特点，目标用户的爱好和希望传达的情感来选择色彩。

    （二）强化视觉区域、引导视觉流程

    色彩在手机应用界面中的另外一个重要作用，就是配合手机应用界面的板式结构，强化视觉区域，例如区分手机应用界面的各个内容版块。另外，色彩还可以引导视觉流程，利用色彩主次关系来服务于不同层次的信息传达，例如利用强调色来突出主要交互信息，利用色彩的变化来提醒用户界面内容的区分和跳转。

    二、手机购物应用界面的色彩搭配分析

    （一）色彩搭配准确

    1.与网站色彩搭配相符，与辅助色搭配相融。

    大部分手机购物应用已经有了公司网站，为了强化公司形象，在选择手机端界面配色时往往首选网站中的标准色彩。比如作为中国最大自营式电商的京东商城，从京东手机应用界面颜色上看，采用明度和纯度都较高的大红色为主色调，浅灰色和深灰色作为辅助色，尽管界面信息量大，但通过辅助色彩进行颜色区分，可以很好地引导用户交互，使用户更快地完成交易。再比如世界上最早经营电子商务的公司之一——亚马逊中国。也是销售百万种产品的综合型电商。它的手机应用界面也选择了与网站相对应的颜色。界面的以白、橙，黑进行搭配，给人以都市化、现代、简洁的感觉。旨在给用户营造一种和谐，安静，舒适的购物环境。用户体验好，更能增加顾客的回头率，倡导长久效益（图1-4）。

    2.了解色彩心理形成的社会文化环境，充分考虑用户感受。

    手机应用界面设计应与当下的经济、社会、文化相结合，了解用户对色彩的感觉。除了色彩的生理直觉，还来自于色彩的社会直觉，即在不同时间、空间、国家和民族文化差异的环境下，色彩在人们心目中的意义。如色彩的流行度与其所处的政治、经济、文化密切相关，设计之初首先考虑这些因素才能用色准确恰当，从而获得更多用户的认可。

    东西方文化和审美的差异，在国内和国外手机购物应用的视觉风格上得到了一些印证。国内的手机购物应用多以热情洋溢暖色为主，引人注目，感情强烈，容易增加人们的兴奋感和购买欲。如淘宝网的橙色，天猫的红色；而国外的应用较多采用冷色或彩度较低的色彩为主，如Lyst的黑色，NET-A-PORTER的浅灰色，倡导成熟、时尚、现代。不同文化下的人们对于色彩有着不同的理解，了解用户心理形成的同时，充分地考虑用户感受。

    （二）色彩搭配整体

    1.根据手机购物应用需求，考虑主辅页的色彩搭配。

    如果手机购物应用程序的主辅页采用统一色彩，那么手机购物应用的二级跳转页面都是以同一色彩作为基础，再通过变化版式布局、图标样式、使用多样的彩图等方式来协调统一化色彩造成的单调。比如“有范APP”，其手机应用界面主要分为三类，男生馆、女生馆和生活馆，主页和其他二级页面采用统一的黑色，主打时尚潮流，不拘一格，追求个性，但是每一个馆的图标色彩，图标的样式以及多样的彩图都有细微变化，色彩统一但不单调。

    如果手机购物应用程序主辅页采用不同的主色彩，色彩变化跨度很大，容易形成繁乱不统一的感觉，那么可以通过采用不同色相、相近色调，来加强统一感。一般在购物类手机应用程序中，设计者会在欢迎页面做出四个色彩对比强烈的页面，以引起人们对每个页面信息的注意。但他们的色调类似，都属于明亮色，通过相近的版式保持了页面的统一性，保证了用户的接纳程度。

    2.考虑图片与手机应用界面色彩搭配的关系。

    作为读图时代，随着网速提升、上网流量限制的减少，图片在手机购物应用界面中占的比例越来越大，不仅是PC端，手机端也开始使用精美清晰的图片，甚至一些细心的电商设计者在做手机应用的时候考虑客户流量使用情况，给出两种界面效果，一种是有无线网络情况下的高清图片，一种是在没有无线网络下的常规图片。一般来说，设计讲究的各大电商为保证视觉体验的流畅性和舒适性，会对所使用的商品图片进行修饰调整，让商品图片可以融入到这个手机购物的色彩氛围中。

    （三）色彩搭配个性

    手机应用界面的基本色相数量是有限的，但配色方案及给人的感受却是丰富多彩的。比如客户要求以“粉色”为主色，但其实“粉色”涵盖范围很广，鲜亮的粉红，淡雅的粉红，这些不同程度的粉红所形成的情感差异很大，印象自然也不同。我们在做手机购物应用的时候首先会对配色进行一个关键词搜索，当我们想做孕婴产品的时候，首先会想到温和、舒适、淡雅，想到的色彩自然就是浅粉色、浅蓝色和浅黄色。比如蜜芽宝贝的主色彩依然考虑用最常规的粉色，但是在每一类别里面根据版式需要，很好地搭配了柔和的蓝色，紫色，绿色以及橙色，消除了过于粉嫩的感觉，给用户营造出一种简单、放心、有趣的母婴用品购物体验。

    结语

    色彩设计看似偏于感性，但事实上有着理性牵引的感性才更能打动人心，色彩搭配的合理运用直接决定了手机应用程序的用户接受度和市场接纳度。目前市場上的手机购物应用同质化严重，色彩搭配形式层出不穷，当遇到同一行业类型的项目时，为了避免色彩设计同质化，避免用户视觉疲劳。我们必须深入挖掘目标用户群的需求和特点，从设计细节入手，创作出独特的配色方案。和版式、文字、图片等其他视觉元素相结合，进行创造性的个性化设计，给人留下印象深刻的个性视觉风格，方可从众多同类型手机应用中脱颖而出。