網(wǎng)站設(shè)計(jì)風(fēng)格及色彩搭配技巧
2011-09-03 文章來源: 建站學(xué)
一個人擁有自己獨(dú)特的風(fēng)格,是一般人所沒有的,就會讓人注意到那個人的特別,若那個人的風(fēng)格是正面的,甚至就會引起別人的羨慕與注意,或是贊賞。就如同一個網(wǎng)站,擁有別的網(wǎng)站所沒有的風(fēng)格,就會讓瀏覽者愿意多停留些時間,細(xì)細(xì)品嘗該站的內(nèi)容,甚至該站會得到多人的鼓勵與注目,粗略的說,網(wǎng)站風(fēng)格可以從以下幾個方向來探討,而每一項(xiàng)都是有關(guān)聯(lián)性的:
1. 色系:網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等。
2. 排版:表格、框架的應(yīng)用、文字縮排、段落等等。
3. 窗口:窗口效果,例如:全屏幕窗口、特效窗口等。
4. 程序:網(wǎng)頁互動程序,例如:ASP . PHP . XML . CGI等等。
5. 特效:讓網(wǎ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ì)。接下來的段落,將會為每個項(xiàng)目做簡單的介紹。
一、色系
網(wǎng)站的色系是瀏覽者整體的視覺觀感,若一個網(wǎng)站色系能有一致性,不僅會使網(wǎng)站看起來美觀,更能讓瀏覽者對內(nèi)容不易混淆,增加了瀏覽的簡潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題,若色系能與主題合理搭配,將會增加瀏覽者的易讀性。
網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當(dāng)就算完美,還要配合每個內(nèi)容,及網(wǎng)站主題。對于網(wǎng)站的色系,應(yīng)該要在網(wǎng)站開始制作前,做好規(guī)劃及設(shè)計(jì),才不會到著手制作網(wǎng)站時,難以搭配,甚至造成混亂的設(shè)計(jì)。
網(wǎng)頁的底色是整個網(wǎng)站風(fēng)格的重要指針。舉例來說,以黑色作為背景顏色的網(wǎng)頁,因黑色本對人的視覺上會造成黯淡的感覺,若是拿來用作活潑的兒童網(wǎng)站,就是不適合了。因?yàn)樾『⒆邮翘煺鏌o邪的、活潑的、有朝氣的,與黑色的沉穩(wěn)、黯淡,很難聯(lián)想在一起。
再舉個例子,若是寫一個有關(guān)于環(huán)保的網(wǎng)站,若用暗紅色作為網(wǎng)頁底色,決計(jì)不會有人聯(lián)想到網(wǎng)頁的內(nèi)容是與環(huán)保有關(guān)。當(dāng)然,每個人的審美觀不同,可能也會對顏色的代表性看法不同,但既然網(wǎng)站不是只寫給自己看的,就應(yīng)該要注意到大部分人可能會有的觀點(diǎn),然后以眾人居多的觀點(diǎn)出發(fā),來設(shè)計(jì)網(wǎng)頁。