电子商务网站设计与配色技巧

zxh5566  2017-03-08 20:15   Hits: 

看了众多电子商务网站之后,我们会发现,商务网站的色彩设计并没有任何限制,艳丽的色彩或是淡雅的色调都是可以使用在电子商务类型的网站中的,可将产品内容,商品分类,商务模式和消费共性
 
作为网站色彩设计的切入点,只要与结构设计结合紧密,都可以做到独特的风格。白色是惯用的页面底色,但并不是千篇一律,一家著名内衣品牌专卖网站,看着悠久的历史,网站的插图大胆,自然,
 
美好,多个不同分类的导航显示出网站信息很多,层级划分清晰,合理,在粉色背景上,黑色条显得十分跳跃,粉色搭配黑色,带有一丝神秘感,并准确的表达出商品行业的特点,网站制作精细,局部
 
的动画动态效果表现十分完美。
 
网站的色彩搭配和网站的风格设计往往是结合起来考虑的,商务类网站根据店面的大小,也可以有多种诠释的方式和方法,现今网络上比较多见的是,门户的多种类商品销售和垂直类商品销售,但在c2c
 
的网站逐渐多起来以后,只销售几种商品的超小型电子商务网站跟着多起来。
 
商务类网站设计是自由的,除了保证网站的易用性,符合经营者的理念,消费群体的喜好以外,可以任意发挥,网站的风格设计也不一定要拘泥于全开放式结构,如果仅仅保留色彩搭配,而使用三分
 
栏传统结构,他们是否还能达到如此贴近商品理念的网站设计呢?
 
门户式的多种类商品销售网站销售的产品种类多,信息多,访问者年龄层次不均,多采用开放式结构,如三分栏,四分栏,在设计上更追求门户网站的感觉,正是因为产品多,页面容易凌乱,它的信息
 
结构设计重于视觉设计,但并不是说,没有设计,可在结构的装饰上稍微做细致的调整,利用按钮等小装饰与页面文化吻合,起些调和作用,商品图片保持清晰,色彩饱和,插图与动画不易多,点到为
 
止。csclube.com是一家综合的电子商务网站,主题色是蓝色,内页稍加深浅不同的灰色起调和作用,网站上到处都是商品和品牌,图片多,色彩就容易凌乱,在这一点上处理不错,它把长长的页面分成
 
块,横排的商品图片和竖排的商品图片稍微留些空白,有张有驰,缓解产品和图片的相互冲突
 
小型电子商务网站设计
 
小型电子商务网站的电脑配件,消费品类电子商务,这些网站的设计没有相同的,他们遵循自己的经营方式来规划和设计网站,他们的风格都是独特的,富有创新的,是很不错的成功案例,对于门户式
 
大型电子商务网站来说,消费者特征不统一,设计则随大众口味,垂直类别商品的电子商务网站的风格设计可以根据每个网站不同的消费者定位,消费者的喜好而深入展开,在设计时候,把消费者的特
 
征作为切入点,可以事半功倍
小型电子商务网站逐渐展露头角,他们是因为卖几个商品而专门设计的网站,它的商品可能很特殊,也可能产品单一,风格设计可以根据商品的特性展开,也可以保有经营者的文化理念,还可以根据消
 
费者的喜好展开创意。
 
电影黑客帝国席卷全国,它的文化概念影响了部分青年人,一个以拍卖片中5个主角的带的5款不同眼镜的电子商务网站,网站采用了电影人物形象作为插图,有良好的定位和宣传作用,网站采用全动画
 
制作,小巧而精致,有趣的是,每款眼镜有两种颜色任选,可以查看360度效果。
只卖3款衬衫,它通过穿着文化衫的人物插图行为动作来表达衬衫的设计理念,衬衫的图案设计在页面右上侧完整的展示出来,同时他是动态的,几秒钟后更换为其他款式,通过按钮可以查看前胸和后背
 
的不同图案



 
插图的风格就是网站的风格,购物车页面的插图设计也十分形象,一家网络服务为主的公司,它是把公司形象网站和产品销售网站合为一体的类型,它把自己的公司文化融入到网站设计中,认同他的文
 
化概念的人,就会欣赏他的产品,如果采用这种思路开设计的话,每个电子商务网站都会很有特色。
视觉设计对初次消费者而言是一个保证,当他认同了网站,并且尝试消费后,网站的易用性,页面的大方整洁变的很重要,商务类网站应该以经营文化为切入点,长期贯彻下去,形成品牌文化,这在长
 
期的发展上是很有好处的。
 
商品信息与网站的层级结构
 
商品信息与网站的层级结构设计中,最主要的3个方面是网站的深度,商品的展示方式和主推产品的广告,把握好信息安放的层级关系,有助于网站结构的安排和设计,同时使网站易用,好用,收欢迎。
与文化类网站的优雅的气氛不同的是,电子商务网站的气氛是急躁的,消费者多数没有闲散的情趣,一页一页的找信息,慢悠悠的欣赏网页,他们通常是急于购买商品才登陆网站的,商品的信息绝对不
 
能藏得过深,二级或三级就可以了,超过三级页面,浏览者就有可能失去耐心。
网站的信息层级分布,简单的文章信息和较小的图片信息出现在二级页面的列表里,三级页面应该是更为清晰的大图片和详细的说明,到二级或三级页面时候,消费者已经可以决定是否购买这件物品了
 
电子商务网站和传统商城没有区别,浏览者就是进入商城的消费顾客,搞清楚对他们来说什么是最可靠的,最重要的,就是最好的,有需要的话,可备出四级页面放在最为详细的信息或补充说明,让消
 
费者根据自己的需要点击查看
 
不同的商品应该选择不同的陈列方式,好比文具要用柜子,衣物要用架子的道理一样,商品在网络上呈现出来的仅为图片,不要过于拘泥一种摆放方式,根据物品的类别不同,呈现出的设计效果也可以
 
是多样的,一个经营网页模版的电子商务网站,另一个是以销售晚装为主的电子商务网站,他们的商品的陈列方式上有很大的差异。 
商品是虚拟的网页模版,仅通过图片就可以判断是否需要购买,为防止设计被窃用,展示模版只是显示原来大小的一半'
 
网站的色彩设计及布局非常出色,橘红与灰绿的比例相当,利用橘红较为鲜明的特点来指引视线,同时大面积的补灰,使页面达到平衡,不同的深浅的灰,制作出节奏感,增加一些活泼的气氛,信息划
 
分的页面布局也很有条理,页面框架设计很有特点,不易模仿,整个网站及大气又活泼,还不失细节设计。
一个销售高级晚装的网站,从商品的特征考虑,网站采用了褐色的主体色,灰色陪衬,突出庄重,高雅的气氛,每页仅展示5件晚装,衬托网站的贵重和高雅
网站上的助推商品信息是很重要的,也就是我们经常说的广告,规划商务网站首页结构时候,需要把广告区编制进去,一旦出现促销活动,网站首页没有预留的区域,就要使用弹出窗口或浮动广告条,
 
而这两种方式常常引起网民的反感,也达到了最好的宣传作用
上一篇:电子商务网站介绍
下一篇:企业网站建设与制作