网站建设实战：从0开始做外贸B2B电子商务网站（一）

  许多想涉足电商的传统行业客户，不知道怎么入手做电子商务网站。那么我就拿自己的http://www.export.cn 项目作为实战项目详细解说电商网站设计开发过程。http://www.export.cn 网站功能比较复杂，整个网站设计开发过程耗时长，我会坚持更新完。

  做一个网站首先得有一个网站域名，我们采用的 http://www.export.cn 域名，logo设计一开始考虑的是“中国丝绸之路”这种象征意义的logo，如下图：

  后来发现logo设计不够简单，结构太复杂，缩小了不好看，就最终确定采用简约易记的logo设计，如下图：

  就这样定下来了logo设计。网站详细功能需求文档也非常重要，这是网站设计开发公司（网站建设公司）报价和报时间的依据，也需要将来作为合同附件双方一起签字。这里放上export.cn网站详细栏目功能需求文档下载链接。有兴趣的朋友可以下载文档查看。logo和网站功能需求文档都确认好了，接下来就开始做网站首页设计。首页排版布局有点复杂，所以先出首页线框图，如下图：

  首页线框图细节上调整一些内容之后，大体上觉得没啥问题，然后网站设计师会尽快设计好网站首页。那么只能等几天了。几天后....网站首页设计稿出来了。如下图：

  颜色是我个人比较喜欢的绿色，绿色和蓝色一样，适合页面文字长期阅读（有利于增强用户访问PV）。整个页面排版布局尽量简约、清爽，符合欧美网站用户审美观。感谢设计师把各种产品一级类别小图标也设计出来了，她花了不少时间。总体上还不错，但感觉有点和其他公司网站建设雷同了。我没想用蓝色或者橘红色作为网站主色调就是希望用户能方便的把http://export.cn网站和其他b2b网站区分开来。目前这个首页设计稿感觉还不够区分明显，已经交代了设计师要区分明显一些，尤其是首页页头第一屏设计要和其他b2b网站区分开来。

  又过了一两天......首页设计稿，设计师听取我的意见，把首页第一屏视觉效果尽量做得与其他b2b网站不同，将logo居中了（比较少网站这么做吧？）。为了用户搜索方便同时也为了顶部元素排版布局美观，将顶部搜索条放大放宽。同时在页面其他内容做了一些细节调整。如下图(请点击下图看大图)：

  我看了之后，觉得可以再区分明显一些，把页头和页尾加上绿色底色。于是改成了如下图(请点击下图看大图)：

  这样子应该差不多了，就这么把网站首页设计稿定下来吧。下一步还得继续整理网站内页页面和页面字段内容。

  未完，下次继续。