資源描述:
《網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)和色彩搭配技巧》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)及色彩搭配技巧網(wǎng)站設(shè)計(jì)風(fēng)格—個(gè)人擁有自己獨(dú)特的風(fēng)格,是一般人所沒有的,就會(huì)讓人注意到那個(gè)人的特別”若那個(gè)人的風(fēng)格是正面的”甚至就會(huì)引起別人的羨慕與注意,或是贊賞。就如同一個(gè)網(wǎng)站擁有別的網(wǎng)站所沒有的風(fēng)格就會(huì)讓瀏覽者愿意多停留些時(shí)間,細(xì)細(xì)品嘗該站的內(nèi)容,甚至該站會(huì)得到多人的鼓勵(lì)與注目,粗略的說,網(wǎng)站風(fēng)格可以從以下幾個(gè)方向來探討”而每一項(xiàng)都是有關(guān)聯(lián)性的:1.色系:網(wǎng)頁(yè)的底色、文字字型、圖片的色系、顏色等等。2.排版:表格、框架的應(yīng)用、文字縮排、段落等等。3.窗口:窗口效果,例如:全屏幕窗口、特效窗口等。4.程序:網(wǎng)頁(yè)互
2、動(dòng)程序,例如:ASP?PHP?XML.CGI等等。5.特效:讓網(wǎng)頁(yè)看起來生動(dòng)活潑的各種應(yīng)用,如:Flash.Javascript.Javaapplets.DHTML等等。6.架構(gòu):目錄規(guī)劃、層次淺顯易懂、選單應(yīng)用等等。7.內(nèi)容:網(wǎng)站主題、整體實(shí)用性、文件關(guān)聯(lián)性、內(nèi)容切合度、是否有不必要的檔案等等。8.走向:對(duì)于網(wǎng)站的未來規(guī)劃、網(wǎng)站整體內(nèi)容走向等。以上這些項(xiàng)目都與網(wǎng)頁(yè)風(fēng)格有密切的關(guān)系,網(wǎng)頁(yè)的風(fēng)格不是某一項(xiàng)相同,網(wǎng)站就是有整體感,而是要各項(xiàng)目的配合應(yīng)用,才能達(dá)到完美的網(wǎng)站風(fēng)格設(shè)計(jì)。接下來的段落,將會(huì)為每個(gè)項(xiàng)目做簡(jiǎn)單的介紹。(一)
3、色系網(wǎng)站的色系是瀏覽者整體的視覺觀感,若一個(gè)網(wǎng)站色系能有一致性,不僅會(huì)使網(wǎng)站看起來美觀,更能讓瀏覽者對(duì)內(nèi)容不易混淆,增加了瀏覽的簡(jiǎn)潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題,若色系能與主題合理搭配,將會(huì)增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁(yè)的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當(dāng)就算完美,還要配合每個(gè)內(nèi)容,及網(wǎng)站主題。對(duì)于網(wǎng)站的色系,應(yīng)該要在網(wǎng)站開始制作前,做好規(guī)劃及設(shè)計(jì),才不會(huì)到著手制作網(wǎng)站時(shí),難以搭配,甚至造成混亂的設(shè)計(jì)。網(wǎng)頁(yè)的底色是整個(gè)網(wǎng)站風(fēng)格的重要指針。舉例來說,以黑色作為背景顏色的網(wǎng)頁(yè),因
4、黑色本對(duì)人的視覺上會(huì)造成黯淡的感覺若是拿來用作活潑的兒童網(wǎng)站,就是不適合了。因?yàn)樾『⒆邮翘煺鏌o邪的、活潑的、有朝氣的,與黑色的沉穩(wěn)、黯淡,很難聯(lián)想在一起。再舉個(gè)例子,若是寫一個(gè)有關(guān)于環(huán)保的網(wǎng)站,若用暗紅色作為網(wǎng)頁(yè)底色,決計(jì)不會(huì)有人聯(lián)想到網(wǎng)頁(yè)的內(nèi)容是與環(huán)保有關(guān)。當(dāng)然,每個(gè)人的審美觀不同,可能也會(huì)對(duì)顏色的代表性看法不同,但既然網(wǎng)站不是只寫給自己看的,就應(yīng)該要注意到大部分人可能會(huì)有的觀點(diǎn),然后以眾人居多的觀點(diǎn)出發(fā),來設(shè)計(jì)網(wǎng)頁(yè)。文字字型上的設(shè)計(jì),最好的網(wǎng)站是以所有瀏覽者都能看到的字型為主。常會(huì)看到有需多網(wǎng)站要求瀏覽者須自行下載某種字
5、型,才能達(dá)到最佳瀏覽效果,這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網(wǎng)站的內(nèi)容,不可能會(huì)因?yàn)檫@種I■為達(dá)最佳瀏覽效果L而自行下載所需要的字型。當(dāng)所要求的字型若不下載,并不會(huì)影響到網(wǎng)站內(nèi)容上的瀏覽與不便,那么對(duì)瀏覽者的要求就微乎其微的不可能發(fā)生任]可作用。這么一來,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來說,無非是非常可惜的,因?yàn)楫?dāng)初的設(shè)計(jì)風(fēng)格卻未能讓瀏覽者一窺全貌,豈不是白費(fèi)心思的嗎?何謂圖片的色系?以色彩學(xué)簡(jiǎn)單的區(qū)分,可分為冷色系與暖色系,再詳細(xì)一點(diǎn)的區(qū)分,又可分出各種顏色的色系,而色系的區(qū)分,就在于主觀瀏覽意識(shí)上的差異了。如何將圖片的
6、色系與網(wǎng)站整體色系相對(duì)應(yīng),就是比較困難的地方了。對(duì)于網(wǎng)頁(yè)初學(xué)者來說要繪制一張圖并非易事,要繪制一張符合自己網(wǎng)頁(yè)風(fēng)格的圖,更是困難重重。大部分的網(wǎng)頁(yè)制作者,并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件,于是乎,網(wǎng)頁(yè)素材的網(wǎng)站就開始盛行了。當(dāng)然,不會(huì)使用繪圖軟件并不代表網(wǎng)頁(yè)就不能設(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é)的
7、網(wǎng)站,卻滿是皮卡丘的可愛圖片,不是很不協(xié)調(diào)嗎?再舉個(gè)例子,如果一個(gè)教學(xué)網(wǎng)站,里頭卻盡是明星圖片,看上去根本就不像是教學(xué)網(wǎng)站,而是大雜匯的明星相片網(wǎng)。很多人喜歡將自己欣賞的明星照放上自己的網(wǎng)頁(yè)中,如果僅是個(gè)人網(wǎng)站倒也還好,因?yàn)閭€(gè)人網(wǎng)站本就無主題居多,也就沒有所謂的符不符合主題的顧慮,但若是有主題的網(wǎng)站,豈不糟糕?以圖片內(nèi)容來說,能切合網(wǎng)站主題最好,若不能,也別差異太多。以顏色來說,若一個(gè)網(wǎng)頁(yè)是藍(lán)色的底色,但整個(gè)網(wǎng)頁(yè)的圖檔卻亂七八糟,各種顏色紛紛岀籠,更糟的是,藍(lán)色是屬于冷色系的顏色,若以藍(lán)色為底的網(wǎng)頁(yè),卻盡都是大紅色、橘色的圖
8、片,那將會(huì)使整張網(wǎng)頁(yè)看起來就像垃圾堆,雜亂無章。所以,可以簡(jiǎn)單的歸納出,網(wǎng)頁(yè)與圖檔的顏色,色系一致或是視覺效果一致,將會(huì)使網(wǎng)頁(yè)看起來更為美觀且有自己的風(fēng)格。網(wǎng)頁(yè)的顏色,并非單一就圖文件、文字顏色、或是底色為主,而是以瀏覽者的角度來觀看,整體網(wǎng)頁(yè)看上去是偏向哪種色系。常常見到許多網(wǎng)站雖然色系