企業網站界麵設計的正確方法
2016.11.09
企(qi)業(ye)網(wang)站(zhan)的(de)網(wang)站(zhan)界(jie)麵(mian)指(zhi)的(de)是(shi)網(wang)站(zhan)麵(mian)向(xiang)用(yong)戶(hu)的(de)頁(ye)麵(mian)，是(shi)網(wang)站(zhan)與(yu)用(yong)戶(hu)建(jian)設(she)聯(lian)係(xi)的(de)窗(chuang)口(kou)。網(wang)站(zhan)界(jie)麵(mian)設(she)計(ji)是(shi)否(fou)優(you)秀(xiu)直(zhi)接(jie)關(guan)係(xi)到(dao)企(qi)業(ye)網(wang)站(zhan)的(de)用(yong)戶(hu)體(ti)驗(yan)以(yi)及(ji)訪(fang)問(wen)量(liang)、注冊量、銷售額甚至成本等。網站界麵設計注重的是一種視覺效果，體現著網站的可看性，主要涉及的知識有使用性設計原則、交互設計、呈現設計和網絡廣告設計四個方麵。
網站界麵設計是企業網站建設流(liu)程(cheng)中(zhong)一(yi)項(xiang)非(fei)常(chang)重(zhong)要(yao)的(de)工(gong)作(zuo)，決(jue)定(ding)著(zhe)網(wang)站(zhan)最(zui)終(zhong)上(shang)線(xian)後(hou)的(de)呈(cheng)現(xian)效(xiao)果(guo)。下(xia)麵(mian)分(fen)形(xing)科(ke)技(ji)小(xiao)編(bian)接(jie)從(cong)三(san)方(fang)麵(mian)來(lai)為(wei)大(da)介(jie)紹(shao)一(yi)下(xia)網(wang)站(zhan)界(jie)麵(mian)設(she)計(ji)的(de)正(zheng)確(que)方(fang)法(fa)。
一、從網站的欄目與板塊編排入手
網wang站zhan的de界jie麵mian設she計ji體ti現xian在zai的de是shi一yi個ge整zheng體ti效xiao果guo，包bao括kuo網wang頁ye中zhong所suo有you的de功gong能neng元yuan素su，網wang站zhan的de欄lan目mu和he板ban塊kuai是shi網wang站zhan中zhong涉she及ji範fan圍wei比bi較jiao大da的de兩liang塊kuai內nei容rong。在zai進jin行xing網wang站zhan欄lan目mu和he板ban塊kuai編bian排pai時shi先xian對dui網wang站zhan的de主zhu題ti和he風feng格ge進jin地di確que定ding，然ran後hou將jiang一yi些xie最zui吸xi引yin人ren的de內nei容rong放fang在zai最zui突tu出chu的de位wei置zhi。在zai製zhi定ding網wang站zhan欄lan目mu時shi，要yao從cong用yong戶hu的de需xu求qiu和he習xi慣guan入ru手shou，將jiang內nei容rong進jin行xing合he理li的de編bian排pai。
網站的欄目與板塊編排正確方法
1、內容選擇要重在價值，對用戶沒有價值的內容最好不要出現在網頁中。
2、網站的欄目一定要精簡易懂，便於用戶搜索和查詢。
3、輔助內容應為主體內容服務。
4、板塊的設置要求：在內容要圍繞站點主題的同時具有獨立性和關聯性。
二、從網站目錄建立入手
這裏所說的網站目錄指的是網站建設時的創建目錄，創建目錄結構的好壞對於站點本身的維護，以及內容的擴充有著重要的影響。
網站目錄建立的正確方法
1、文(wen)件(jian)存(cun)放(fang)有(you)序(xu)。不(bu)要(yao)將(jiang)所(suo)有(you)文(wen)件(jian)都(dou)存(cun)放(fang)在(zai)根(gen)目(mu)錄(lu)下(xia)，這(zhe)樣(yang)會(hui)讓(rang)網(wang)站(zhan)的(de)的(de)文(wen)件(jian)管(guan)理(li)混(hun)亂(luan)，讓(rang)網(wang)站(zhan)維(wei)護(hu)者(zhe)弄(nong)不(bu)清(qing)楚(chu)哪(na)些(xie)是(shi)文(wen)件(jian)是(shi)需(xu)要(yao)更(geng)新(xin)的(de)，哪(na)些(xie)是(shi)可(ke)以(yi)刪(shan)除(chu)的(de)，影(ying)響(xiang)工(gong)作(zuo)效(xiao)率(lv)。
2、按欄目內容建立子目錄。網站子目錄的建立可以根據欄目的劃分進行立，將文件按照不同的分類存放，便於維護管理。
3、在每個主目錄下都建立獨立的Images目錄。為每個主欄目建立一個獨立的Images目錄，方便網站文件管理和維護。
4、網站目錄層次要適當。對於網站目錄的要求為：網站目錄層次設置不要太深，3層為宜；不要使用中文命名；名稱要簡短且意義明確。
三、從鏈接結構入手
網站的鏈接結構指的是網站各個網頁之間相互鏈接的拓撲結構，是建立在目錄結構基礎之上一種鏈接結構，可以跨越目錄。
建立網站鏈接結構的基本方式
1、樹狀鏈接結構
樹狀鏈接結構是一種一對一的結構，類似於DOS下的目錄結構，以網站首頁鏈接指向一級頁麵，一級頁麵鏈接指向二級頁麵的順序鏈接。樹狀鏈接結構的優點是：瀏覽時條理清晰，目標明確；缺點是瀏覽效率低。
2、星狀鏈接結構
3、星xing狀zhuang鏈lian接jie結jie構gou是shi一yi種zhong一yi對dui多duo的de鏈lian接jie結jie構gou，有you點dian類lei似si於yu網wang絡luo服fu務wu器qi的de鏈lian接jie結jie構gou。星xing狀zhuang鏈lian接jie結jie構gou的de網wang站zhan每mei個ge頁ye麵mian相xiang互hu之zhi間jian都dou建jian立li有you鏈lian接jie。優you點dian是shi，瀏liu覽lan比bi較jiao方fang便bian；缺點是容易使瀏覽者迷路。
分形科技建議：企業網站在設計網站鏈接結構時可以將首頁和一級頁麵之間用星狀鏈接結構，而一級和二級頁麵之間用樹狀鏈接結構。
四、從形象設計方麵入手
企業網站建設中的形象設計主要涉及的方麵有：網站標誌設計、網站色彩搭配、網站字體選擇。
1、網站標誌設計
網站的標誌設計與一般的標誌設計差不多，可以采用中文、英文字母，也可以是符號、圖案等內容做為設計元素。需要注意的是，網站在進行標誌設計時需要與網站的名稱、內容和風格相一致。
2、網站色彩搭配
網(wang)站(zhan)的(de)色(se)彩(cai)搭(da)配(pei)是(shi)網(wang)站(zhan)給(gei)用(yong)戶(hu)的(de)一(yi)種(zhong)視(shi)覺(jiao)感(gan)受(shou)，是(shi)用(yong)戶(hu)對(dui)網(wang)站(zhan)的(de)第(di)一(yi)印(yin)象(xiang)，不(bu)同(tong)的(de)色(se)彩(cai)搭(da)配(pei)產(chan)生(sheng)的(de)效(xiao)果(guo)也(ye)是(shi)不(bu)同(tong)的(de)。網(wang)站(zhan)色(se)彩(cai)搭(da)配(pei)時(shi)需(xu)要(yao)進(jin)行(xing)標(biao)準(zhun)色(se)彩(cai)的(de)確(que)認(ren)，這(zhe)樣(yang)設(she)計(ji)出(chu)的(de)網(wang)站(zhan)給(gei)人(ren)一(yi)種(zhong)整(zheng)體(ti)統(tong)一(yi)的(de)感(gan)覺(jiao)。
分形科建義：一個網站的標準色彩最多選3種，網站常用標準色有：藍色，黃/橙色，黑/灰/白色三大係列色。
3、網站字體選擇、
網站的字體也是需要進行標準備字體選擇的，一般網頁設計默認為宋體，不過分形科技建議大家可以選擇微軟雅黑字體。
網站界麵設計是企業網站建設流(liu)程(cheng)中(zhong)一(yi)項(xiang)非(fei)常(chang)重(zhong)要(yao)的(de)工(gong)作(zuo)，決(jue)定(ding)著(zhe)網(wang)站(zhan)最(zui)終(zhong)上(shang)線(xian)後(hou)的(de)呈(cheng)現(xian)效(xiao)果(guo)。下(xia)麵(mian)分(fen)形(xing)科(ke)技(ji)小(xiao)編(bian)接(jie)從(cong)三(san)方(fang)麵(mian)來(lai)為(wei)大(da)介(jie)紹(shao)一(yi)下(xia)網(wang)站(zhan)界(jie)麵(mian)設(she)計(ji)的(de)正(zheng)確(que)方(fang)法(fa)。
一、從網站的欄目與板塊編排入手
網wang站zhan的de界jie麵mian設she計ji體ti現xian在zai的de是shi一yi個ge整zheng體ti效xiao果guo，包bao括kuo網wang頁ye中zhong所suo有you的de功gong能neng元yuan素su，網wang站zhan的de欄lan目mu和he板ban塊kuai是shi網wang站zhan中zhong涉she及ji範fan圍wei比bi較jiao大da的de兩liang塊kuai內nei容rong。在zai進jin行xing網wang站zhan欄lan目mu和he板ban塊kuai編bian排pai時shi先xian對dui網wang站zhan的de主zhu題ti和he風feng格ge進jin地di確que定ding，然ran後hou將jiang一yi些xie最zui吸xi引yin人ren的de內nei容rong放fang在zai最zui突tu出chu的de位wei置zhi。在zai製zhi定ding網wang站zhan欄lan目mu時shi，要yao從cong用yong戶hu的de需xu求qiu和he習xi慣guan入ru手shou，將jiang內nei容rong進jin行xing合he理li的de編bian排pai。
網站的欄目與板塊編排正確方法
1、內容選擇要重在價值，對用戶沒有價值的內容最好不要出現在網頁中。
2、網站的欄目一定要精簡易懂，便於用戶搜索和查詢。
3、輔助內容應為主體內容服務。
4、板塊的設置要求：在內容要圍繞站點主題的同時具有獨立性和關聯性。
二、從網站目錄建立入手
這裏所說的網站目錄指的是網站建設時的創建目錄，創建目錄結構的好壞對於站點本身的維護，以及內容的擴充有著重要的影響。
網站目錄建立的正確方法
1、文(wen)件(jian)存(cun)放(fang)有(you)序(xu)。不(bu)要(yao)將(jiang)所(suo)有(you)文(wen)件(jian)都(dou)存(cun)放(fang)在(zai)根(gen)目(mu)錄(lu)下(xia)，這(zhe)樣(yang)會(hui)讓(rang)網(wang)站(zhan)的(de)的(de)文(wen)件(jian)管(guan)理(li)混(hun)亂(luan)，讓(rang)網(wang)站(zhan)維(wei)護(hu)者(zhe)弄(nong)不(bu)清(qing)楚(chu)哪(na)些(xie)是(shi)文(wen)件(jian)是(shi)需(xu)要(yao)更(geng)新(xin)的(de)，哪(na)些(xie)是(shi)可(ke)以(yi)刪(shan)除(chu)的(de)，影(ying)響(xiang)工(gong)作(zuo)效(xiao)率(lv)。
2、按欄目內容建立子目錄。網站子目錄的建立可以根據欄目的劃分進行立，將文件按照不同的分類存放，便於維護管理。
3、在每個主目錄下都建立獨立的Images目錄。為每個主欄目建立一個獨立的Images目錄，方便網站文件管理和維護。
4、網站目錄層次要適當。對於網站目錄的要求為：網站目錄層次設置不要太深，3層為宜；不要使用中文命名；名稱要簡短且意義明確。
三、從鏈接結構入手
網站的鏈接結構指的是網站各個網頁之間相互鏈接的拓撲結構，是建立在目錄結構基礎之上一種鏈接結構，可以跨越目錄。
建立網站鏈接結構的基本方式
1、樹狀鏈接結構
樹狀鏈接結構是一種一對一的結構，類似於DOS下的目錄結構，以網站首頁鏈接指向一級頁麵，一級頁麵鏈接指向二級頁麵的順序鏈接。樹狀鏈接結構的優點是：瀏覽時條理清晰，目標明確；缺點是瀏覽效率低。
2、星狀鏈接結構
3、星xing狀zhuang鏈lian接jie結jie構gou是shi一yi種zhong一yi對dui多duo的de鏈lian接jie結jie構gou，有you點dian類lei似si於yu網wang絡luo服fu務wu器qi的de鏈lian接jie結jie構gou。星xing狀zhuang鏈lian接jie結jie構gou的de網wang站zhan每mei個ge頁ye麵mian相xiang互hu之zhi間jian都dou建jian立li有you鏈lian接jie。優you點dian是shi，瀏liu覽lan比bi較jiao方fang便bian；缺點是容易使瀏覽者迷路。
分形科技建議：企業網站在設計網站鏈接結構時可以將首頁和一級頁麵之間用星狀鏈接結構，而一級和二級頁麵之間用樹狀鏈接結構。
四、從形象設計方麵入手
企業網站建設中的形象設計主要涉及的方麵有：網站標誌設計、網站色彩搭配、網站字體選擇。
1、網站標誌設計
網站的標誌設計與一般的標誌設計差不多，可以采用中文、英文字母，也可以是符號、圖案等內容做為設計元素。需要注意的是，網站在進行標誌設計時需要與網站的名稱、內容和風格相一致。
2、網站色彩搭配
網(wang)站(zhan)的(de)色(se)彩(cai)搭(da)配(pei)是(shi)網(wang)站(zhan)給(gei)用(yong)戶(hu)的(de)一(yi)種(zhong)視(shi)覺(jiao)感(gan)受(shou)，是(shi)用(yong)戶(hu)對(dui)網(wang)站(zhan)的(de)第(di)一(yi)印(yin)象(xiang)，不(bu)同(tong)的(de)色(se)彩(cai)搭(da)配(pei)產(chan)生(sheng)的(de)效(xiao)果(guo)也(ye)是(shi)不(bu)同(tong)的(de)。網(wang)站(zhan)色(se)彩(cai)搭(da)配(pei)時(shi)需(xu)要(yao)進(jin)行(xing)標(biao)準(zhun)色(se)彩(cai)的(de)確(que)認(ren)，這(zhe)樣(yang)設(she)計(ji)出(chu)的(de)網(wang)站(zhan)給(gei)人(ren)一(yi)種(zhong)整(zheng)體(ti)統(tong)一(yi)的(de)感(gan)覺(jiao)。
分形科建義：一個網站的標準色彩最多選3種，網站常用標準色有：藍色，黃/橙色，黑/灰/白色三大係列色。
3、網站字體選擇、
網站的字體也是需要進行標準備字體選擇的，一般網頁設計默認為宋體，不過分形科技建議大家可以選擇微軟雅黑字體。
