电子商务网站视觉设计的策略分析

石剑峰

摘要：先对电子商务的发展现状进行了分析，然后对电子商务网站设计视觉元素进行了详细的研究，希望能为同行业提供参考借鉴。

关键词：电子商务网站；视觉设计

一、电子商务发展现状

近年来，随着电子商务的不断发展，尤其是网络零售行业发展是风起云涌，现在人们消费习惯已逐渐从实体店转移到了互联网的网络商店，网购已成了人们生活中不可分割的一部分，同时更多传统的零售企业也开始布局电子商务领域、开拓渠道，提升品牌的知名度，进而实现了收益的最大化。但是，随着物质文明与精神文明的不断进步，网购者消费心理不再是简单的拥有商品，而是更注重消费体验的愉悦、简洁、人性化、个性化的购物体验成了消费者购物的组成部分。

二、电子商务网站设计视觉元素设计分析

网站是互联网用户直接交流使用的页面，是一种交互和操作的系统前台。网站的设计相当于实体店的店铺装修，给消费者直观的用户体验，因此网站设计是否合理直接决定了网站的用户流量。那么设计师如何通过框架结构、内容排版、色彩搭配、字体以及图片运用达到网站的和谐统一呢？以下从四个方面分析了网站的视觉设计。

1.版面设计

网站页面的结构框架即网站的整体版面设计，它是视觉设计中传递信息的重要手段。网站页面的版式设计是用户与互联网之间相互交流的最初印象，它的主旨是更好的传递客户信息，使网站所要表达的主题一目了然，给用户清晰的向导，其中涵盖的诸多视觉元素，如文字、图片、logo等都要在有限的版面中得到合理的优化，表达出和谐的美感。在网站界面设计中，图像和文字有不同的区分形式，如大小、属性和内容的区别，两者要根据用户或使用者不同需求进行布局与编排，有效展现整体效果。在对页面进行设计时，要遵循一定的规则和视觉规范，出发点为“以人为本”，以简便、快速传播信息为准则，运用到电商网站的视觉设计中。

目前网站设计呈现的方式比较丰富。风格是从清新到复古，插画手绘到拟真设计，无奇不有。不管是版面的样式，还是设计的元素，都是与众不同的。以为天猫商城版面设计为例，作为最大的电子商城，天猫商城版面设计比较符合版面的设计原理。在购物网站页面信息中，商品的种类比较多，信息量非常大，依据商品属性做出合理的分类。那么信息导航与主次分明就显得非常重要的。天猫商城整体板块基本要保持一致，首屏板块大面积广告提醒了用户当日最新的商品讯息。版面分布比较均衡，视觉重心在屏幕黄金位置，如果顶部广告栏稍加弱化，视觉效果就会更加的集中。网站界面的导航系统，对页面信息分类起着非常重要的作用，同类商品细分使页面布局变得更为合理与简洁。

网站页面信息的布局，就如大型超市，将货品摆放，区分类别、功用、大小、价格等进行的摆放布置，在视觉上对消费者的浏览和选购提供便利性的引导。打开天猫页面信息布局，你会发现每层结构相同，整个版式非常工整。对于信息量大，分类多，商品凌乱的购物网站来说，次要信息用不断重复的版面结构或许更有优势。就如商场的楼层结构一样，每一层的洗手间都在同一位置，用户的体验具有习惯性，这样提高消费者的购物效率，缩短了不必要的流程。优化网站信息布局，设计合理，提高视觉的逻辑性，便于浏览者阅读信息。

2.色彩搭配

美国流行色彩研究中心的一项调查表明，人们在挑选商品的时候只需7秒钟就可以确定对这些商品是否感兴趣。在这短暂而关键的7秒钟内，色彩的作用占到67%，成为决定人们对商品好恶的重要因素，这就是20世纪80年代出现的”色彩营销”的理论依据。同样道理，在界面设计中，如果色彩的选择和搭配恰到好处，可以在段时间内给新用户留下深刻的印象，会给我们的设计带来意想不到的效果。

每一种色彩都有其特定的颜色寓意，例如红色偏向热情活力，蓝色则偏向冷静和平和，黄色总是给人富贵和辉煌的感觉。正因为颜色的象征性，所以设计时必须考虑到使用场合以及适用对象。再看天猫商城的色彩运用，每一区域均以色块为引导，多以亮色引导视觉重心。网上消费的主要群体是女性，页面以暖色为主，营造出一种活泼、温暖且有安全感的视觉心理。天猫商城整版的底色均为白色，白色属于无色系，与任何颜色都可搭配，用作底色辅助十分合理，自然地营造出一种主题明确、舒适和谐的视觉体验，使用户深深的融入网站的情境中。天猫商城走的是重“色”路线，各种色块多重视觉层级，用视觉刺激用户的购物欲。

3.字体的选择

文字是最直观的产品信息，任何表达方式都不如文字的精准，文字是最不起眼但却最重要的媒介载体。广义上的字体分为两大类：衬线字体和非衬线字体，衬线字体是指带有额外装饰并且粗细不同的字体，例如中国网站中常用的宋体。非衬线字體即字体粗细相同，简单无装饰的字体，如国英文版面中常用的Arial、Thoma、微软黑雅等。字体的选择也有特定的含义。粗字体比较显眼，给人的第一印象偏向硬朗、大气、稳健，多用于男性化的网站中；而女性为主体网站的字体则多选用细致、苗条的字体，以迎合女性柔美的心理。天猫商城的主要字体是黑体，属于非衬线体，由于笔画的粗细相同，使得很小的文字能有看的更清楚。其他的购物网站如京东、亚马逊等均使用宋体字，文字编辑显的轻盈，有粗细变化的节奏感。在网站中，字体的选择不宜过多，否则会给用户产生昏乱感。

三、结束语

国内的电商已进入到全面发展时期，网站的设计业随之受到多方关注。目前的网站视觉设计仍存在诸多问题，未来的视觉设计发展应该向用户体验方向转变，更加简约化。让用户可以主动的参与人机交互，更具开放性与个性化，最终创造出更丰富的网站视觉体验。视觉设计师依旧任重道远。

参考文献：

[1]孟文怡.浅谈网络电子商务的网站视觉设计[J].美与时代·城市，2013（5）：69-69.

[2]郭歌.基于消费者行为特征的女性购物网站设计研究[D].北京工业大学，2012.

[3]张学龙，殷实，曾健，等.适应产业发展新常态培养高职广告设计创意人才[J].教育教学论坛，2015（34）：238-240.

[4]李菁苗，吴吉义，章剑林，等.电子商务环境下中小企业信用评价[J].系统工程理论与实践，2012，32（3）：555-560.

[5]余乐安.基于最小二乘近似支持向量回归模型的电子商务信用风险预警[J].系统工程理论与实践，2012，32（3）：508-514.endprint