建站常識(shí)
網(wǎng)站中的個(gè)性及風(fēng)格設(shè)計(jì)
2005-12-29 21:10:00
1. 色系:網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等。
2. 排版:表格、框架的應(yīng)用、文字縮排、段落等等。
3. 窗口:窗口效果,例如:全屏幕窗口、特效窗口等。
4. 程序:網(wǎng)頁互動(dòng)程序,例如:ASP . PHP . XML . CGI等等。
5. 特效:讓網(wǎng)頁看起來生動(dòng)活潑的各種應(yīng)用,如:Flash . Java script . Java applets . DHTML等等。
6. 架構(gòu):目錄規(guī)劃、層次淺顯易懂、選單應(yīng)用等等。
7. 內(nèi)容:網(wǎng)站主題、整體實(shí)用性、文件關(guān)聯(lián)性、內(nèi)容切合度、是否有不必要的檔案等等。
8. 走向:對于網(wǎng)站的未來規(guī)劃、網(wǎng)站整體內(nèi)容走向等。
以上這些項(xiàng)目都與網(wǎng)頁風(fēng)格有密切的關(guān)系,網(wǎng)頁的風(fēng)格不是某一項(xiàng)相同,網(wǎng)站就是有整體感,而是要各項(xiàng)目的配合應(yīng)用,才能達(dá)到完美的網(wǎng)站風(fēng)格設(shè)計(jì)。接下來的段落,將會(huì)為每個(gè)項(xiàng)目做簡單的介紹。
【一、色系 】
網(wǎng)站的色系是瀏覽者整體的視覺觀感,若一個(gè)網(wǎng)站色系能有一致性,不僅會(huì)使網(wǎng)站看起來美觀,更能讓瀏覽者對內(nèi)容不易混淆,增加了瀏覽的簡潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題,若色系能與主題合理搭配,將會(huì)增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當(dāng)就算完美,還要配合每個(gè)內(nèi)容,及網(wǎng)站主題。對于網(wǎng)站的色系,應(yīng)該要在網(wǎng)站開始制作前,做好規(guī)劃及設(shè)計(jì),才不會(huì)到著手制作網(wǎng)站時(shí),難以搭配,甚至造成混亂的設(shè)計(jì)。
網(wǎng)頁的底色是整個(gè)網(wǎng)站風(fēng)格的重要指針。舉例來說,以黑色作為背景顏色的網(wǎng)頁,因黑色本對人的視覺上會(huì)造成黯淡的感覺,若是拿來用作活潑的兒童網(wǎng)站,就是不適合了。因?yàn)樾『⒆邮翘煺鏌o邪的、活潑的、有朝氣的,與黑色的沉穩(wěn)、黯淡,很難聯(lián)想在一起。再舉個(gè)例子,若是寫一個(gè)有關(guān)于環(huán)保的網(wǎng)站,若用暗紅色作為網(wǎng)頁底色,決計(jì)不會(huì)有人聯(lián)想到網(wǎng)頁的內(nèi)容是與環(huán)保有關(guān)。當(dāng)然,每個(gè)人的審美觀不同,可能也會(huì)對顏色的代表性看法不同,但既然網(wǎng)站不是只寫給自己看的,就應(yīng)該要注意到大部分人可能會(huì)有的觀點(diǎn),然后以眾人居多的觀點(diǎn)出發(fā),來設(shè)計(jì)網(wǎng)頁。
文字字型上的設(shè)計(jì),最好的網(wǎng)站是以所有瀏覽者都能看到的字型為主。常會(huì)看到有需多網(wǎng)站要求瀏覽者須自行下載某種字型,才能達(dá)到最佳瀏覽效果,這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網(wǎng)站的內(nèi)容,不可能會(huì)因?yàn)檫@種「為達(dá)最佳瀏覽效果」,而自行下載所需要的字型。當(dāng)所要求的字型若不下載,并不會(huì)影響到網(wǎng)站內(nèi)容上的瀏覽與不便,那么對瀏覽者的要求就微乎其微的不可能發(fā)生任何作用。這么一來,對于網(wǎng)頁設(shè)計(jì)者來說,無非是非??上У?,因?yàn)楫?dāng)初的設(shè)計(jì)風(fēng)格卻未能讓瀏覽者一窺全貌,豈不是白費(fèi)心思的嗎?
何謂圖片的色系?以色彩學(xué)簡單的區(qū)分,可分為冷色系與暖色系,再詳細(xì)一點(diǎn)的區(qū)分,又可分出各種顏色的色系,而色系的區(qū)分,就在于主觀瀏覽意識(shí)上的差異了。如何將圖片的色系與網(wǎng)站整體色系相對應(yīng),就是比較困難的地方了。對于網(wǎng)頁初學(xué)者來說,要繪制一張圖并非易事,要繪制一張符合自己網(wǎng)頁風(fēng)格的圖,更是困難重重。大部分的網(wǎng)頁制作者,并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件,于是乎,網(wǎng)頁素材的網(wǎng)站就開始盛行了。當(dāng)然,不會(huì)使用繪圖軟件并不代表網(wǎng)頁就不能設(shè)計(jì)的很出色,若是能將網(wǎng)絡(luò)上的素材資源妥善利用,網(wǎng)站也是可以走出自己的風(fēng)格的。而該怎么選擇適合自己網(wǎng)站的圖片,就是門很大的學(xué)問了。
選擇圖片該以何作為標(biāo)準(zhǔn)呢?舉例來說,若網(wǎng)站內(nèi)容為科學(xué)探討,當(dāng)然不能以卡通圖片來作為插圖,試想,當(dāng)您正在瀏覽一個(gè)有關(guān)天文學(xué)的網(wǎng)站,卻滿是皮卡丘的可愛圖片,不是很不協(xié)調(diào)嗎?再舉個(gè)例子,如果一個(gè)教學(xué)網(wǎng)站,里頭卻盡是明星圖片,看上去根本就不像是教學(xué)網(wǎng)站,而是大雜匯的明星相片網(wǎng)。很多人喜歡將自己欣賞的明星照放上自己的網(wǎng)頁中,如果僅是個(gè)人網(wǎng)站倒也還好,因?yàn)閭€(gè)人網(wǎng)站本就無主題居多,也就沒有所謂的符不符合主題的顧慮,但若是有主題的網(wǎng)站,豈不糟糕?
以圖片內(nèi)容來說,能切合網(wǎng)站主題最好,若不能,也別差異太多。以顏色來說,若一個(gè)網(wǎng)頁是藍(lán)色的底色,但整個(gè)網(wǎng)頁的圖檔卻亂七八糟,各種顏色紛紛出籠,更糟的是,藍(lán)色是屬于冷色系的顏色,若以藍(lán)色為底的網(wǎng)頁,卻盡都是大紅色、橘色的圖片,那將會(huì)使整張網(wǎng)頁看起來就像垃圾堆,雜亂無章。所以,可以簡單的歸納出,網(wǎng)頁與圖檔的顏色,色系一致或是視覺效果一致,將會(huì)使網(wǎng)頁看起來更為美觀且有自己的風(fēng)格。
網(wǎng)頁的顏色,并非單一就圖文件、文字顏色、或是底色為主,而是以瀏覽者的角度來觀看,整體網(wǎng)頁看上去是偏向哪種色系。常常見到許多網(wǎng)站雖然色系搭配的很好,但卻是沒有自己的風(fēng)格。以目前流行的柔色系、粉色系網(wǎng)站來說,就是失了自己獨(dú)到的風(fēng)格。因?yàn)槭褂梅凵档木W(wǎng)站,不外乎都有相同的特點(diǎn),文字顏色淺,底色也以淺色系為主,這樣除了沒有自己的風(fēng)格外,看起來既不大方也難登大雅之堂。以各大搜尋網(wǎng)站來說,根本不會(huì)做這樣的設(shè)計(jì),因?yàn)槲淖诸伾由系咨珳\,對瀏覽者來說,閱讀上非常吃力,所以這樣的設(shè)計(jì)風(fēng)格也應(yīng)盡量避免。
一個(gè)有自己風(fēng)格,且閱讀起來舒適大方的網(wǎng)頁,并不可能一次就寫好,而是需要經(jīng)過不厭其煩的修正、調(diào)色,才能達(dá)到最佳瀏覽效果的,所以制作網(wǎng)頁也一定要有相當(dāng)大的耐心。
【二、排版 】
網(wǎng)站的排版是讓網(wǎng)頁瀏覽者閱讀方便,且內(nèi)容主題明確的重要指針,若網(wǎng)站的排版經(jīng)過精心規(guī)劃,將會(huì)使瀏覽者更能迅速的找到所需的資料。就如同一本書,編排得當(dāng)將會(huì)使讀者一目了然,且更能了解該書所要闡述的內(nèi)容。而網(wǎng)站的排版,就如同書冊的排版一般重要。網(wǎng)站的排版包含了表格、框架的應(yīng)用、文字縮排、段落等等,而排版并不是整齊就好,還要有明確的分類,以及主題的適當(dāng)規(guī)劃。
表格的應(yīng)用是一般大型網(wǎng)站最常見到的編排方式,表格能使多段文字統(tǒng)合整理,達(dá)到清楚易懂的效果。表格不見得是有形的表格,何位有形的表格?一般常見的有形表格,多為有框線,或是有底色。表格可多形式的運(yùn)用,如圖形與文字間的排版,表格可將圖形與文字做最恰當(dāng)?shù)木幣?,充分結(jié)合于網(wǎng)頁上。
然而表格的底色或底圖,應(yīng)避免與文字起沖突。常見表格中用的底圖或底色因顏色過重,而文字不清楚,表格的重點(diǎn)當(dāng)然仍是在于文字,不是在作為配角的底圖或底色。當(dāng)?shù)讏D只是襯飾的作用時(shí),就應(yīng)讓其中的文字清楚明了。而表格的整體配色更是重要,框線及底色都應(yīng)與網(wǎng)頁整體配色為主,若是以表格作為同一網(wǎng)頁編排,應(yīng)盡量使各表格間不致差異太大。當(dāng)有需要特別彰顯內(nèi)容的表格,才有其必要性作不同的配色。
框架的應(yīng)用,對于架設(shè)于較慢的網(wǎng)站空間之網(wǎng)頁,較適合框架的應(yīng)用,框架可避免相同網(wǎng)頁重復(fù)讀取,拖累下載速度。但框架因切割整個(gè)畫面,造成瀏覽的內(nèi)頁空間大幅度減小,故再使用框架務(wù)必要注意到內(nèi)容主頁的易看性??蚣芫幣牛钚枰⒁獾氖亲笥覞L動(dòng)條應(yīng)盡量避免,若一個(gè)網(wǎng)頁在閱讀上,要不斷的移動(dòng)滾動(dòng)條往右又往左移,將會(huì)對瀏覽者造成很大的不便。
另,框架也需要注意到連結(jié)的正確性,??吹揭钥蚣転橹黧w的網(wǎng)頁,竟然按下選單框架頁中的連結(jié),不是顯示在內(nèi)容框架頁中,而是另開窗口,這真是脫著褲子放屁-多此一舉!且框架過多的網(wǎng)頁,會(huì)造成瀏覽者不知如何找尋資料的窘境。舉個(gè)最常見的例子,很多小型的個(gè)人網(wǎng)站,常喜歡以多框架來架構(gòu)網(wǎng)站,數(shù)一數(shù)甚至框架頁達(dá)五六個(gè)以上,有時(shí)按了左側(cè)的選單,以為內(nèi)容會(huì)出現(xiàn)在內(nèi)容框架頁,卻竟然是顯示在右上角的某個(gè)小角落,這不是特有風(fēng)格,既不美觀也不實(shí)際,更難以找到資料!
框架與表格皆為網(wǎng)頁整體編排利器,該如何運(yùn)用與走出自己風(fēng)格,就是需要長時(shí)間的修飾版面、觀摩學(xué)習(xí)(但絕非模仿抄襲)與經(jīng)驗(yàn)了。
【三、窗口 】
窗口效果的妥善運(yùn)用,可以使網(wǎng)頁有特色,但過度的應(yīng)用反而會(huì)使人厭惡,甚至關(guān)閉網(wǎng)頁不再造訪,若真的因窗口的不當(dāng)運(yùn)用,造成瀏覽者不便而不想再繼續(xù)瀏覽,那就是非??上У氖铝?。
全屏幕窗口,通常不為瀏覽者所喜愛,尤其是強(qiáng)制性的全屏幕瀏覽,一般上網(wǎng)者對于不同的瀏覽方式并非都能欣然接受。對于圖片瀏覽的網(wǎng)站,若圖片很大可以采用此種方式,以方便一窺全圖,但必須于連結(jié)前先注明將會(huì)開啟全屏幕窗口,較不會(huì)引起瀏覽者的反感。
現(xiàn)有許多個(gè)人網(wǎng)站,都特別喜愛使用無工具列窗口,有的網(wǎng)站是將整個(gè)無工具列窗口放大至全屏幕,有的網(wǎng)站則是過小的超迷你窗口。前一種會(huì)使人難以跳開網(wǎng)頁瀏覽做其它動(dòng)作,造成很大的不方便;后一種更是糟糕,窗口小到幾乎無法瀏覽,字體小、圖形小、內(nèi)容更少,這種窗口讓瀏覽者的第一感覺就是網(wǎng)站沒內(nèi)涵,又小家子氣。且這兩種網(wǎng)站,幾乎都有一個(gè)最大的共通點(diǎn),鎖鼠標(biāo)右鍵功能。這樣的鎖定,對于網(wǎng)站本身并無多大助益,除了讓瀏覽者不方便外,其實(shí)瀏覽者根本也無意于抄襲該網(wǎng)站,只會(huì)讓人覺得網(wǎng)頁很沒內(nèi)容又要怕別人抄襲??吹竭@種網(wǎng)站,大部分的瀏覽者并不會(huì)覺得有風(fēng)格,若是覺得有風(fēng)格,也不過是流于通俗的「小氣風(fēng)格」。
另外則是有些許初學(xué)者的網(wǎng)站,特別喜好濫用窗口特效,舉凡網(wǎng)頁震動(dòng)、閃爍等等,這些對于內(nèi)容及個(gè)人風(fēng)格上也無實(shí)質(zhì)助益,能避免應(yīng)盡量避免。畢竟有規(guī)模、有內(nèi)涵的網(wǎng)站,根本不會(huì)有這樣亂七八糟的特效。這樣的特效的確也造成了某部分的特殊效果,即是網(wǎng)頁混亂的特別效果。且越容易濫用窗口特效的網(wǎng)站,大多都無內(nèi)容,想利用這些來混淆視聽,試圖造成瀏覽者的錯(cuò)覺,誤以為內(nèi)容豐富。但實(shí)際上欲達(dá)成的效果不但沒有達(dá)到,反而會(huì)使瀏覽者一眼就看穿該網(wǎng)站制作者是一名網(wǎng)頁新手,且該站幾乎毫無內(nèi)容可言。若網(wǎng)站本有豐富的內(nèi)涵,因此而造成瀏覽者的錯(cuò)覺,豈不可惜?
并非所有的窗口特效都是負(fù)面的評價(jià),也是有某些情況時(shí)可以斟酌小心使用。若是資料量少,或是公告等小資料量的文件,可以酌量使用小窗口的開啟,這種方式反而有助于網(wǎng)頁的整體性,及瀏覽易讀性。
綜合以上所述,一個(gè)成功的網(wǎng)站,若要走出自己的風(fēng)格,并非單就窗口特效來加強(qiáng),而應(yīng)先注重內(nèi)容,并依其網(wǎng)站內(nèi)容來決定如何采用一些特殊的窗口,達(dá)到整個(gè)網(wǎng)站的風(fēng)格一致性。記住,花樣越多并不能讓網(wǎng)頁顯得技巧高明,而是在于內(nèi)容與窗口效果的完美運(yùn)用。
【四、程序 】
在早期的網(wǎng)站中,只有讓瀏覽者「看」的作用,伴隨著多種程序語言的發(fā)展,目前常聽到的網(wǎng)頁互動(dòng)程序有ASP . PHP . CGI . XML等等,上述這些網(wǎng)頁程序,都能使網(wǎng)頁「動(dòng)」起來,而網(wǎng)站的功能不再只有「看」,也可以「參與」其中。然而,大多數(shù)的網(wǎng)頁制作者,本身并不會(huì)自行開發(fā)撰寫程序,故許多已是現(xiàn)成的程序下載網(wǎng)站或是免費(fèi)資源網(wǎng)站便應(yīng)運(yùn)而生。對于不會(huì)撰寫程序的網(wǎng)站制作者來說,無非是一大福音,但在套用現(xiàn)成程序或是使用免費(fèi)資源時(shí),也必須要注意整體的網(wǎng)頁風(fēng)格。
程序也是網(wǎng)頁的一部分,只是它們除了網(wǎng)頁外,還有處理資料的程序代碼,所以程序的應(yīng)用上也是必須要謹(jǐn)慎的配合整個(gè)網(wǎng)站的風(fēng)格。舉個(gè)例子來說,整個(gè)網(wǎng)站皆以白色系為主,但留言版卻莫名其妙的用了黑色系,這不是挺不搭的畫面嗎?又,若整個(gè)網(wǎng)站是有關(guān)男性所喜愛的事物,討論區(qū)卻突然出現(xiàn)柔和的唯美女生圖片,這簡直就是太怪誕離奇了!故在申請免費(fèi)資源或是利用下載的程序包時(shí),必定要先注意到色系、圖檔是否能配合整個(gè)網(wǎng)站的風(fēng)格、主題。
以下載程序再修改來說,除非自己將原程序的「程序部分」修改百分之七十以上,才能改掉原版權(quán),否則將會(huì)違反著作權(quán)法。在這里要做個(gè)說明,所謂的程序部分即是不包含HTML的部分,并非將版面改了改,程序就是自己的,常見到許多個(gè)人網(wǎng)站,將下載來的程序改了改版面,幾乎沒有動(dòng)到程序部分,就擅自改了版權(quán),并聲明為自己所撰寫,還標(biāo)明「版權(quán)所有,盜拷必究」等字樣。這種行為,對于稍有網(wǎng)頁制作概念及經(jīng)驗(yàn)的瀏覽者來說,除了引起嚴(yán)重反感外,更有可能會(huì)引起不必要的糾紛。且這樣對于網(wǎng)站的獨(dú)到風(fēng)格性來說,根本沒有任何助益,實(shí)是得不償失!
當(dāng)然,程序也不是亂用、濫用就是代表網(wǎng)站制作的好,大量的重復(fù)使用不必要的程序功能,一般瀏覽者不會(huì)用到,只會(huì)變成無用的「網(wǎng)站垃圾掩埋場」。舉個(gè)例子來說,祈愿版的濫用就是造成資源的浪費(fèi),一個(gè)個(gè)人網(wǎng)站擁有一個(gè)祈愿版已足夠,甚至其實(shí)那根本是沒有需要的,卻還有各種不同版面的祈愿版,除了資源上的浪費(fèi)外,也幾乎沒有瀏覽者會(huì)去留下愿望。無用的程序,就算再好再可愛,沒有用途充其量就是垃圾!當(dāng)網(wǎng)站的垃圾越來越多,就會(huì)發(fā)臭!原來的內(nèi)容就會(huì)被這些發(fā)臭了的垃圾給通通掩埋起來了!
再舉個(gè)更為常見的例子,一個(gè)普通網(wǎng)站擁有一個(gè)留言版就符合所需了,但每每逛網(wǎng)站時(shí),總會(huì)見到「備用一版」、「備用二版」、「備用三版」、「悄悄話一版」、「悄悄話二版」、「悄悄話三版」等等等,若沒有內(nèi)容多到需要區(qū)分不同的留言內(nèi)容,這些雜亂的備用XX版就可以免了。這一大堆的留言版,只會(huì)讓瀏覽者望而怯步,也不知道該留哪一個(gè),更是小網(wǎng)站的一大特色!
請記住,在網(wǎng)頁制作的準(zhǔn)則上,沒有所謂的「數(shù)大就是美」,有時(shí)候就像是「老太婆的臭皮靴,又臭又長」,很容易使人生厭的!
【五、特效 】
網(wǎng)站的特效,能夠使網(wǎng)站看起來更為生動(dòng)活潑,以常見的幾種技術(shù)來說,包含了Flash . Java script . Java applets . DHTML等等。適當(dāng)?shù)靡说氖褂眠@些網(wǎng)頁小技巧,如同蜻蜓點(diǎn)水般的不著痕跡帶過,往往能讓這寫小特效發(fā)揮最大的效果,使網(wǎng)頁更美觀且創(chuàng)造出獨(dú)特的風(fēng)格。這些小技巧多為網(wǎng)絡(luò)上隨處可以復(fù)制的小程序,所以要了解,瀏覽者并不會(huì)因?yàn)槲寤ò碎T的特效覺得這個(gè)網(wǎng)站的技巧非常高明。因?yàn)檫@些技巧不管用得再多、用得再雜,都是復(fù)制來的。而不著痕跡的使用這些特效,讓特效船過水無痕的在網(wǎng)頁中起作用,才是網(wǎng)站成功的設(shè)計(jì)!
舉幾個(gè)最常見的特效例子,像是歡迎訊息,咚的一聲跳出來,如果只是一個(gè)歡迎光臨,大可不必要這樣擾人,更甚者,還接二連三的好幾的歡迎訊息,先是「您好!歡迎光臨本站!」、「請使用600*800的屏幕分辨率來瀏覽本站」、「這里是xx小站」,再來「請將本網(wǎng)站加入我的最愛喔!」,這種接二連三的訊息,讓計(jì)算機(jī)咚咚咚咚的響個(gè)不停,而瀏覽者又必須一個(gè)個(gè)按下確定才能進(jìn)入網(wǎng)頁,實(shí)在是無聊之舉。還有的,進(jìn)站時(shí)還要問您的大名,問完之后再跳出個(gè)訊息「xxx您好,歡迎您的光臨!」,這只會(huì)另瀏覽者非常反感,一點(diǎn)窩心的感覺也沒有。最后,都問候完祖宗十八代,又跳出個(gè)強(qiáng)制加入我的最愛,其實(shí)這種網(wǎng)站也根本不會(huì)有瀏覽者愿意將其加入最愛,簡直到了討人厭、惹人閑的地步了!
跟著鼠標(biāo)的一堆文字或是圖片,既無意義也不美觀,根本也沒有必要這樣的擾亂視線。最常見的,將鼠標(biāo)的指針更改,改的哪里能連結(jié),哪里不能連結(jié)都不清不楚的,既無風(fēng)格可言,也無美觀可言,更無技巧可說。這種特效也應(yīng)盡量避免,除非您的網(wǎng)頁不想讓人知道有什么連結(jié),這種特效就可以肆無忌憚的使用了。當(dāng)然,不會(huì)有一個(gè)制作網(wǎng)站者,一點(diǎn)都不希望瀏覽者清楚自己的連結(jié),而找不到想看的內(nèi)容的。若真這樣,也不可能會(huì)建網(wǎng)站了,不是嗎?
像是雪花片片飛的網(wǎng)站,也是很不可取的。試想,如果您要看一篇文章,卻一直有「垃圾」掉下來擋住您的視線,這種感覺豈不是很糟糕嗎?瀏覽者是來看網(wǎng)頁的內(nèi)容的,不是來看您一片片掉下來的「遮蔽物」。瀏覽器的狀態(tài)列跑馬燈,也是常見的擾人特效之一,當(dāng)您正在欣賞網(wǎng)站內(nèi)容時(shí),卻覺得屏幕閃呀閃的,既刺眼又無意義,故大可不必濫用此特效。
但也不是就全盤否定特效的使用,像是一篇內(nèi)容繁多的長篇文章,若此時(shí)能有個(gè)十字對準(zhǔn)線,肯定能對瀏覽上有幫助。若能融合各類選單,適時(shí)的出現(xiàn)于網(wǎng)頁中,既能增加版面一致性,又能不著痕跡的使用特效,更能有整體性的風(fēng)格。所以網(wǎng)頁特效不是不要用,應(yīng)該是要用得恰當(dāng),用得友善,用得配合網(wǎng)站風(fēng)格,這樣特效才能真正發(fā)揮它的效用。
【六、架構(gòu) 】
一個(gè)網(wǎng)站若能有清楚的目錄架構(gòu),除了對制作網(wǎng)站者來說容易維護(hù)外,更能讓瀏覽者對于不熟悉的網(wǎng)站環(huán)境輕易上手。而網(wǎng)站的架構(gòu)可由幾個(gè)方向來說起,分別為目錄規(guī)劃、層次淺顯易懂、選單應(yīng)用等等。
網(wǎng)站的架構(gòu)規(guī)劃,應(yīng)該于網(wǎng)頁的制作前先制定完整,若以后有所更動(dòng),也都盡量不要更改到大的結(jié)構(gòu)目錄,否則將造成網(wǎng)站熟客又必須重新了解環(huán)境,若更動(dòng)幅度太大,又沒有詳盡的解說,更可能因此喪失部份常客。別說這是不可能的事情,畢竟網(wǎng)絡(luò)上還是有很多對于計(jì)算機(jī)不甚了解的網(wǎng)友,而網(wǎng)站不是單只為了點(diǎn)腦知識(shí)夠的瀏覽者所寫,必須兼顧到所有層面。當(dāng)然,您也可以說您的網(wǎng)站只要給少部分的人看,只是,建立一個(gè)網(wǎng)站的最終目的,不就是希望能有大量的人潮嗎?
當(dāng)一個(gè)網(wǎng)站越來越多內(nèi)容時(shí),層次結(jié)構(gòu)就會(huì)越來越復(fù)雜,身為站長的您,當(dāng)然對自己的網(wǎng)站了若指掌,清楚的知道自己的網(wǎng)頁層次架構(gòu)。然而,您的網(wǎng)站并非只是給自己獨(dú)自品嘗的,層次的淺顯易懂就是很重要的課題了。有的網(wǎng)站目錄越來越多,卻也越來越混亂,不同內(nèi)容的資料,卻放到相同的關(guān)聯(lián)連結(jié)下。對于混亂的設(shè)計(jì),一般的瀏覽者是不可能猜出您的心,知道不同性質(zhì)資料的連結(jié)竟會(huì)在相同關(guān)聯(lián)連結(jié)下的!寫網(wǎng)頁要能夠總是以瀏覽者作為出發(fā)點(diǎn),這樣的網(wǎng)站才能在架構(gòu)上取得各種不同階層、不同種類之瀏覽者的駐足、棲息。
也常常會(huì)見到有的網(wǎng)站因內(nèi)容過于繁雜眾多,而瀏覽到最后不知該怎么回主頁、回目錄頁。此時(shí)若能有導(dǎo)覽列,或是加上回上頁或回目錄頁的連結(jié)設(shè)計(jì),必定能讓瀏覽者感到方便與貼心。
而網(wǎng)站的架構(gòu),最終是以選單作為表達(dá)的方式,樹狀選單往往能讓瀏覽者清楚明確。而選單的風(fēng)格設(shè)計(jì),也常常最能突顯出該站的風(fēng)格與特色。網(wǎng)頁若能搭配適當(dāng)?shù)倪x單,選擇不花俏、不造成視覺障礙的效果,就能夠讓整個(gè)網(wǎng)站的特有風(fēng)格顯現(xiàn)出來了。
【七、內(nèi)容 】
網(wǎng)站的內(nèi)容,就如同書的文字一般重要,書沒有了內(nèi)頁,就算封面再漂亮、再精致,都只是個(gè)徒俱美麗空殼的紙版罷了;如果書的內(nèi)容雜亂無章或是不切合書名,那么買書的人一定會(huì)非常懊惱也非常生氣。網(wǎng)站也是一樣的道理,如果網(wǎng)站沒有內(nèi)容,就算裝扮得再美輪美奐,也不配稱為網(wǎng)站;如果網(wǎng)站的內(nèi)容雜七雜八或是與站名摸不著邊兒,那么不小心踏進(jìn)來的瀏覽者,必然會(huì)非常舉喪也非常不悅。網(wǎng)站的內(nèi)容范圍很廣,可簡單分出下列幾種:網(wǎng)站主題、整體實(shí)用性、文件關(guān)聯(lián)性、內(nèi)容切合度、是否有不必要的檔案等等。
所有的網(wǎng)站必然都有一個(gè)明確主題,而網(wǎng)站的整體內(nèi)容都會(huì)繞著這個(gè)主題來發(fā)展。沒有主題的網(wǎng)站很難擁有固定的???,就像是大雜匯,內(nèi)容再多也都是雜而不精。一般的瀏覽者,查詢資料者居多,當(dāng)然也是希望查詢到精確且多量的資料。而大雜匯的網(wǎng)站,因?yàn)橘|(zhì)不精,對于這種大多數(shù)的瀏覽者來說,只是沒有用的垃圾堆。想來建網(wǎng)者必然不希望自己的網(wǎng)頁被看作是垃圾堆,所以,就該在一開始到以后的更新,都有個(gè)明確的主題。
網(wǎng)站的整體實(shí)用性,包含了資料的實(shí)用性及參考價(jià)值,若網(wǎng)站有明確的主題,應(yīng)該要盡量避免不相關(guān)的其它主題出現(xiàn)。若出現(xiàn)了與主題不符的其它資料,這就像是一片花叢中出現(xiàn)了一坨糞般的另人嫌惡,也沒有網(wǎng)站的整體風(fēng)格。而許多的個(gè)人網(wǎng)站就像是大雜匯般,有教學(xué)、祈愿、養(yǎng)寵物、文章搜集等等一些毫無關(guān)聯(lián)性的資料。然而個(gè)人網(wǎng)站之所以會(huì)稱之為個(gè)人網(wǎng)站,就在于它有著「雜貨鋪」的魅力,總能吸引些瀏覽族群的目光。但若是希望自己的網(wǎng)站上大雅之堂,就應(yīng)確立主題,并對于該主題整理有用且實(shí)用的資料。
文件的關(guān)聯(lián)性也是內(nèi)容的重要指針,在一個(gè)大主題下,往往能分之初很多相關(guān)聯(lián)的小主題。此時(shí)就應(yīng)該對其詳加分類統(tǒng)合,明確的讓瀏覽者知道這些小主題相互之間的關(guān)聯(lián)性。而不是東一堆,西一堆的文件,沒有統(tǒng)合的文件,就算與主題有部分上的關(guān)聯(lián)性,在一般的瀏覽者眼中,也都會(huì)成為沒有用的垃圾,這樣實(shí)在是非??上?。
統(tǒng)合來說,一個(gè)網(wǎng)站的內(nèi)容,當(dāng)然越多會(huì)會(huì)好,只是再資料多的同時(shí),也要注意到這個(gè)資料是否切合主題、是否對網(wǎng)站有用、歸納的是否妥當(dāng)明了、有沒有不必要的檔案,這樣網(wǎng)頁的內(nèi)容才能真正漸漸邁向量多質(zhì)精之路,也才能走出屬于自己主題的風(fēng)格。
【八、走向 】
網(wǎng)站的走向是一個(gè)網(wǎng)站未來的重要指針,常常見到有的網(wǎng)站動(dòng)不動(dòng)就說要關(guān)站了,其實(shí)這些網(wǎng)站大多數(shù)是因?yàn)闆]有規(guī)劃好網(wǎng)站的未來走向,站長自己看不到未來,瀏覽者當(dāng)然也看不到網(wǎng)頁有所更新,久了,自然而然就不再有人光顧,而網(wǎng)站自然也跟著被迫關(guān)站了。相信沒有一個(gè)站長再開站時(shí)會(huì)想著以后要關(guān)站吧?既然不愿意落得此下場,就應(yīng)該好好考慮網(wǎng)站以后的整體走向。
而網(wǎng)站的走向,應(yīng)與網(wǎng)站主題永遠(yuǎn)的相符合,舉個(gè)例子,一個(gè)新聞網(wǎng)站是不大可能轉(zhuǎn)向成卡通網(wǎng)站的,就算轉(zhuǎn)型了,那么以前的??捅厝灰彩鞘チ耍@樣不就是等于關(guān)了舊站,再開新站嗎?瀏覽者會(huì)成為某個(gè)網(wǎng)站的常客,必然是他對該主題有強(qiáng)烈的興趣,一但該網(wǎng)站的主題不那么的切合了,這些??途蜁?huì)另尋喜歡的網(wǎng)站了。
想讓網(wǎng)站永遠(yuǎn),有自己獨(dú)到的味道,對完美有所堅(jiān)持,網(wǎng)站的未來規(guī)劃是必修的功課。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2009-05-18 08:01:00] 另一種產(chǎn)品版本細(xì)分策略
- [2010-12-13 08:29:00] 在設(shè)計(jì)中進(jìn)行品牌宣傳
- [2006-05-26 16:31:00] 關(guān)于網(wǎng)站設(shè)計(jì)的幾點(diǎn)矛盾
- [2010-01-11 21:41:00] 交互設(shè)計(jì)(5)–突出重點(diǎn),一目了然
- [2006-08-22 22:11:00] 策劃正確的配色方案(推薦)
- [2010-07-27 09:05:00] 如何做得Banner通情達(dá)意
- [2006-01-06 21:46:00] 配色方案--構(gòu)圖必學(xué)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2009-07-22 07:56:00] 產(chǎn)品設(shè)計(jì)師的核心競爭力
- [2006-05-30 12:18:00] 網(wǎng)頁設(shè)計(jì)制作九大“要點(diǎn)”
- [2006-07-20 10:35:00] 從幾個(gè)文學(xué)網(wǎng)站談文學(xué)網(wǎng)站的建設(shè)
- [2010-03-22 15:08:00] 會(huì)猜用戶心的界面
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站建設(shè)的步驟有哪些 青島網(wǎng)站設(shè)計(jì)哪家好 微信營銷的優(yōu)勢 網(wǎng)站規(guī)劃 網(wǎng)站優(yōu)化 網(wǎng)站SEO 網(wǎng)頁設(shè)計(jì) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 微網(wǎng)站 插畫 青島黃島、紅島網(wǎng)站建設(shè)公司 營銷型網(wǎng)站建設(shè) H5定制設(shè)計(jì) 新的元素 建站常識(shí) 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站的速度 php程序 手機(jī)網(wǎng)站建設(shè) 網(wǎng)站推廣 H5專題頁面 HTML5 網(wǎng)站制作 html和css 微官網(wǎng)帶來的好處 IT資訊 版面布局 營銷型網(wǎng)站 蘋果系統(tǒng) 搜索引擎