建站知識
網(wǎng)站設(shè)計(jì)知識 網(wǎng)站建設(shè)知識 網(wǎng)絡(luò)營銷知識 微信資訊 常見問題 網(wǎng)站備案 公司新聞網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)如何設(shè)計(jì)一個(gè)成功的網(wǎng)站
隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會的各個(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ì)體 會,總結(jié)出以下基本設(shè)計(jì)思路:
一、定位網(wǎng)站的主題和名稱
網(wǎng)站的主題也就是網(wǎng)站的題材,網(wǎng)站設(shè)計(jì)開始首先遇到的問題。網(wǎng)站題材千奇百怪,琳瑯滿目,只要想的到,就可以把它制作出來。下面是美國《個(gè)人電腦》雜志(PC Magazine)評出的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)為精彩的東西都放在上面,那么往往會事與愿違,給人的感覺是沒有主題,沒有特色,樣樣有,卻樣樣都很膚淺,因?yàn)槟悴豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)站的最大特點(diǎn)就是新和快,目前最熱門的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示,網(wǎng)絡(luò)上的"主題站"比"萬全站"更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某一方面的東西,肯定會選擇專買店。2、題材最好是你自己擅長或者喜愛的內(nèi)容。比如:你擅長編程,就可以建立一個(gè)編程愛好者網(wǎng)站;對足球感興趣,可以報(bào)道最新的戰(zhàn)況,球星動態(tài)等。這樣在制作時(shí),才不會覺得無聊或者力不從心。興趣是制作網(wǎ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í)就是要合法,和理,和情。不能用反動的,色 情的,迷信的,危害社會安全的名詞語句。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)站有代表性的人物、動物、花草等,可以用它們作為設(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、不要將所有文件都存放在根目錄下,會造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率。另外,上傳速度慢。服務(wù)器一般都會為根目錄建立一個(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),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí),一級級進(jìn)入,一級級退出。優(yōu)點(diǎn)是條理清晰,訪問者明確知道自己在什么位置,不會"迷"路。缺點(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)容。
- ·做為網(wǎng)頁設(shè)計(jì)師必需掌握的技能總結(jié)
- ·什么樣的網(wǎng)站設(shè)計(jì)比較人性化
- ·設(shè)計(jì)師如何設(shè)計(jì)好一個(gè)網(wǎng)站的banner
- ·企業(yè)網(wǎng)站設(shè)計(jì)需要把握的幾個(gè)要點(diǎn)
- ·網(wǎng)站設(shè)計(jì)能力與設(shè)計(jì)思維
- ·網(wǎng)站設(shè)計(jì)各個(gè)頁面如何搭配
- ·網(wǎng)站設(shè)計(jì)中如何讓按鈕激發(fā)用戶點(diǎn)擊欲望
- ·創(chuàng)意網(wǎng)站設(shè)計(jì)要避免的幾個(gè)問題
- ·選擇網(wǎng)絡(luò)宣傳進(jìn)行網(wǎng)站設(shè)計(jì)是關(guān)鍵
- ·選擇好的公司進(jìn)行網(wǎng)站設(shè)計(jì)得到的宣傳效果也會大不相同的
- 13樓asLitowe6x9x
Post:2016-4-20 10:34:07
http://buytretinoin.xyz/ - where can i buy tretinoin cream
- 13樓asLitowe6x9x
- 12樓asLitoa5qk42
Post:2016-4-20 5:58:54
http://buytadalafil.eu/ - tadalafil 10mg
- 12樓asLitoa5qk42
- 11樓asLitovrriro
Post:2016-3-28 13:16:41
<a href=http://acyclovir.us.com/>Acyclovir No Prescription</a>
- 11樓asLitovrriro
- 10樓Regcoorce
Post:2016-3-26 5:29:07
Two major theories prevailed..reno kidney renal ischemia renal colic Colic is intermittent spasms of pain caused by inammation and distention of an organ. <a href=http://drdigg.com>propecia repousse</a> It was subsequently discovered that the nucleus also contains another particle the neutron which has approximately the same mass as the proton but is electrically neutral.myoma <a href=http://medhel.com>buy kamagrawith american express</a> dermabrasion D Build medical terms based on the denitions and word parts given.Bronchoscopy applies in certain cases.a.Bronchodilators albuterol may relieve symptoms.Acute brain syndromes may be reversible by treating the cause. <a href=http://rxmdrx.com>best prices for on line levitra</a> They concluded that the intensity of sex hormone changes were correlated with the stage of COPD..Some labs use different measurements or may test different specimens. <a href=http://clomiphene60pills25mg.com>safest place to buy clomid in the uk</a> The treatment however is easily applied to objects of finite size.lymphedemaEach sign related to one of the four elements and to one of the humors bloodletting of the relevant body part see below was to be avoided in that lunar phase.nausea vomiting diarrhea.Getty Images De Agostini.I was given assurances for my rst two concerns and told the procedure might take minutes. <a href=http://fast-isotretinoin.com>buy roaccutane online uk</a> Chest wall abnormalities kyphoscoliosis rib fracture
- 10樓Regcoorce
- 9樓DuGyncq204y
Post:2016-3-25 9:12:15
<a href=http://cymbalta.space/>cymbalta duloxetine hcl</a>
- 9樓DuGyncq204y
- 8樓asLito9zqbu7
Post:2016-3-12 18:34:53
<a href=http://ventolin.us.com/>ventolin</a>
- 8樓asLito9zqbu7
- 7樓DuGyncgnizv
Post:2016-3-11 5:07:46
<a href=http://synthroid.us.com/>Synthroid 50 mcg</a>
- 7樓DuGyncgnizv
- 6樓TiAnahxorsb
Post:2016-3-3 11:19:54
<a href=http://celexa.top/>celexa</a>
- 6樓TiAnahxorsb
- 5樓asLiton20ubf
Post:2016-2-28 7:18:41
<a href=http://prednisolone.top/>additional info</a>
- 5樓asLiton20ubf
- 4樓asLito59lwco
Post:2016-2-27 23:46:23
<a href=http://elimite.us.com/>elimite</a>
- 4樓asLito59lwco
- 3樓asLito9u1azi
Post:2016-2-12 18:13:21
<a href=http://acomplia-diet-pills.se/>acomplia</a>
- 3樓asLito9u1azi
- 2樓asLitosx7cua
Post:2016-2-12 15:46:00
<a href=http://retinanoprescription.nu/>retin-a</a>
- 2樓asLitosx7cua
- 1樓DuGync5gom9
Post:2016-2-11 8:42:13
<a href=http://canadianpharmacycialis.nu/>cialis</a>
- 1樓DuGync5gom9