中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 网页设计 >> 网页设计技巧 >> 设计技巧 >> 新闻正文

开一家漂亮小网店:C2C网店首页布局赏析  

作者:  时间:2006-12-20 10:39:58  来自:  责任编辑:www.zhirui.com  阅读次数:

   虽然目前网页设计的职业没有前几年那么火爆,但如今网页设计技术的应用更加注重专业化,应用不同行业的网页其设计风格也有所不同。像眼下逐渐走红的电子商务网站,在电子商务领域内对网页设计的需求开始悄然升温。许多在C2C网站获得商业成功的卖家们,对网络店铺页面的设计开始重视起来,有不少店主都花钱雇请了专业的网页设计师为自己的网络商店“装修”,对于喜爱设计网页的个人爱好者来说,这无疑是一个不错的工作机会,可以自己开设一个小型的网页工作室专为易趣或淘宝的店主们进行店铺装修的服务。

  为这类网络店铺设计,设计师首先要掌握易趣或淘宝对自定义店铺的规定,易趣的自定义店铺页面放得比较开,卖家可以完全自己设计店铺的各个页面(图1)(易趣提供了店铺模版,但聘请网页设计师的店主不会选择模版)。

图1

  图1页面中间那个位置是店主自定义的页面,页面上下都有易趣的栏目、标示等固定的内容,店主不可更改。设计师要在这一个页面上为卖家设计与众不同的网页店铺,并且要在页面体现该店铺的产品主题、产品展示、商家的介绍等信息,需要考验设计师的页面排版布局的水平。初次学习网店设计的设计师可以参考其它已有的比较有特色的店铺,下面我们就来看看易趣上几个有个性、效果不错的店铺首页(暂不评价店铺的色彩搭配)。

  实例一、友人手机


  看惯了易趣上众多版式、布局类似的店铺,再看到这个店铺的网页感觉非常不错。页面很清爽,布局合理,功能划分明晰,尤其是在首页上展示的商品图片非常清楚,能够让顾客一目了然商品的外观。店铺的栏目分类内置到页面上方的Flash动画中,同时还在页面中设计了弹出式的Flash菜单,设计师合理的利用Flash动画的网页技术,使本来多层次多项目的店铺分类,变得简化明晰。将店铺分类栏目内置到Flash中,节约了网页的空间,使首页上有更多的位置可摆放店铺的新产品。这个店铺首页最下方还提供了该商家的实体店铺照片,让网上的顾客看到实体店铺的相片,了解易趣店主的销售实力,可以使顾客对店主产生信任感。

  点评:总的来说这个店铺给顾客的直观感觉就是很专业,店主不仅仅是位普通的商家,而且还是一个专业的IT人士,和他销售的数码产品身份相符,可以给顾客一种专业的信任感。它的缺点是网页的长度有些过头了,其中有很多地方留白,范了网页设计的忌讳。整个店铺看起来缺乏“销售”的感觉,更像是“展示”。

  实例二、清凉一夏

  这个店铺是销售李宁运动服装,从店铺首页来看,它采用了典型的销售型网页设计,直接把产品图片、价格标注到首页上,可以使顾客在此选择并了解需要选购产品的信息。尤其是店主在上方的图片中明确的标注了该商铺的折扣信息,这样更容易吸引顾客的眼球。而店铺的栏目分类,巧妙的集成到上方的广告图画中,这样也节省了在页面中另设栏目分类的空间。

  点评:这个店铺首页给人的感觉比较“实在”,店主就是为了销售自己的商品,多余的内容无需考虑。但这位店铺设计师在页面中间搜索那部分的位置没有处理好,大范围的留白。据作者了解来看,估计设计师在添加易趣搜索条时,没有掌握好Html代码的编写技术,在添加搜索条时造成这部分的空白。


相关文章 最新文章 推荐文章
亚马逊网站导航栏的变迁史
开一家漂亮小网店:C2C网店首页布局赏析
全面解析韩国商业网站的设计
给你的网站请一个“小秘书”
网页设计初学者指南
网页布局理念
制作主页的独门功夫五十招
2003年度十大WEB设计误区

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/