对于一个网站，人们更多(duo)的(de)关(guan)注是在(zai)线框、代码以及内容等(deng)元素(su)上。其实(shi)，我们应该(gai)更多(duo)的(de)关(guan)注一下(xia)设计。

但是(shi)不要搞错了，这里(li)的(de)(de)设计并不是(shi)如(ru)何组合(he)社交(jiao)媒体(ti)(ti)上(shang)的(de)(de)按(an)钮或是(shi)营造(zao)出(chu)华丽的(de)(de)视(shi)觉效果，而是(shi)创造(zao)出(chu)一种与企(qi)业总(zong)体(ti)(ti)战略(lve)相(xiang)一致的(de)(de)网(wang)页浏览体(ti)(ti)验。

要知道，一个好的网站设计对于(yu)用(yong)户来说，不仅是视觉上(shang)的享受(shou)，更(geng)(geng)是一个可以帮助自己更(geng)(geng)快(kuai)、更(geng)(geng)好(hao)的了(le)解企业、产品以及品牌的方式。为了(le)达到这个目的，我们必须(xu)要保证(zheng)网站上(shang)的每一个元素都又相(xiang)对应的既定目标。

但是(shi)问(wen)题(ti)来了，这(zhei)样的(de)话(hua)，我(wo)们(men)应该如何去(qu)实现这(zhei)一个整合的(de)目标呢？

从网页设计的宏观角度而言，这需要将形式和功能运用于同一账户。所以，在小莫看来，网站设计一般(ban)是需要以(yi)下(xia)七(qi)个步骤(zhou)的：

1、明确目标：这个就不要小莫多说啦。连目标都不确定，那做出来的东西肯定是没有目标、没有方向的。所以做网站设计的第一件事，就是(shi)确定你(ni)为什么(me)要做这个网站(zhan)；

2、定义范围：当我们确定好(hao)(hao)这个目(mu)标之后(hou)，我们接(jie)下来要(yao)(yao)做的(de)(de)，就是(shi)将我们的(de)(de)目(mu)的(de)(de)细(xi)化，如网(wang)站(zhan)多要(yao)(yao)多宽、采用什么风格，还有就是(shi)完成这些(xie)工(gong)作的(de)(de)时间线是(shi)如何的(de)(de)。细(xi)化好(hao)(hao)这些(xie)东西，我们才能(neng)更好(hao)(hao)的(de)(de)做这些(xie)东西。

3、网站地图及线框生成：明(ming)(ming)确好(hao)目标以及细化好(hao)目标之后，接下来就(jiu)(jiu)是(shi)要开(kai)始涉及了。首先(xian)是(shi)设计网站地(di)图，明(ming)(ming)确网站的分(fen)类，还(hai)有(you)就(jiu)(jiu)是(shi)考虑如(ru)何让内容与(yu)其他各(ge)元素可以产生互相的作用(yong)。

4、内容生成：架构好(hao)(hao)一个(ge)(ge)网(wang)站的基本蓝图(tu)之(zhi)后(hou)，接下里(li)就是为(wei)考虑为(wei)每(mei)一个(ge)(ge)页(ye)面(mian)添加相关的内容了。但是，要记住(zhu)一点，为(wei)了后(hou)期网(wang)站优化的便(bian)利(li)性(xing)，我(wo)们一定要保持(chi)一个(ge)(ge)页(ye)面(mian)一个(ge)(ge)主题的原则。这个(ge)(ge)可是非常重要的，如果处(chu)理不(bu)好(hao)(hao)内容这一块问题，我(wo)们接下来的工(gong)作就会变得(de)很麻烦了。

5、视觉元素：在网站(zhan)架构与(yu)一(yi)(yi)些(xie)内容就位(wei)之后，就可(ke)以(yi)开始着手视觉品牌设计了，不同(tong)客户要(yao)求不同(tong)，即便已经定(ding)义明(ming)晰，你可(ke)能依旧(jiu)需要(yao)从一(yi)(yi)些(xie)零(ling)散(san)的元素(su)(su)中确定(ding)视觉风(feng)格。在这一(yi)(yi)过(guo)程(cheng)中，视觉设计稿、情绪(xu)板、元素(su)(su)拼贴等(deng)工具(ju)会(hui)很有帮助。

6、测试：到这一步之后(hou)，一个网(wang)(wang)站就基本已(yi)经成(cheng)型了(le)(le)。我(wo)们已(yi)经可以(yi)看(kan)到所(suo)(suo)有的页(ye)面样式(shi)了(le)(le)，也知(zhi)道用(yong)户访(fang)问(wen)网(wang)(wang)站时，网(wang)(wang)站的呈(cheng)现方式(shi)了(le)(le)。所(suo)(suo)以(yi)，为了(le)(le)得带更好的用(yong)户体验(yan)，同时也是(shi)为了(le)(le)实现盈(ying)利，我(wo)们最好是(shi)做一个预检。结合网(wang)(wang)站的手(shou)动浏览(lan)和(he)自动站点网(wang)(wang)络爬(pa)虫功能(neng)，识别用(yong)户体验(yan)角度(du)所(suo)(suo)有关于简单断(duan)裂连接的问(wen)题。

7、启动：要是上面几个步骤都没有问题的话，那么网站就基本可以开始投入使用了。当然，接下来的工作更加重要，我们要如何让更多的用户知道网站，浏览网站，并且最终转变成网站的客户，这些都是需要我们去考虑的。当然，这已经是属于网站运营的工作了，暂时我们网站设计还是不用管的。

当你(ni)做好(hao)上(shang)面的(de)七(qi)个步骤之后，你(ni)基本就可以开香槟庆(qing)祝了。因(yin)为，你(ni)有设(she)计了一个很好(hao)的(de)网站(zhan)。相信这个网站(zhan)会(hui)在(zai)互联网上(shang)，更好(hao)的(de)生存下去的(de)。

所以，要建站，还是找一家专业的网站建设公司，不然你(ni)连设计这一关都很难(nan)过。

好了，今(jin)天的(de)分(fen)享就到处(chu)结束了。虽然有些简(jian)短，但是也(ye)是小(xiao)莫的(de)经验(yan)总(zong)结来(lai)的(de)，还是希(xi)望大(da)家有所帮助吧。同时也(ye)希(xi)望下次可(ke)以(yi)分(fen)享更加详细的(de)东西给大(da)家吧。