- 相關(guān)推薦
如何設(shè)計(jì)一個(gè)成功的網(wǎng)站?
隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站,更是人們關(guān)注的熱點(diǎn):政府利用網(wǎng)站宣傳自己的施政綱領(lǐng),日益成為與百姓交流的直通車;企業(yè)利用網(wǎng)站宣傳自己的形象,挖掘無限商機(jī);個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采,創(chuàng)建彼此溝通的橋梁。越來越多的人希望擁有網(wǎng)站,開辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計(jì)一個(gè)出色的網(wǎng)站呢?關(guān)于這個(gè)問題,人們討論的很多,可以討論的內(nèi)容也很多,加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,很難提出一個(gè)絕對權(quán)威和正確的設(shè)計(jì)思路,筆者不才,根據(jù)自己的設(shè)計(jì)體會(huì),總結(jié)出以下基本設(shè)計(jì)思路:一、 定位網(wǎng)站的主題和名稱
網(wǎng)站的主題也就是網(wǎng)站的題材,網(wǎng)站設(shè)計(jì)開始首先遇到的問題。網(wǎng)站題材千奇百怪,琳瑯滿目,只要想的到,就可以把它制作出來。下面是美國《個(gè)人電腦》雜志(PC Magazine)評(píng)出的99年度排名前100位的全美知名網(wǎng)站的十類題材:
第1類:網(wǎng)上求職
第2類:網(wǎng)上聊天/即時(shí)信息/ ICQ
第3類:網(wǎng)上社區(qū)/討論 / 郵件列表
第4類:計(jì)算機(jī)技術(shù)
第5類:網(wǎng)頁/ 網(wǎng)站開發(fā)
第6類:娛樂網(wǎng)站
第7類:旅行
第8類:參考 /資訊
第9類:家庭/教育
第10類:生活/時(shí)尚
每個(gè)大類都可以繼續(xù)細(xì)分,比如娛樂類再分為體育 /電影/ 音樂等小類,音樂又可以按格式分為MP3,VQF,Ra等,按表現(xiàn)形式分古典,現(xiàn)代,搖滾等。同時(shí),各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材,例如旅游論壇(旅游+討論),經(jīng)典入球播放(足球+影視)按這樣分下去,題材可以有成千上萬種。這么多題材,如何選擇呢?遵循的原則如下:
1、主題要小而精
定位要小,內(nèi)容要精。如果你想制作一個(gè)包羅萬象的站點(diǎn),把所有你認(rèn)為精彩的東西都放在上面,那么往往會(huì)事與愿違,給人的感覺是沒有主題,沒有特色,樣樣有,卻樣樣都很膚淺,因?yàn)槟悴豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)站的最大特點(diǎn)就是新和快,目前最熱門的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示,網(wǎng)絡(luò)上的"主題站"比"萬全站"更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某一方面的東西,肯定會(huì)選擇專買店。
2、題材最好是你自己擅長或者喜愛的內(nèi)容
比如:你擅長編程,就可以建立一個(gè)編程愛好者網(wǎng)站;對足球感興趣,可以報(bào)道最新的戰(zhàn)況,球星動(dòng)態(tài)等。這樣在制作時(shí),才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力,沒有熱情,很難設(shè)計(jì)制作出優(yōu)秀的網(wǎng)站。 3、題材不要太濫或者目標(biāo)太高。
"太濫"是指到處可見,人人都有的題材;比如軟件下載,免費(fèi)信息。"目標(biāo)太高"是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點(diǎn),你要超過它是很困難的。
如果題材已經(jīng)確定以后,就可以圍繞題材給網(wǎng)站起一個(gè)名字。網(wǎng)站名稱,也是網(wǎng)站設(shè)計(jì)的一部分,而且是很關(guān)鍵的一個(gè)要素。你來看,"電腦學(xué)習(xí)室"和"電腦之家"顯然是后者簡練;"迷笛樂園"和"MIDI樂園"顯然是后者明晰;"兒童天地"和"中國幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱"奔騰",如果改為"奔跑",可能就沒有今天這么"火"了。和現(xiàn)實(shí)生活中一樣,網(wǎng)站名稱是否正氣,響亮,易記,對網(wǎng)站的形象和宣傳推廣也有很大影響。我的建議是:
1、名稱要正
其實(shí)就是要合法,和理,和情。不能用反動(dòng)的,色情的,迷信的,危害社會(huì)安全的名詞語句。
2、名稱要易記
最好用中文名稱,不要使用英文或者中英文混合型名稱。另外,網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(最好四個(gè)字)以內(nèi),四個(gè)字的也可以用成語。字?jǐn)?shù)少還有個(gè)好處,適合于其他站點(diǎn)的鏈接排版。
3、名稱要有特色
名稱平實(shí)就可以接受,如果能體現(xiàn)一定的內(nèi)涵,給瀏覽者更多的視覺沖擊和空間想象力,則為上品。例如:音樂前衛(wèi),網(wǎng)頁陶吧,e書時(shí)空等。在體現(xiàn)出網(wǎng)站主題的同時(shí),能點(diǎn)出特色之處。
二、 定位網(wǎng)站的CI形象
所謂CI(corporate identity),意思是通過視覺來統(tǒng)一企業(yè)的形象。一個(gè)杰出的網(wǎng)站,和實(shí)體公司一樣,需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的,有創(chuàng)意的CI 設(shè)計(jì),對網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是:
1、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)
就如同商標(biāo)一樣,標(biāo)志是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn),看見標(biāo)志就讓大家聯(lián)想起你的站點(diǎn)。標(biāo)志的設(shè)計(jì)創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容:
。1) 網(wǎng)站有代表性的人物、動(dòng)物、花草等,可以用它們作為設(shè)計(jì)的藍(lán)本,加以卡通化和藝術(shù)化,例如迪斯尼的米老鼠,搜狐的卡通狐貍等等。
。2) 網(wǎng)站有專業(yè)性的,可以以本專業(yè)有代表的物品作為標(biāo)志。比如中國銀行的銅板標(biāo)志,奔馳汽車的方向盤標(biāo)志等等。
。3) 最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志。采用不同的字體, 字母的變形,字母的組合可以很容易制作好自己的標(biāo)志。
2、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩
網(wǎng)站給人的第一印象來自視覺沖擊,確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒。舉個(gè)實(shí)際的例子就明白了:IBM的深藍(lán)色,肯得基的紅色條型,windows視窗標(biāo)志上的紅藍(lán)黃綠色塊,都使我們覺得很貼切,很和諧。"標(biāo)準(zhǔn)色彩"是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。一般來說,一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種,太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志,標(biāo)題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,只是作為點(diǎn)綴和襯托,絕不能喧賓奪主。適合于網(wǎng)頁標(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)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的"與眾不同"和特有風(fēng)格,我們可以根據(jù)需要選擇一些特別字體。例如,為了體現(xiàn)專業(yè)可以使用粗仿宋體,體現(xiàn)設(shè)計(jì)精美可以用廣告體,體現(xiàn)親切隨意可以用手寫體等等。
4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語
也可以說是網(wǎng)站的精神,網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來高度概括。類似實(shí)際生活中的廣告金句。例如:鵲巢的"味道好極了";麥斯威爾的"好東西和好朋友一起分享";Intel的"給你一顆奔騰的心"等等。
三、 確定網(wǎng)站的欄目
建立一個(gè)網(wǎng)站好比寫一篇文章,首先要擬好提綱,文章才能主題明確,層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰,目錄龐雜,內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂,自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后,并且收集和組織了許多相關(guān)的資料內(nèi)容,但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢?欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來。一般的網(wǎng)站欄目安排要注意以下幾方面
:
1、要緊扣主題
將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對優(yōu)勢,這樣的網(wǎng)站顯的專業(yè),主題突出,容易給人留下深刻印象。
2、設(shè)立最近更新或網(wǎng)站指南欄目
設(shè)立 "最近更新"的欄目,是為了照顧常來的訪客,讓你的主頁更有人性化。如果主頁內(nèi)容龐大,層次較多,而又沒有站內(nèi)的搜索引擎,設(shè)置"本站指南"欄目,可以幫助初訪者快速找到他們想要的內(nèi)容。
3、設(shè)立可以雙向交流的欄目
比如論壇,留言本,郵件列表等,可以讓瀏覽者留下他們的信息。
4、設(shè)立下載或常見問題回答欄目
網(wǎng)絡(luò)的特點(diǎn)是信息共享。如在你主頁上設(shè)置一個(gè)資料下載欄目,便于訪問者下載所需資料。另外,如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信,最好設(shè)立一個(gè)常見問題回答的欄目,既方便了網(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)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點(diǎn)本身的上傳維護(hù),內(nèi)容未來的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議:
1、不要將所有文件都存放在根目錄下,會(huì)造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率。另外,上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下,那么即使你只上傳更新一個(gè)文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時(shí)間也將越長。所以,盡可能減少根目錄的文件存放數(shù)。
2、按欄目內(nèi)容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如: 企業(yè)站點(diǎn)可以按公司簡介,產(chǎn)品介紹,價(jià)格,在線定單,反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目,類似what‘s new,友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:關(guān)于本站,關(guān)于站長,站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如:CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也最好放在一個(gè)目錄下。
3、在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄
為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過3層,維護(hù)管理方便。
5、不要使用中文目錄
6、不要使用過長的目錄
五、 確定網(wǎng)站的鏈接結(jié)構(gòu)
網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式:
1、樹狀鏈接結(jié)構(gòu)
類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級(jí)頁面,一級(jí)頁面鏈接指向二級(jí)頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí),一級(jí)級(jí)進(jìn)入,一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰,訪問者明確知道自己在什么位置,不會(huì)"迷"路。缺點(diǎn)是瀏覽效率低,一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面,必須繞經(jīng)首頁。
2、星狀鏈接結(jié)構(gòu)
類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個(gè)頁面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便,隨時(shí)可以到達(dá)自己喜歡的頁面。缺點(diǎn)是鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。
這兩種基本結(jié)構(gòu)都只是理想方式,在實(shí)際的網(wǎng)站設(shè)計(jì)中,總是將這兩種結(jié)構(gòu)混合起來使用,達(dá)到比較理想的效果。比較好的方案是:首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu),一級(jí)和以下各級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。
六、 設(shè)計(jì)網(wǎng)站的整體風(fēng)格
風(fēng)格(style)是抽象的,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)"整體形象"包括站點(diǎn)的CI(標(biāo)志,色彩,字體,標(biāo)語),版面布局,瀏覽方式,交互性,文字,語氣,內(nèi)容價(jià)值,存在意義,站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動(dòng)活潑的,IBM是專業(yè)嚴(yán)肅的,這些都是網(wǎng)站給人們留下的不同感受。
風(fēng)格是獨(dú)特的,是站點(diǎn)不同與其他網(wǎng)站的地方;蛘呱剩蛘呒夹g(shù),或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個(gè)網(wǎng)站的。
風(fēng)格是有人性的。通過網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個(gè)站點(diǎn)的個(gè)性,情緒。是溫文儒雅,是執(zhí)著熱情,是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派",你可以用人的性格來比喻站點(diǎn)。
如何樹立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個(gè)步驟:
1、確信風(fēng)格是建立在有價(jià)值內(nèi)容之上
一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容,就好比繡花枕頭一包草,好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性,這是最基本的。
2、你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么
可以從這幾方面來理清思路:
a.如果只用一句話來描述你的站點(diǎn),應(yīng)該是:()
參考答案:有創(chuàng)意,專業(yè),有(技術(shù))實(shí)力,有美感,有沖擊力
b.想到你的站點(diǎn),可以聯(lián)想到的色彩是:()
參考答案:熱情的紅色,幻想的天藍(lán)色,聰明的金黃色
c.想到你的站點(diǎn),可以聯(lián)想到的畫面是:()
參考答案:一份早報(bào),一輛法拉利跑車,人群擁擠的廣場,雜貨店
d.如果網(wǎng)站是一個(gè)人,他擁有的個(gè)性是:()
參考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創(chuàng)業(yè)者
e.作為站長,你希望給人的印象是:()
參考答案:敬業(yè),認(rèn)真投入,有深度,負(fù)責(zé),純真,直爽,淑女
f.用一種動(dòng)物來比喻,你的網(wǎng)站最像:()
參考答案:貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
g.瀏覽者覺得你和其他網(wǎng)站的不同是:()
參考答案:可以信賴,信息最快,交流方便,
h.瀏覽者和你交流合作的感受是:()
參考答案:師生,同事,朋友,長幼。
你可以自己先填寫一份答案,然后讓其他網(wǎng)友填寫。比較后的結(jié)果會(huì)告訴你:你網(wǎng)站現(xiàn)在的差距,弱點(diǎn)及需要改進(jìn)的地方。
【如何設(shè)計(jì)一個(gè)成功的網(wǎng)站?】相關(guān)文章:
網(wǎng)站營銷如何成功08-06
一個(gè)網(wǎng)站設(shè)計(jì)過程舉例08-06
如何過一個(gè)成功的人生08-17
如何設(shè)計(jì)成功的B2B商業(yè)模型08-05
網(wǎng)站策劃及網(wǎng)站設(shè)計(jì)白皮書08-12