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

国内电子商务网站的视觉设计分析本文主要分析国内购物网站的视觉设计，通过对网站的网页版面以及色彩上进行比较分析，结合用户体验以及设计心理学，探讨如何提升网站的视觉设计，提高网站的竞争优势。电子商务的发展概述随着计算机信息技术的发展，互联网的普及，电子商务这一新兴行业也呈迅猛发展之势进入人们的生活中。电子商务与网民的生活密切相关。各大网站之间的竞争日趋白热化。购物网站，其主旨就是通过对商品的描述，图片的展示、信息的排列说服消费者消费。视觉是人的第一感官，网站的视觉体验直接决定了消费者的心理感受，网站想要独树一帜，吸引消费者的眼球，那么视觉设计是网站设计的重中之重。网页设计视觉元素分析网页是互联网用户直接交流使用的页面，是一种交互和操作的系统前台。网页的设计相当于实体店的店铺装修，给消费者直观的用户体验，因此网页设计是否合理直接决定了网站的用户流量。那么设计师如何通过框架结构、内容排版、色彩搭配、字体以及图片运用达到网页的和谐统一呢？以下从四个方面分析了网页的视觉设计。1.版面设计网站页面的结构框架即网页的整体版面设计，它是视觉设计中传递信息的重要手段。网站页面的版式设计是用户与互联网之间相互交流的最初印象，它的主旨是更好的传递客户信息，使网站所要表达的主题一目了然，给用户清晰的向导，其中涵盖的诸多视觉元素，如文字、图片、logo等都要在有限的版面中得到合理的优化，表达出和谐的美感。在网页界面设计中，图像和文字有不同的区分形式，如大小、属性和内容的区别，两者要根据用户或使用者不同需求进行布局与编排，有效展现整体效果。在对页面进行设计时，要遵循一定的规则和视觉规范，出发点为“以人为本”，以简便、快速传播信息为准则，运用到电商网站的视觉设计中。当代的网站设计呈现方式颇为丰富。风格从清新到复古，插画手绘到拟真设计，无奇不有。无论是版面样式，还是设计元素，都是标新立异，与众不同。以为天猫商城的版面设计，作为中国最大的电子商城，天猫商城的版面设计是比较符合版面设计的原理。在购物网站的页面信息中，商品的种类繁多，信息量很大，要根据商品的属性做出合理的分类。那么信息导航和主次分明就显得尤为重要。天猫商城的整体板块基本保持一致，首屏板块的大面积的广告提醒用户当日最新商品讯息。版面分布均衡，视觉重心在屏幕的黄金位置，若顶部的广告栏再稍加弱化，视觉效果会更加集中。网站界面的导航系统，对于页面信息的分类起着很大的作用，同类商品的细分使页面布局更加合理、简洁。网站页面信息的布局，就如大型超市，将货品摆放，区分类别、功用、大小、价格等进行的摆放布置，在视觉上对消费者的浏览和选购提供便利性的引导。打开天猫页面信息布局，你会发现每层结构相同，整个版式非常工整。对于信息量大，分类多，商品凌乱的购物网站来说，次要信息用不断重复的版面结构或许更有优势。就如商场的楼层结构一样，每一层的洗手间都在同一位置，用户的体验具有习惯性，这样提高消费者的购物效率，缩短了不必要的流程。优化网页信息布局，设计合理，提高视觉的逻辑性，便于浏览者阅读信息。2.色彩搭配美国流行色彩研究中心的一项调查表明，人们在挑选商品的时候只需7秒钟就可以确定对这些商品是否感兴趣。在这短暂而关键的7秒钟内，色彩的作用占到67%，成为决定人们对商品好恶的重要因素，这就是20世纪80年代出现的”色彩营销”的理论依据。同样道理，在界面设计中，如果色彩的选择和搭配恰到好处，可以在段时间内给新用户留下深刻的印象，会给我们的设计带来意想不到的效果。每一种色彩都有其特定的颜色寓意，例如红色偏向热情活力，蓝色则偏向冷静和平和，黄色总是给人富贵和辉煌的感觉。正因为颜色的象征性，所以设计时必须考虑到使用场合以及适用对象。再看天猫商城的色彩运用，每一区域均以色块为引导，多以亮色引导视觉重心。网上消费的主要群体是女性，页面以暖色为主，营造出一种活泼、温暖且有安全感的视觉心理。天猫商城整版的底色均为白色，白色属于无色系，与任何颜色都可搭配，用作底色辅助十分合理，自然地营造出一种主题明确、舒适和谐的视觉体验，使用户深深的融入网站的情境中。天猫商城走的是重“色”路线，各种色块多重视觉层级，用视觉刺激用户的购物欲。3.字体的选择文字是最直观的产品信息，任何表达方式都不如文字的精准，文字是最不起眼但却最重要的媒介载体。广义上的字体分为两大类：衬线字体和非衬线字体，衬线字体是指带有额外装饰并且粗细不同的字体，例如中国网页中常用的宋体。非衬线字体即字体粗细相同，简单无装饰的字体，如国英文版面中常用的Arial、Thoma、微软黑雅等。字体的选择也有特定的含义。粗字体比较显眼，给人的第一印象偏向硬朗、大气、稳健，多用于男性化的网页中；而女性为主体网站的字体则多选用细致、苗条的字体，以迎合女性柔美的心理。天猫商城的主要字体是黑体，属于非衬线体，由于笔画的粗细相同，使得很小的文字能有看的更清楚。其他的购物网站如京东、亚马逊等均使用宋体字，文字编辑显的轻盈，有粗细变化的节奏感。在网页中，字体的选择不宜过多，否则会给用户产生昏乱感。结束语国内的电商已进入到全面发展时期，网站的设计业随之受到多方关注。目前的网站视觉设计仍存在诸多问题，未来的视觉设计发展应该向用户体验方向转变，更加简约化。让用户可以主动的参与人机交互，更具开放性与个性化，最终创造出更丰富的网页视觉体验。视觉设计师依旧任重道远。（作者单位：景德镇陶瓷学院）