国内电子商务的视觉设计分析只是分享

国内电子商务网站的视觉设计分析

本文主要分析国内购物网站的视觉设计，通过对网站的网页版面以及色彩上进行比较分析，结合用户体验以及设计心理学，探讨如何提升网站的视觉设计，提高网站的竞争优势。

电子商务的发展概述

随着计算机信息技术的发展，互联网的普及，电子商务这一新兴行业也呈迅猛发展之势进入人们的生活中。电子商务与网民的生活密切相关。各大网站之间的竞争日趋白热化。购物网站，其主旨就是通过对商品的描述，图片的展示、信息的排列说服消费者消费。视觉是人的第一感官，网站的视觉体验直接决定了消费者的心理感受，网站想要独树一帜，吸引消费者的眼球，那么视觉设计是网站设计的重中之重。

网页设计视觉元素分析

网页是互联网用户直接交流使用的页面，是一种交互和操作的系统前台。网页的设计相当于实体店的店铺装修，给消费者直观的用户体验，因此网页设计是否合理直接决定了网站的用户流量。那么设计师如何通过框架结构、内容排版、

色彩搭配、字体以及图片运用达到网页的和谐统一呢？以下从四个方面分析了网页的视觉设计。

1.版面设计

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

当代的网站设计呈现方式颇为丰富。风格从清新到复古，插画手绘到拟真设计，无奇不有。无论是版面样式，还是设计元素，都是标新立异，与众不同。以为天猫商城的版面设计，作为中国最大的电子商城，天猫商城的版面设计是比较符合版面设计的原理。在购物网站的页面信息中，商品的种类繁多，信息量很大，要根据商品的属性做出合理的分类。那么信息导航和主次分明就显得尤为重要。天猫商城的

整体板块基本保持一致，首屏板块的大面积的广告提醒用户当日最新商品讯息。版面分布均衡，视觉重心在屏幕的黄金位置，若顶部的广告栏再稍加弱化，视觉效果会更加集中。网站界面的导航系统，对于页面信息的分类起着很大的作用，同类商品的细分使页面布局更加合理、简洁。

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

2.色彩搭配

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

刻的印象，会给我们的设计带来意想不到的效果。

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

3.字体的选择

文字是最直观的产品信息，任何表达方式都不如文字的精准，文字是最不起眼但却最重要的媒介载体。广义上的字体分为两大类：衬线字体和非衬线字体，衬线字体是指带有额外装饰并且粗细不同的字体，例如中国网页中常用的宋体。非衬线字体即字体粗细相同，简单无装饰的字体，如国英文版面中常用的Arial、Thoma、微软黑雅等。字体的选择也有特定的含义。粗字体比较显眼，给人的第一印象偏向硬

朗、大气、稳健，多用于男性化的网页中；而女性为主体网站的字体则多选用细致、苗条的字体，以迎合女性柔美的心理。天猫商城的主要字体是黑体，属于非衬线体，由于笔画的粗细相同，使得很小的文字能有看的更清楚。其他的购物网站如京东、亚马逊等均使用宋体字，文字编辑显的轻盈，有粗细变化的节奏感。在网页中，字体的选择不宜过多，否则会给用户产生昏乱感。

结束语

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

（作者单位：景德镇陶瓷学院）