如何設(shè)計(jì)一個(gè)成功的網(wǎng)站

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類(lèi)社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站，更是人們關(guān)注的熱點(diǎn)：政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車(chē)；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無(wú)限商機(jī)；個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采，創(chuàng)建彼此溝通的橋梁。越來(lái)越多的人希望擁有網(wǎng)站，開(kāi)辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計(jì)一個(gè)出色的網(wǎng)站呢？關(guān)于這個(gè)問(wèn)題，人們討論的很多，可以討論的內(nèi)容也很多，加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，很難提出一個(gè)絕對(duì)權(quán)威和正確的設(shè)計(jì)思路，筆者不才，根據(jù)自己的設(shè)計(jì)體 會(huì)，總結(jié)出以下基本設(shè)計(jì)思路：

一、定位網(wǎng)站的主題和名稱(chēng)
網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設(shè)計(jì)開(kāi)始首先遇到的問(wèn)題。網(wǎng)站題材千奇百怪,琳瑯滿(mǎn)目，只要想的到，就可以把它制作出來(lái)。下面是美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出的99年度排名前100位的全美知名網(wǎng)站的十類(lèi)題材：第1類(lèi)：網(wǎng)上求職；第2類(lèi)：網(wǎng)上聊天／即時(shí)信息/ ICQ；第3類(lèi)：網(wǎng)上社區(qū)／討論/郵件列表；第4類(lèi)：計(jì)算機(jī)技術(shù)；第5類(lèi)：網(wǎng)頁(yè)/

如果題材已經(jīng)確定以后，就可以圍繞題材給網(wǎng)站起一個(gè)名字。網(wǎng)站名稱(chēng)，也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。你來(lái)看，"電腦學(xué)習(xí)室"和"電腦之家"顯然是后者簡(jiǎn)練；"迷笛樂(lè)園"和"MIDI樂(lè)園"顯然是后者明晰；"兒童天地"和"中國(guó)幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱(chēng)"奔騰"，如果改為"奔跑"，可能就沒(méi)有今天這么"火"了。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱(chēng)是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。我的建議是：1、名稱(chēng)要正。其實(shí)就是要合法，和理，和情。不能用反動(dòng)的，色 情的，迷信的，危害社會(huì)安全的名詞語(yǔ)句。2、名稱(chēng)要易記。好用中文名稱(chēng)，不要使用英文或者中英文混合型名稱(chēng)。另外，網(wǎng)站名稱(chēng)的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(好四個(gè)字)以?xún)?nèi)，四個(gè)字的也可以用成語(yǔ)。字?jǐn)?shù)少還有個(gè)好處，適合于其他站點(diǎn)的鏈接排版。3、名稱(chēng)要有特色。名稱(chēng)平實(shí)就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺(jué)沖擊和空間想象力，則為上品。例如：音樂(lè)前衛(wèi)，網(wǎng)頁(yè)陶吧，e書(shū)時(shí)空等。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。

定位網(wǎng)站的CI形象
所謂CI(corporate identity)，意思是通過(guò)視覺(jué)來(lái)統(tǒng)一企業(yè)的形象。一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的，有創(chuàng)意的CI設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是：

1、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)
就如同商標(biāo)一樣，標(biāo)志是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見(jiàn)標(biāo)志就讓大家聯(lián)想起你的站點(diǎn)。標(biāo)志的設(shè)計(jì)創(chuàng)意來(lái)自你網(wǎng)站的名稱(chēng)和內(nèi)容：
(1)網(wǎng)站有代表性的人物、動(dòng)物、花草等，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等等。
(2)網(wǎng)站有專(zhuān)業(yè)性的，可以以本專(zhuān)業(yè)有代表的物品作為標(biāo)志。比如中國(guó)銀行的銅板標(biāo)志，奔馳汽車(chē)的方向盤(pán)標(biāo)志等等。
(3)最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱(chēng)作標(biāo)志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標(biāo)志。

2、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩
網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪(fǎng)問(wèn)者的情緒。舉個(gè)實(shí)際的例子就明白了：IBM的深藍(lán)色，肯得基的紅色條型，windows視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺(jué)得很貼切，很和諧。"標(biāo)準(zhǔn)色彩"是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。

3、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體
和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的"與眾不同"和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專(zhuān)業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫(xiě)體等等。

4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)
也可以說(shuō)是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話(huà)甚至一個(gè)詞來(lái)高度概括。類(lèi)似實(shí)際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。

三、確定網(wǎng)站的欄目
建立一個(gè)網(wǎng)站好比寫(xiě)一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng) 站的主體明確顯示出來(lái)。一般的網(wǎng)站欄目安排要

注意以下幾方面：
1、要緊扣主題
將你的主題按一定的方法分類(lèi)并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站顯的專(zhuān)業(yè)，主題突出，容易給人留下深刻印象。
2、設(shè)立最近更新或網(wǎng)站指南欄目
設(shè)立"最近更新"的欄目，是為了照顧常來(lái)的訪(fǎng)客，讓你的主頁(yè)更有人性化。如果主頁(yè)內(nèi)容龐大，層次較多，而又沒(méi)有站內(nèi)的搜索引擎，設(shè)置"本站指南"欄目，可以幫助初訪(fǎng)者快速找到他們想要的內(nèi)容。
3、設(shè)立可以雙向交流的欄目
比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。
4、設(shè)立下載或常見(jiàn)問(wèn)題回答欄目
網(wǎng)絡(luò)的特點(diǎn)是信息共享。如在你主頁(yè)上設(shè)置一個(gè)資料下載欄目，便于訪(fǎng)問(wèn)者下載所需資料。另外，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問(wèn)題來(lái)信，好設(shè)立一個(gè)常見(jiàn)問(wèn)題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時(shí)間。

四、確定網(wǎng)站的目錄結(jié)構(gòu)
網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用frontpage98建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images(存放圖片)子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議：
1、不要將所有文件都存放在根目錄下，會(huì)造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。另外，上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使你只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。所以，盡可能減少根目錄的文件存放數(shù)。
2、按欄目?jī)?nèi)容建立子目錄
子目錄的建立，首先按主菜單欄目建立。例如:企業(yè)站點(diǎn)可以按公司簡(jiǎn)介，產(chǎn)品介紹，價(jià)格，在線(xiàn)定單，反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目，類(lèi)似what is new，友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長(zhǎng)，站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也好放在一個(gè)目錄下。
3、在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄
為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過(guò)3層，維護(hù)管理方便。
5、不要使用中文目錄
6、不要使用過(guò)長(zhǎng)的目錄

五、確定網(wǎng)站的鏈接結(jié)構(gòu)
網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：
1、樹(shù)狀鏈接結(jié)構(gòu)
類(lèi)似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪(fǎng)問(wèn)者明確知道自己在什么位置，不會(huì)迷路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。
2、星狀鏈接結(jié)構(gòu)
類(lèi)似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

分享題目：如何設(shè)計(jì)一個(gè)成功的網(wǎng)站
文章來(lái)源：http://www.muchs.cn/news6/196806.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、品牌網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、小程序開(kāi)發(fā)、面包屑導(dǎo)航、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)