用户界面中的图形元素应用分析——以生鲜平台为例

□王 磊 华南农业大学艺术学院

一个健康优质的生鲜电子商务平台和好的用户界面设计是沟通供需两端的桥梁。人机交互技术的不断发展使图形能够在用户界面设计中发挥它的作用，界面设计师们也必须领会和了解用户的心理需求，根据他们的操作习惯和要求来不断地改进设计思维，这样才能给用户呈现完美的视觉效果且突出界面设计，从而使用户产生身临其境的感觉。

一、市场现状分析

由于网络信息和智能化手机的飞速发展，各大商家都开始把目光瞄准线上销售，除了淘宝、京东之外，越来越多的电商平台壮大起来，随之而来的竞争也越发激烈。各大电商除了在原有规模的基础上继续占领市场外，也一直在寻找新的消费者需求热点，力争先人一步获得市场先机。健康生鲜食品类电子商务平台发展时间并不算长，已经成为各大电商争夺的下一个目标。国内知名电商除了1 号店，还有几个较成熟的健康食品电子商务平台，如本来生活、顺丰优选等。2017 年阿里巴巴筹备两年多的盒马鲜生从幕后走到台前，这种既是超市又是餐饮店和菜市场的销售模式，可以说是生鲜平台的重构与整合，也代表了最新的零售业态。

二、生鲜平台用户界面图形元素分析

（一）用户界面图标设计分析

生鲜平台在网页界面设计和手机APP界面设计的定位上，将图形符号作为网站的主要导航形态，以图代替文字，整个页面图形化，集成网站的功能块，尽量减少图片占用太多的空间，把用户的视线吸引到必要的图形上，缩短用户的选择时间，给用户带来一种简单直观、容易操作的心理。

图标是一个网站和APP 界面的标志性符号，它代表了该企业的形象，因此，在设计时，设计师一定要突出企业和产品的特点。图形符号的设计可以拟物化、精简化，这样能给客户带来更强烈的视觉效果。对于消费者而言，其看到手机界面首先要有一种归属感，这也需要设计师更加注重设计的品质，这是使用户产生共鸣的根本。设计师可以通过结构和色彩赢得客户的好感，如使用黄色、绿色来表现食物，是食品行业最常用的，也是生鲜企业的行业色之一。图标的整体风格大多采用扁平化设计，它的最大特点就是去掉冗余的装饰效果，尽可能不添加纹理和使用渐变手法，让图形本身的信息能够凸现出来，保持图形设计的极简和符号化特征。而且扁平化设计还可以减少图形过多的设计，从而降低系统功耗，提高运算速度。

（二）用户界面图形风格分析

国内几个知名的生鲜类网购平台品牌，如1 号店、顺丰优选、本来生活、盒马鲜生等，从其标志形态来看，文字类图形占有的比重比较大，这也是文字的优势，其既可以图形化，又可以传达信息。在网站用户界面设计中，设计师可以通过对网站标识的设计来对整体风格定位，如图形形态可以奠定网页装饰风格，标识色彩也可以作为整个网站的色彩来源。

从品牌图形设计上看，1 号店是知名的电商企业，标识醒目且被消费者熟悉。在设计上，1 号店大大的“1”字形设计占据了整个标志的主体，也是最为醒目的。红色也是1 号店的主体颜色，另两个字形设计也颇有特点，方圆搭配的处理较为合理，整体感比较强，而且还把网页域名结合进来，给用户很直观的感觉。这种设计比较有特点，如哥伦比亚国家旅游形象标识设计就把国家域名“CO”作为了标志图形的一部分来展示；顺丰优选是顺丰速运旗下的一个网购商城，在原有顺丰标志基础之上设计了一款生鲜网购专用LOGO，图形简洁大方，在“SF”的形象上结合太阳外形设计，阳光的形象也比较符合该行业特点，象征着大自然的生机。在网页界面设计上以色块来区分不同区域，以紫红色为底，色调整体上比较明快，中上部重要区域是滑动图片展示区，这样可以更好地吸引用户的视线，在视觉效果上也比较大气。但是，界面左右两端布满了各类的广告图片，增加了该界面的复杂程度，破坏了整体效果，还有产品的文字信息比较累赘，不够直观简洁，忽略了符号的使用，其可以直接用评价人数和好评率数值代替，如京东的产品信息处理方式就很不错；本来生活的设计定位就比较有现代感，它的文字标志设计非常容易辨识记忆，色彩搭配简洁明快，也突出了本来生活的文化理念，即回归本有的自然情怀。其标识显示区域处理得非常干净整洁，页头区域也是非常整齐有条理，整个界面布局相当有层次感，简洁明了，没有过多的色彩，只用绿色统一整个页面，图形感也比较强。

艺术是人类情感和想象的表达，也是人类知识、情感、意念的有机产物，更是人们现实生活和精神世界的形象表现。通过审美创造和情感表现，设计师让界面设计更加突出艺术元素的美感，增强了界面的视觉表现力。用户界面设计是艺术与技术相互结合的产品，图形让用户能够跨越地域、时间和空间而产生互动，无论是动态的还是静态的方式，都使图形信息的处理手法更加多样化，从而适应了当今互联网时代的发展。