如何判断(duan)一个网站设计的好与不好呢？主(zhu)要(yao)看看以(yi)下几点(dian)

　　1、布局与结构

　　排(pai)版(ban)布(bu)局(ju)是(shi)将自己(ji)网(wang)(wang)站和其(qi)他(ta)网(wang)(wang)站区分(fen)开来的(de)明显手(shou)段之(zhi)一(yi)，而它的(de)难度也(ye)是(shi)高(gao)的(de)。没(mei)有(you)一(yi)个(ge)排(pai)版(ban)布(bu)局(ju)是(shi)没(mei)人(ren)(ren)用过的(de)，你(ni)几(ji)乎不可(ke)能再找出(chu)一(yi)个(ge)别人(ren)(ren)没(mei)用过的(de)布(bu)局(ju)。但是(shi)，设计排(pai)版(ban)本身(shen)是(shi)一(yi)件非常有(you)趣，也(ye)能够磨练(lian)你(ni)的(de)创造(zao)力的(de)事情。在(zai)你(ni)创建出(chu)第52个(ge)网(wang)(wang)页布(bu)局(ju)之(zhi)后，也(ye)许你(ni)的(de)网(wang)(wang)页排(pai)版(ban)布(bu)局(ju)能力已经(jing)(jing)和之(zhi)前(qian)截然(ran)不同了，当然(ran)，也(ye)有(you)可(ke)能你(ni)这个(ge)时候拿出(chu)来的(de)布(bu)局(ju)方案已经(jing)(jing)可(ke)以让前(qian)端(duan)头疼不已了。

　　另外一方(fang)面，你在(zai)这个(ge)过程(cheng)中会(hui)(hui)同开(kai)发慢慢磨合，也(ye)会(hui)(hui)更(geng)加了解哪(na)些地方(fang)是用户的(de)(de)痛点，明(ming)白信息架构要(yao)如何搭建(jian)，这样(yang)你才会(hui)(hui)在(zai)排版设计的(de)(de)时(shi)候，越来越清楚如何确保可用性和可访问性。特殊而又繁(fan)复的(de)(de)网(wang)页布(bu)局(ju)很大程(cheng)度(du)上会(hui)(hui)依赖Javascript 等技术，但是理想(xiang)状况下的(de)(de)布(bu)局(ju)是不要(yao)这样(yang)，否(fou)则调(diao)整(zheng)和修改的(de)(de)成本会(hui)(hui)非常高昂。

　　2、品牌

　　强(qiang)化品(pin)牌设(she)计(ji)(ji)(ji)是(shi)提升(sheng)网(wang)站气质(zhi)和特殊性的(de)(de)(de)(de)(de)(de)有效(xiao)手(shou)段。如果(guo)你(ni)的(de)(de)(de)(de)(de)(de)客(ke)户有着系统的(de)(de)(de)(de)(de)(de)品(pin)牌风格指(zhi)南，那(nei)么你(ni)所需(xu)要(yao)做的(de)(de)(de)(de)(de)(de)就是(shi)遵循它，按(an)照其中(zhong)的(de)(de)(de)(de)(de)(de)指(zhi)引(yin)来(lai)进(jin)行设(she)计(ji)(ji)(ji)，拥抱你(ni)客(ke)户的(de)(de)(de)(de)(de)(de)品(pin)牌风格和用色(se)。合理的(de)(de)(de)(de)(de)(de)运(yun)用加上(shang)适当的(de)(de)(de)(de)(de)(de)优化，这(zhei)(zhei)并(bing)不是(shi)一件(jian)太难(nan)的(de)(de)(de)(de)(de)(de)事情。不过，强(qiang)化品(pin)牌设(she)计(ji)(ji)(ji)能够(gou)(gou)带来(lai)好(hao)效(xiao)果(guo)的(de)(de)(de)(de)(de)(de)前提也很重要(yao)：你(ni)的(de)(de)(de)(de)(de)(de)客(ke)户的(de)(de)(de)(de)(de)(de)品(pin)牌原创性和特色(se)要(yao)足(zu)够(gou)(gou)明(ming)显。如果(guo)他(ta)们的(de)(de)(de)(de)(de)(de)LOGO字体用的(de)(de)(de)(de)(de)(de)是(shi)Helvetica，色(se)彩(cai)也没有很出(chu)众，甚至还不够(gou)(gou)漂亮(liang)，那(nei)么这(zhei)(zhei)个情况就比较尴尬(ga)了，在这(zhei)(zhei)种(zhong)局面(mian)下做品(pin)牌风格化的(de)(de)(de)(de)(de)(de)网(wang)页设(she)计(ji)(ji)(ji)，并(bing)不会有啥好(hao)效(xiao)果(guo)。

　　3、图形和图片

　　如果品牌化设(she)计(ji)(ji)并(bing)不足以(yi)支撑(cheng)你要(yao)设(she)计(ji)(ji)的(de)网(wang)页，那么(me)你需要(yao)使用(yong)图(tu)片(pian)(pian)和图(tu)形来支撑(cheng)你的(de)整个视(shi)觉设(she)计(ji)(ji)了(le)。人(ren)(ren)是(shi)视(shi)觉动物(wu)，这(zhei)也能够解释为什么(me)那些善用(yong)高(gao)清大(da)图(tu)的(de)网(wang)站，常常拥有良好的(de)转(zhuan)化率。视(shi)觉刺激在(zai)很(hen)多时候能够转(zhuan)换甚至强(qiang)化情感联系，而图(tu)片(pian)(pian)和图(tu)形在(zai)风格的(de)选取(qu)上，也有着近乎无(wu)限的(de)可(ke)能，这(zhei)使得设(she)计(ji)(ji)师可(ke)以(yi)通过它传递情绪和情感。不过，好的(de)图(tu)片(pian)(pian)往往不便宜，高(gao)素(su)质的(de)图(tu)片(pian)(pian)素(su)材大(da)多是(shi)定制的(de)，使用(yong)商用(yong)图(tu)库的(de)问题在(zai)于，别人(ren)(ren)也能购买(mai)使用(yong)，这(zhei)在(zai)很(hen)大(da)程度上抹平(ping)了(le)你和其(qi)他设(she)计(ji)(ji)师之(zhi)间的(de)差异。

　　4、文案和内容

　　在文(wen)(wen)案和(he)内容(rong)(rong)(rong)上(shang)和(he)其他(ta)的(de)(de)(de)网站区分开来，这(zhei)(zhei)件事很重要，但(dan)是(shi)同(tong)时也(ye)可能是(shi)拉开距(ju)离艰难的(de)(de)(de)方(fang)式。网站应(ying)该(gai)能够反映出(chu)公司或者品(pin)牌的(de)(de)(de)个性和(he)文(wen)(wen)化，而(er)这(zhei)(zhei)些东西通常是(shi)通过(guo)文(wen)(wen)案和(he)内容(rong)(rong)(rong)来呈现，从Banner 的(de)(de)(de)标(biao)题到图(tu)(tu)标(biao)和(he)按钮上(shang)的(de)(de)(de)微文(wen)(wen)案都(dou)(dou)应(ying)该(gai)凸显这(zhei)(zhei)些内容(rong)(rong)(rong)。不过(guo)，想要做到这(zhei)(zhei)一点，也(ye)就意味着你(ni)需要同(tong)客(ke)户进行深入的(de)(de)(de)沟通和(he)协(xie)作了(le)。你(ni)要让文(wen)(wen)案拥有(you)(you)相应(ying)的(de)(de)(de)气(qi)(qi)质(zhi)(zhi)，拥有(you)(you)人(ren)(ren)应(ying)该(gai)有(you)(you)的(de)(de)(de)语(yu)气(qi)(qi)和(he)气(qi)(qi)质(zhi)(zhi)，而(er)这(zhei)(zhei)也(ye)是(shi)难的(de)(de)(de)地方(fang)。绝大多数的(de)(de)(de)营销(xiao)(xiao)文(wen)(wen)案都(dou)(dou)有(you)(you)着非常明确的(de)(de)(de)语(yu)调和(he)感觉。我之(zhi)前曾(ceng)经为网站设(she)计(ji)过(guo)全(quan)部(bu)的(de)(de)(de)文(wen)(wen)案和(he)内容(rong)(rong)(rong)，用户在Banner和(he)轮播图(tu)(tu)这(zhei)(zhei)样(yang)的(de)(de)(de)地方(fang)期(qi)望能看到推荐甚至推销(xiao)(xiao)产品(pin)的(de)(de)(de)文(wen)(wen)案，而(er)在网站其他(ta)的(de)(de)(de)地方(fang)诸如(ru)设(she)置、导航(hang)中又不喜(xi)欢被当作客(ke)户——他(ta)们(men)更期(qi)望文(wen)(wen)案能像是(shi)人(ren)(ren)和(he)人(ren)(ren)之(zhi)间的(de)(de)(de)沟通一样(yang)自然。这(zhei)(zhei)样(yang)的(de)(de)(de)设(she)计(ji)往往能让网站脱颖(ying)而(er)出(chu)。

　　5、动效

　　动(dong)(dong)(dong)(dong)效(xiao)(xiao)在设(she)(she)计圈中(zhong)越来越重要(yao)了，这(zhei)不(bu)是(shi)没有(you)道理的(de)(de)。动(dong)(dong)(dong)(dong)效(xiao)(xiao)能够让体(ti)验好(hao)，更令(ling)人难(nan)忘。从动(dong)(dong)(dong)(dong)画片诞生(sheng)一直到动(dong)(dong)(dong)(dong)效(xiao)(xiao)大(da)规模地运用(yong)(yong)在网页(ye)设(she)(she)计中(zhong)，整整间隔了一个世纪之久。在网页(ye)刚刚诞生(sheng)的(de)(de)年代(dai)就有(you)人尝试过(guo)在网页(ye)中(zhong)运用(yong)(yong)动(dong)(dong)(dong)(dong)效(xiao)(xiao)，但(dan)是(shi)效(xiao)(xiao)果之粗糙简直令(ling)人发指。今天的(de)(de)动(dong)(dong)(dong)(dong)效(xiao)(xiao)设(she)(she)计已(yi)经逐(zhu)步(bu)成(cheng)熟，但(dan)是(shi)真正(zheng)好(hao)的(de)(de)动(dong)(dong)(dong)(dong)效(xiao)(xiao)依然不(bu)多。我在才(cai)提及动(dong)(dong)(dong)(dong)效(xiao)(xiao)，原因并(bing)不(bu)复(fu)杂(za)：动(dong)(dong)(dong)(dong)效(xiao)(xiao)确实很好(hao)用(yong)(yong)，但(dan)是(shi)好(hao)动(dong)(dong)(dong)(dong)效(xiao)(xiao)并(bing)不(bu)容易(yi)获得。我的(de)(de)意思(si)是(shi)，动(dong)(dong)(dong)(dong)效(xiao)(xiao)的(de)(de)设(she)(she)计和(he)制(zhi)作成(cheng)本确实在逐(zhu)步(bu)降低，但(dan)是(shi)滥用(yong)(yong)而导致的(de)(de)可(ke)用(yong)(yong)性(xing)和(he)体(ti)验上的(de)(de)问(wen)题，同(tong)样(yang)很多。缺少(shao)动(dong)(dong)(dong)(dong)效(xiao)(xiao)，我们会(hui)觉(jue)得过(guo)渡生(sheng)硬，而动(dong)(dong)(dong)(dong)效(xiao)(xiao)做的(de)(de)太过(guo)明显（比如弹跳），用(yong)(yong)户又会(hui)觉(jue)得闹(nao)心。所(suo)以(yi)，尽(jin)可(ke)能让动(dong)(dong)(dong)(dong)效(xiao)(xiao)微妙，才(cai)是(shi)关键。