網站模板設計色系常識及顏色搭配

    企(qi)業網(wang)頁設(she)計模板(ban)有(you)很多種，不同的企(qi)業用到的模板(ban)風格不一(yi)樣(yang)。那(nei)么網(wang)站模板(ban)設(she)計色系需要注意什么，有(you)哪些(xie)基(ji)本常(chang)識呢？

    網站模板的(de)底色(se)(se)是整個網站風格的(de)重(zhong)要指針。舉例來說，以黑(hei)(hei)色(se)(se)作為(wei)背景顏色(se)(se)的(de)網頁(ye)(ye)，因黑(hei)(hei)色(se)(se)本對人的(de)視覺(jue)上會(hui)(hui)造成黯淡的(de)感覺(jue)，若(ruo)是拿來用作活潑(po)的(de)兒童網站，就是不適(shi)合了。因為(wei)小孩子(zi)是天(tian)真無(wu)邪的(de)、活潑(po)的(de)、有朝氣的(de)，與黑(hei)(hei)色(se)(se) 的(de)沉穩、黯淡，很難聯想(xiang)(xiang)在一起。再舉個例子(zi)，若(ruo)是寫一個有關于環保(bao)的(de)網站，若(ruo)用暗紅色(se)(se)作為(wei)網頁(ye)(ye)底色(se)(se)，決計不會(hui)(hui)有人聯想(xiang)(xiang)到網頁(ye)(ye)的(de)內容是與環保(bao)有關。當(dang)然(ran)　每個人的(de)審美(mei)觀不同(tong)(tong)，可能(neng)也會(hui)(hui)對顏色(se)(se)的(de)代(dai)表性看(kan)法不同(tong)(tong)，但既(ji)然(ran)網站不是只寫給自己看(kan)的(de)，就應該要注意(yi)到大(da)部(bu)分(fen)人可能(neng)會(hui)(hui)有的(de)觀點，然(ran)后(hou)以眾人居多的(de)觀點出(chu)發，來設(she)計網頁(ye)(ye)。

    文(wen)字字型上的設計
    最好的(de)(de)(de)網(wang)站(zhan)(zhan)(zhan)是(shi)(shi)以所有(you)瀏(liu)覽(lan)者(zhe)(zhe)都(dou)能(neng)看(kan)到(dao)(dao)(dao)的(de)(de)(de)字(zi)型(xing)為(wei)(wei)(wei)主(zhu)。常(chang)會看(kan)到(dao)(dao)(dao)有(you)需多網(wang)站(zhan)(zhan)(zhan)要(yao)求(qiu)瀏(liu)覽(lan)者(zhe)(zhe)須自行下載某種(zhong)字(zi)型(xing)，才能(neng)達到(dao)(dao)(dao)最佳(jia)瀏(liu)覽(lan)效果(guo)，這(zhe)是(shi)(shi)種(zhong)非常(chang)奇怪(guai)的(de)(de)(de)行為(wei)(wei)(wei)。畢竟瀏(liu)覽(lan)者(zhe)(zhe)只是(shi)(shi)來(lai)找資料或是(shi)(shi)來(lai)看(kan)網(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)內(nei)容，不(bu)可能(neng)會因為(wei)(wei)(wei)這(zhe)種(zhong)「為(wei)(wei)(wei)達最佳(jia)瀏(liu)覽(lan)效果(guo)」，而(er)自行下載所需要(yao)的(de)(de)(de)字(zi)型(xing)。當所要(yao)求(qiu)的(de)(de)(de)字(zi)型(xing)若(ruo)不(bu)下載，并不(bu)會影響到(dao)(dao)(dao)網(wang)站(zhan)(zhan)(zhan)內(nei)容上的(de)(de)(de)瀏(liu)覽(lan)與不(bu)便，那么對瀏(liu)覽(lan)者(zhe)(zhe)的(de)(de)(de)要(yao)求(qiu)就微(wei)乎其微(wei)的(de)(de)(de)不(bu)可能(neng)發生任何作用。這(zhe)么一來(lai)，對于網(wang)頁設計者(zhe)(zhe)來(lai)說，無非是(shi)(shi)非常(chang)可惜的(de)(de)(de)，因為(wei)(wei)(wei)當初的(de)(de)(de)設計風格卻未能(neng)讓瀏(liu)覽(lan)者(zhe)(zhe)一窺全貌，豈不(bu)是(shi)(shi)白費心思的(de)(de)(de)嗎？

    何謂網站(zhan)模(mo)板圖片的色系

    以色(se)(se)(se)彩(cai)學簡單的(de)(de)(de)區分(fen)，可分(fen)為冷色(se)(se)(se)系(xi)(xi)與(yu)暖色(se)(se)(se)系(xi)(xi)，再詳(xiang)細(xi)一點的(de)(de)(de)區分(fen)，又可分(fen)出各種顏色(se)(se)(se)的(de)(de)(de)色(se)(se)(se)系(xi)(xi)，而色(se)(se)(se)系(xi)(xi)的(de)(de)(de)區分(fen)，就(jiu)(jiu)(jiu)在于(yu)主觀瀏覽(lan)意識上(shang)的(de)(de)(de)差異(yi)了。如何將(jiang)圖(tu)片(pian)的(de)(de)(de)色(se)(se)(se)系(xi)(xi)與(yu)網(wang)(wang)站(zhan)(zhan)整體色(se)(se)(se)系(xi)(xi)相對應，就(jiu)(jiu)(jiu)是(shi)(shi)比(bi)較(jiao)困(kun)難的(de)(de)(de)地(di)方了。對于(yu)網(wang)(wang)頁(ye)初學者(zhe)來說，要(yao)繪制一張圖(tu)并非易事，要(yao)繪制一張符合(he)自(zi)己網(wang)(wang)頁(ye)風格(ge)的(de)(de)(de)圖(tu)，更是(shi)(shi)困(kun)難重重。大部(bu)分(fen)的(de)(de)(de)網(wang)(wang)頁(ye)制作(zuo)者(zhe)，并不(bu)大可能駕輕就(jiu)(jiu)(jiu)熟的(de)(de)(de)使用(yong)影(ying)像處理軟(ruan)(ruan)件或(huo)繪圖(tu)軟(ruan)(ruan)件，于(yu)是(shi)(shi)乎，網(wang)(wang)頁(ye)素材的(de)(de)(de)網(wang)(wang)站(zhan)(zhan)就(jiu)(jiu)(jiu)開始盛(sheng)行了。當然不(bu)會使用(yong)繪圖(tu)軟(ruan)(ruan)件并不(bu)代表網(wang)(wang)頁(ye)就(jiu)(jiu)(jiu)不(bu)能設計的(de)(de)(de)很出色(se)(se)(se)，若是(shi)(shi)能將(jiang)網(wang)(wang)絡(luo)上(shang)的(de)(de)(de)素材資源妥(tuo)善(shan)利用(yong)，網(wang)(wang)站(zhan)(zhan)也是(shi)(shi)可以走出自(zi)己的(de)(de)(de)風格(ge)的(de)(de)(de)。而該怎么選擇適合(he)自(zi)己網(wang)(wang)站(zhan)(zhan)的(de)(de)(de)圖(tu)片(pian)，就(jiu)(jiu)(jiu)是(shi)(shi)門很大的(de)(de)(de)學問了。

    網站模(mo)板的顏色

    并(bing)非單(dan)一就圖文件、文字顏(yan)色(se)(se)(se)、或(huo)是(shi)(shi)(shi)底(di)色(se)(se)(se)為(wei)主(zhu)，而是(shi)(shi)(shi)以(yi)(yi)(yi)(yi)瀏覽(lan)者(zhe)的(de)(de)(de)(de)角(jiao)度來(lai)(lai)(lai)(lai)觀看，整(zheng)體網(wang)頁(ye)(ye)(ye)看上(shang)去(qu)是(shi)(shi)(shi)偏(pian)向哪種(zhong)色(se)(se)(se)系(xi)。常常見到許多網(wang)站(zhan)雖然(ran)色(se)(se)(se)系(xi)搭配的(de)(de)(de)(de)很好，但卻是(shi)(shi)(shi)沒有(you)自(zi)(zi)己(ji)(ji)的(de)(de)(de)(de)風格。以(yi)(yi)(yi)(yi)目前流行的(de)(de)(de)(de)柔色(se)(se)(se)系(xi)、粉色(se)(se)(se)系(xi)網(wang)站(zhan)來(lai)(lai)(lai)(lai)說(shuo)，就是(shi)(shi)(shi)失了自(zi)(zi)己(ji)(ji)獨(du)到的(de)(de)(de)(de)風格。因(yin)為(wei)使用粉色(se)(se)(se)系(xi)的(de)(de)(de)(de)網(wang)站(zhan)，不(bu)外乎都(dou)有(you)相同的(de)(de)(de)(de)特點，文字顏(yan)色(se)(se)(se)淺，底(di)色(se)(se)(se)也以(yi)(yi)(yi)(yi)淺色(se)(se)(se)系(xi)為(wei)主(zhu)，這(zhe)樣除了沒有(you)自(zi)(zi)己(ji)(ji)的(de)(de)(de)(de)風格外，看起(qi)來(lai)(lai)(lai)(lai)既不(bu)大方也難登(deng)大雅之堂。以(yi)(yi)(yi)(yi)各大搜尋網(wang)站(zhan)來(lai)(lai)(lai)(lai)說(shuo)，根本不(bu)會做(zuo)這(zhe)樣的(de)(de)(de)(de)設計，因(yin)為(wei)文字顏(yan)色(se)(se)(se)淡，加(jia)上(shang)底(di)色(se)(se)(se)淺，對(dui)瀏覽(lan)者(zhe)來(lai)(lai)(lai)(lai)說(shuo)閱讀上(shang)非常吃力，所(suo)以(yi)(yi)(yi)(yi)這(zhe)樣的(de)(de)(de)(de)設計風格也應盡(jin)量(liang)避免。以(yi)(yi)(yi)(yi)圖片內容來(lai)(lai)(lai)(lai)說(shuo)，能(neng)切(qie)合網(wang)站(zhan)主(zhu)題最好，若不(bu)能(neng)也別差(cha)異太(tai)多。 以(yi)(yi)(yi)(yi)顏(yan)色(se)(se)(se)來(lai)(lai)(lai)(lai)說(shuo)，若一個網(wang)頁(ye)(ye)(ye)是(shi)(shi)(shi)藍色(se)(se)(se)的(de)(de)(de)(de)底(di)色(se)(se)(se)，但整(zheng)個網(wang)頁(ye)(ye)(ye)的(de)(de)(de)(de)圖檔(dang)卻亂(luan)七八糟(zao)，各種(zhong)顏(yan)色(se)(se)(se)紛紛出籠，更糟(zao)的(de)(de)(de)(de)是(shi)(shi)(shi)，藍色(se)(se)(se)是(shi)(shi)(shi)屬于(yu)冷色(se)(se)(se)系(xi)的(de)(de)(de)(de)顏(yan)色(se)(se)(se)，若以(yi)(yi)(yi)(yi)藍色(se)(se)(se)為(wei)底(di)的(de)(de)(de)(de)網(wang)頁(ye)(ye)(ye)，卻盡(jin)都(dou)是(shi)(shi)(shi)大紅色(se)(se)(se)、橘色(se)(se)(se)的(de)(de)(de)(de)圖片　那將會使整(zheng)張網(wang)頁(ye)(ye)(ye)看起(qi)來(lai)(lai)(lai)(lai)就像垃圾(ji)堆雜亂(luan)無章(zhang)。所(suo)以(yi)(yi)(yi)(yi)　可以(yi)(yi)(yi)(yi)簡單(dan)的(de)(de)(de)(de)歸(gui)納出，網(wang)頁(ye)(ye)(ye)與圖檔(dang)的(de)(de)(de)(de)顏(yan)色(se)(se)(se)，色(se)(se)(se)系(xi)一致或(huo)是(shi)(shi)(shi)視覺效果一致，將會使網(wang)頁(ye)(ye)(ye)看起(qi)來(lai)(lai)(lai)(lai)更為(wei)美觀且有(you)自(zi)(zi)己(ji)(ji)的(de)(de)(de)(de)風格。

    網(wang)(wang)站(zhan)(zhan)(zhan)模板的(de)(de)(de)色系(xi)是(shi)瀏覽(lan)(lan)者整體的(de)(de)(de)視覺觀感，若一(yi)個網(wang)(wang)站(zhan)(zhan)(zhan)色系(xi)能(neng)有一(yi)致性，不(bu)(bu)僅(jin)會使網(wang)(wang)站(zhan)(zhan)(zhan)看起來美觀，更(geng)能(neng)讓瀏覽(lan)(lan)者對內(nei)容(rong)不(bu)(bu)易混(hun)淆(xiao)，增加了瀏覽(lan)(lan)的(de)(de)(de)簡潔與(yu)方便。而(er)網(wang)(wang)站(zhan)(zhan)(zhan)設(she)計的(de)(de)(de)色系(xi)更(geng)能(neng)襯托出網(wang)(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)主題(ti)，若色系(xi)能(neng)與(yu)主題(ti)合(he)理(li)搭(da)配，將會增加瀏覽(lan)(lan)者的(de)(de)(de)易讀性。網(wang)(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)色系(xi)包含(han)了網(wang)(wang)頁(ye)的(de)(de)(de)底色、文字字型、圖片的(de)(de)(de)色系(xi)、顏色等等。這不(bu)(bu)單只是(shi)將顏色搭(da)配得當就算完美，還要配合(he)每個內(nei)容(rong)及(ji)網(wang)(wang)站(zhan)(zhan)(zhan)主題(ti)。對于(yu)網(wang)(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)色系(xi)，應該要在網(wang)(wang)站(zhan)(zhan)(zhan)開始制作前做好規(gui)劃及(ji)設(she)計，才(cai)不(bu)(bu)會到著手(shou)制作網(wang)(wang)站(zhan)(zhan)(zhan)時難以搭(da)配，甚至造成混(hun)亂的(de)(de)(de)設(she)計。