很多設計師認為做好了企業網站就一定能夠做好行業網站的設計，其實對設計來說行業網站和企業網站的設計截然不同，對整個網站的創意、風格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等…有著許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。對于一名優秀的網站設計師來說不能絕不能放過任何一點小細節，本篇文章簡述的是設計師在做行業網站時所需考慮的一些問題。

    一(yi)、網站(zhan)(zhan)風(feng)格/創意(yi) 風(feng)格(style)是抽象的(de)(de)(de)。是指站(zhan)(zhan)點(dian)的(de)(de)(de)整(zheng)體形(xing)象給瀏覽者的(de)(de)(de)綜(zong)合感(gan)受。整(zheng)體形(xing)象包(bao)(bao)括(kuo)站(zhan)(zhan)點(dian)的(de)(de)(de)版(ban)面布局(ju)，色彩，字(zi)(zi)體，瀏覽方式等…。如(ru)：我(wo)們覺(jue)得(de)迪(di)斯尼是生動活潑(po)的(de)(de)(de)而(er)IBM則是專業(ye)(ye)嚴肅的(de)(de)(de)。每一(yi)個(ge)網站(zhan)(zhan)都會給人們留下(xia)的(de)(de)(de)不同(tong)感(gan)受。這里我(wo)們需(xu)要做到的(de)(de)(de)是根據(ju)網站(zhan)(zhan)的(de)(de)(de)定(ding)位做出(chu)網站(zhan)(zhan)特有(you)的(de)(de)(de)風(feng)格。除此我(wo)們還(huan)需(xu)要在風(feng)格同(tong)一(yi)上需(xu)要把握一(yi)下(xia)，其實這個(ge)風(feng)格的(de)(de)(de)統(tong)一(yi)和傳統(tong)的(de)(de)(de)印刷出(chu)版(ban)物(wu)沒(mei)什(shen)么區別。你網頁上所有(you)的(de)(de)(de)圖(tu)像(xiang)、文字(zi)(zi)，包(bao)(bao)括(kuo)像(xiang)背景顏色、區分線、字(zi)(zi)體、標(biao)題、注腳什(shen)么的(de)(de)(de)，都要統(tong)一(yi)風(feng)格，貫(guan)穿全(quan)站(zhan)(zhan)。這樣子(zi)用戶看起來舒服、順暢(chang)，會對你的(de)(de)(de)網站(zhan)(zhan)留下(xia)一(yi)個(ge)“很專業(ye)(ye)”的(de)(de)(de)印象。而(er)企業(ye)(ye)網站(zhan)(zhan)設計師往(wang)(wang)往(wang)(wang)就缺乏這一(yi)點(dian)，沒(mei)有(you)全(quan)局(ju)意(yi)思。

    創(chuang)(chuang)意(yi)(yi)(yi)，所謂創(chuang)(chuang)意(yi)(yi)(yi)就是不(bu)(bu)拘一(yi)格？某些設計師(shi)在做創(chuang)(chuang)意(yi)(yi)(yi)的(de)(de)時(shi)候大(da)費周章(zhang)，做出來確實不(bu)(bu)可否(fou)認很有創(chuang)(chuang)意(yi)(yi)(yi)、很別(bie)致(zhi)，但往往對(dui)于行業(ye)(ye)網(wang)站(zhan)的(de)(de)客戶(hu)為什么不(bu)(bu)能接(jie)受(shou)呢？此時(shi)不(bu)(bu)要(yao)(yao)(yao)太責怪客戶(hu)的(de)(de)不(bu)(bu)識貨(huo)，應該反思，抓(zhua)住(zhu)客戶(hu)的(de)(de)需(xu)(xu)求。其實做行業(ye)(ye)網(wang)站(zhan)不(bu)(bu)需(xu)(xu)要(yao)(yao)(yao)很多大(da)的(de)(de)創(chuang)(chuang)意(yi)(yi)(yi)，也不(bu)(bu)要(yao)(yao)(yao)浪費過多的(de)(de)時(shi)間去追求如何個性、如何好看，我們只需(xu)(xu)要(yao)(yao)(yao)一(yi)點小(xiao)小(xiao)的(de)(de)創(chuang)(chuang)意(yi)(yi)(yi)貫穿全站(zhan)，也許會使網(wang)站(zhan)更(geng)生動更(geng)具(ju)有吸引力、更(geng)有思想。

    二、網站LOGO Logo顧名思義就是站點的標志圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便于人們識別。網站logo的設計過程中一般有以下三種思路：1.直接以網站網址作為logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站運營商的經營理念為特色。如：零度網絡科技logo(xjbu.cn)

    三、視(shi)(shi)(shi)覺流(liu)(liu)程 人們在(zai)(zai)(zai)閱讀(du)某種信息(xi)(xi)(xi)時，視(shi)(shi)(shi)覺總有一種自然的(de)(de)(de)(de)流(liu)(liu)動(dong)習慣(guan)，先看什(shen)么，后(hou)看什(shen)么，再看什(shen)么。在(zai)(zai)(zai)心理學的(de)(de)(de)(de)研(yan)究(jiu)表明，一般的(de)(de)(de)(de)瀏(liu)覽習慣(guan)是從上(shang)(shang)(shang)到(dao)下(xia)(xia)、從左到(dao)右，在(zai)(zai)(zai)一個平(ping)(ping)面(mian)上(shang)(shang)(shang)，上(shang)(shang)(shang)松(song)(song)下(xia)(xia)穩而(er)壓(ya)抑。同樣，平(ping)(ping)面(mian)的(de)(de)(de)(de)左松(song)(song)右穩。所以平(ping)(ping)面(mian)的(de)(de)(de)(de)視(shi)(shi)(shi)覺影(ying)響(xiang)(xiang)力上(shang)(shang)(shang)方強于下(xia)(xia)方，左側(ce)強于右側(ce)。這(zhe)樣平(ping)(ping)面(mian)的(de)(de)(de)(de)上(shang)(shang)(shang)部和(he)中上(shang)(shang)(shang)部被稱為(wei)(wei)“最佳(jia)視(shi)(shi)(shi)域”，也就(jiu)是最優選的(de)(de)(de)(de)地(di)方。在(zai)(zai)(zai)網(wang)頁(ye)設計中一些突出或推薦的(de)(de)(de)(de)信息(xi)(xi)(xi)通常都放在(zai)(zai)(zai)這(zhe)個位(wei)置。當(dang)然這(zhe)種視(shi)(shi)(shi)覺流(liu)(liu)程只是一種感覺并非一種固定的(de)(de)(de)(de)公式(shi)，只要符合人們的(de)(de)(de)(de)心理順(shun)(shun)序和(he)邏輯(ji)順(shun)(shun)序，就(jiu)可(ke)以更(geng)為(wei)(wei)靈活地(di)運用，在(zai)(zai)(zai)網(wang)頁(ye)設計中，靈活而(er)合理地(di)運用直接影(ying)響(xiang)(xiang)到(dao)傳達信息(xi)(xi)(xi)的(de)(de)(de)(de)準(zhun)確與有效性。

    四(si)、網(wang)(wang)頁(ye)框(kuang)架與布局 網(wang)(wang)頁(ye)布局大致可(ke)分(fen)為“國(guo)”字(zi)型(xing)、拐角(jiao)型(xing)、“T”字(zi)型(xing)、“L”字(zi)型(xing)、綜合框(kuang)架型(xing)、Flash型(xing)、變化(hua)型(xing)，在這(zhe)里就(jiu)不做一(yi)一(yi)論述了(le)。其實在我們在做設(she)計的(de)(de)時候并沒有(you)過多的(de)(de)去(qu)考慮什么形式(shi)，比(bi)(bi)如我們在一(yi)張紙看到一(yi)個(ge)圓形的(de)(de)東西，很容易可(ke)以聯想到它像太陽(yang)，而有(you)些人則(ze)聯想到月亮等(deng)等(deng)…這(zhe)都(dou)是一(yi)種形式(shi)比(bi)(bi)喻(yu)，最重要的(de)(de)是抓住客戶的(de)(de)需求，把握網(wang)(wang)站(zhan)的(de)(de)定位做處合理的(de)(de)框(kuang)架布局。

1． 分辨率

    網(wang)(wang)頁(ye)的(de)(de)(de)(de)整體寬(kuan)(kuan)度可分為(wei)(wei)三種(zhong)設置(zhi)形(xing)(xing)式：百分比(bi)、象素(su)(su)、象素(su)(su)+百分比(bi)。通常在(zai)網(wang)(wang)站建設中以(yi)象素(su)(su)形(xing)(xing)式最為(wei)(wei)常用，行業網(wang)(wang)站也(ye)不(bu)(bu)(bu)列外(wai)。我們在(zai)設計網(wang)(wang)頁(ye)的(de)(de)(de)(de)時候必定會考慮到(dao)分辨率(lv)的(de)(de)(de)(de)問題，科技發展到(dao)現在(zai)我們通常用的(de)(de)(de)(de)是(shi)(shi)1024*768和800*600的(de)(de)(de)(de)分辨率(lv)，現在(zai)網(wang)(wang)絡上(shang)很(hen)多都是(shi)(shi)用到(dao)778個象素(su)(su)的(de)(de)(de)(de)寬(kuan)(kuan)度，在(zai)800的(de)(de)(de)(de)分辨率(lv)下面往往使(shi)整個網(wang)(wang)頁(ye)很(hen)壓抑，有種(zhong)不(bu)(bu)(bu)透(tou)氣的(de)(de)(de)(de)感覺，其實這個寬(kuan)(kuan)度是(shi)(shi)指在(zai)800*600的(de)(de)(de)(de)分辨率(lv)上(shang)網(wang)(wang)頁(ye)的(de)(de)(de)(de)最寬(kuan)(kuan)寬(kuan)(kuan)度，不(bu)(bu)(bu)代表最佳視覺，不(bu)(bu)(bu)妨(fang)試試760~770的(de)(de)(de)(de)象素(su)(su)，不(bu)(bu)(bu)管在(zai)1024還是(shi)(shi)800的(de)(de)(de)(de)分辨率(lv)下都可以(yi)達到(dao)較佳的(de)(de)(de)(de)視覺效(xiao)果(guo)。

2． 合理廣告

    在目前(qian)一(yi)些網(wang)(wang)站(zhan)的(de)廣(guang)(guang)告(gao)(gao)（彈出廣(guang)(guang)告(gao)(gao)、浮動廣(guang)(guang)告(gao)(gao)、大廣(guang)(guang)告(gao)(gao)、banner廣(guang)(guang)告(gao)(gao)、通欄廣(guang)(guang)告(gao)(gao)等(deng)等(deng)…）讓人覺得很(hen)煩瑣，更本(ben)就不愿(yuan)意來看，有(you)時連你這個網(wang)(wang)站(zhan)都(dou)不上了，這樣一(yi)來網(wang)(wang)站(zhan)受(shou)到了嚴重的(de)影響、廣(guang)(guang)告(gao)(gao)也沒達到廣(guang)(guang)告(gao)(gao)的(de)目的(de)。這些問(wen)題都(dou)是(shi)我們在設計(ji)網(wang)(wang)站(zhan)之前(qian)需要(yao)考(kao)慮、需要(yao)規劃(hua)的(de)內容之一(yi)。

    浮動廣(guang)(guang)告有兩種，第(di)(di)一種是(shi)在(zai)網頁兩邊空余的(de)(de)地方可以上(shang)下浮動的(de)(de)廣(guang)(guang)告，第(di)(di)二種是(shi)滿屏幕到處(chu)隨機(ji)移動的(de)(de)廣(guang)(guang)告。建議能使用第(di)(di)一種的(de)(de)情(qing)況下盡量使用第(di)(di)一種，不(bu)可避(bi)免第(di)(di)二種情(qing)況時盡量在(zai)數量上(shang)控制最多一個就好。如(ru)果數量過(guo)多會直接影響到用戶(hu)(hu)的(de)(de)心理、防挨到用戶(hu)(hu)瀏覽信(xin)息,適得其(qi)反。首頁廣(guang)(guang)告不(bu)宜過(guo)多適中(zhong)即可。如(ru)在(zai)注冊或者某個購買步驟(zou)的(de)(de)頁面上(shang)最好不(bu)要出(chu)現過(guo)多的(de)(de)其(qi)他無關的(de)(de)內容讓用戶(hu)(hu)分心，避(bi)免客戶(hu)(hu)流(liu)失等…

3．空間的合理(li)利用(yong)

    很(hen)多的(de)網頁(ye)都具(ju)有(you)(you)一(yi)(yi)個(ge)特(te)點(dian)，用一(yi)(yi)個(ge)字來(lai)形容，那就是“塞”，它(ta)將(jiang)各(ge)種各(ge)樣的(de)信息如文字、圖片(pian)、動畫(hua)等不(bu)(bu)加考慮的(de)塞到頁(ye)面上，有(you)(you)多少擠多少，不(bu)(bu)加以規范，導致瀏覽時會遇到很(hen)多的(de)不(bu)(bu)方(fang)便，主(zhu)(zhu)要(yao)(yao)就是頁(ye)面主(zhu)(zhu)次不(bu)(bu)分，喧賓(bin)奪主(zhu)(zhu)，要(yao)(yao)不(bu)(bu)就是沒有(you)(you)重點(dian)，沒有(you)(you)很(hen)好的(de)歸類(lei)，整體就像(xiang)各(ge)大(da)雜燴。讓人難以找到需要(yao)(yao)的(de)東西。有(you)(you)的(de)則(ze)是一(yi)(yi)片(pian)空白失去平衡，也可(ke)以用個(ge)“散”字來(lai)形容。

    并非要(yao)把(ba)整個頁面塞滿了才不(bu)覺(jue)得(de)(de)空(kong)(kong)，也并非讓(rang)整個頁面空(kong)(kong)曠才不(bu)覺(jue)得(de)(de)滿，只要(yao)合理的(de)安排、有機的(de)組合，使頁面達到平衡，既使在一(yi)邊的(de)部分(fen)大面積(ji)留(liu)空(kong)(kong)，同樣不(bu)會(hui)讓(rang)人感到空(kong)(kong)，相反(fan)這樣會(hui)給人留(liu)下廣闊的(de)思考空(kong)(kong)間，給人回味又達到了視覺(jue)效果(guo)。

4．文字編排

在(zai)網(wang)頁設計中，字體的(de)處理與顏色、版(ban)式、圖形化等(deng)其他設計元素的(de)處理一(yi)樣非常關(guan)鍵(jian)。

4.1文字圖形化

    文(wen)(wen)字圖(tu)形化(hua)就是將文(wen)(wen)字用圖(tu)片的(de)形式(shi)來表現，這種形式(shi)在頁(ye)面(mian)的(de)子欄目里面(mian)最為(wei)常(chang)用，因為(wei)它具有突(tu)出，同時又美化(hua)了頁(ye)面(mian)，使頁(ye)面(mian)更加人性(xing)化(hua)加強了視覺效果。是文(wen)(wen)字無法達(da)到的(de)。對于通用性(xing)的(de)網(wang)站弊端就是擴展性(xing)不強。

4.2強調文字

    如果(guo)將個別文(wen)(wen)字作為頁(ye)面(mian)(mian)的(de)訴(su)求(qiu)重點，則可以通過加(jia)粗、加(jia)下劃線、加(jia)大(da)號字體(ti)、加(jia)指(zhi)示性符號、傾斜字體(ti)、改變字體(ti)顏色等(deng)手段有意識(shi)地(di)強化(hua)文(wen)(wen)字的(de)視覺(jue)效(xiao)果(guo)，使其在頁(ye)面(mian)(mian)整體(ti)中顯得出(chu)眾而奪目。這(zhe)些方法實(shi)際上都(dou)是運(yun)用了(le)對(dui)比(bi)的(de)法則。如果(guo)在更(geng)新頻率(lv)低(di)的(de)情況下也可以使用文(wen)(wen)字圖(tu)形化(hua)。