虽然目前网页设计的职业没有前几年那么火爆,但如今网页设计技术的应用更加注重专业化,应用不同行业的网页其设计风格也有所不同。像眼下逐渐走红的电子商务网站,在电子商务领域内对网页设计的需求开始悄然升温。许多在C2C网站获得商业成功的卖家们,对网络店铺页面的设计开始重视起来,有不少店主都花钱雇请了专业的网页设计师为自己的网络商店“装修”,对于喜爱设计网页的个人爱好者来说,这无疑是一个不错的工作机会,可以自己开设一个小型的网页工作室专为易趣或淘宝的店主们进行店铺装修的服务。
为这类网络店铺设计,设计师首先要掌握易趣或淘宝对自定义店铺的规定,易趣的自定义店铺页面放得比较开,卖家可以完全自己设计店铺的各个页面(图1)(易趣提供了店铺模版,但聘请网页设计师的店主不会选择模版)。
图1
图1页面中间那个位置是店主自定义的页面,页面上下都有易趣的栏目、标示等固定的内容,店主不可更改。设计师要在这一个页面上为卖家设计与众不同的网页店铺,并且要在页面体现该店铺的产品主题、产品展示、商家的介绍等信息,需要考验设计师的页面排版布局的水平。初次学习网店设计的设计师可以参考其它已有的比较有特色的店铺,下面我们就来看看易趣上几个有个性、效果不错的店铺首页(暂不评价店铺的色彩搭配)。
实例一、友人手机
看惯了易趣上众多版式、布局类似的店铺,再看到这个店铺的网页感觉非常不错。页面很清爽,布局合理,功能划分明晰,尤其是在首页上展示的商品图片非常清楚,能够让顾客一目了然商品的外观。店铺的栏目分类内置到页面上方的Flash动画中,同时还在页面中设计了弹出式的Flash菜单,设计师合理的利用Flash动画的网页技术,使本来多层次多项目的店铺分类,变得简化明晰。将店铺分类栏目内置到Flash中,节约了网页的空间,使首页上有更多的位置可摆放店铺的新产品。这个店铺首页最下方还提供了该商家的实体店铺照片,让网上的顾客看到实体店铺的相片,了解易趣店主的销售实力,可以使顾客对店主产生信任感。
点评:总的来说这个店铺给顾客的直观感觉就是很专业,店主不仅仅是位普通的商家,而且还是一个专业的IT人士,和他销售的数码产品身份相符,可以给顾客一种专业的信任感。它的缺点是网页的长度有些过头了,其中有很多地方留白,范了网页设计的忌讳。整个店铺看起来缺乏“销售”的感觉,更像是“展示”。
实例二、清凉一夏
这个店铺是销售李宁运动服装,从店铺首页来看,它采用了典型的销售型网页设计,直接把产品图片、价格标注到首页上,可以使顾客在此选择并了解需要选购产品的信息。尤其是店主在上方的图片中明确的标注了该商铺的折扣信息,这样更容易吸引顾客的眼球。而店铺的栏目分类,巧妙的集成到上方的广告图画中,这样也节省了在页面中另设栏目分类的空间。
点评:这个店铺首页给人的感觉比较“实在”,店主就是为了销售自己的商品,多余的内容无需考虑。但这位店铺设计师在页面中间搜索那部分的位置没有处理好,大范围的留白。据作者了解来看,估计设计师在添加易趣搜索条时,没有掌握好Html代码的编写技术,在添加搜索条时造成这部分的空白。
实例三、51watch
这个店铺采用了易趣的默认版式,但它给人的感觉又不是“大众化”。易趣固有的版式有一个很大的优点,就是可以帮助卖家为商品详细分类,而且易趣的顾客逛店铺时查找商品也比较熟悉操作。这个店铺在页面上方设计了具有产品特色的图像和动画以及不规则的排列方式,使其虽然采用了“大众版式”却没有“大众”感觉。
点评:这个店铺的版式套用易趣模板,但不失自己的风格,比较不错。缺点是在商品缩略图上添加了文字,使商品图片没有反应商品的外观。
实例四、michellej88
这个店铺首页完全脱离了功能划分的设计模式,而采用图画式的设计方式,把整个页面作为一张图画,商品、店铺分类等工作全在图画上展示。这种不规则的射击方式,也可以使该店铺在众多易趣店铺中脱颖而出吸引顾客的眼球。
点评:这种不规则的射击方式考验设计师的网页设计的搭配能力,比起前几种版式,它的排版难度要高一些,而且页面每个地方的图画要保持与其他位置的图画协调和一致,设计师必须考虑全局的图画效果。不过这种版式的店铺首页有个缺点,它能显示的商品数量有限。
作为C2C商家,其店铺网页主要是要体现产品的风格,讲究实用性。设计师在设计时如果一味讲究页面细节上的效果,而忽略店主的特色和产品那将粉墨倒置。