個人網站模板設計的色彩技巧

來源:互聯網
上載者:User

  網站由網頁組成,而網站大致的布局是可以使用模板的,模板在網站的製作過程中應用是非常廣的。使用模板會節省時間,提高網站製作的速度。在模板的設計上,色彩是很重要的一部分,網站要對應想應的模板,也要符合相關聯的顏色。

  網站模板的底色是整個網站風格的重要指標。舉例來說,以黑色作為背景顏色的網頁,因黑色本對人的視覺上會造成黯淡的感覺,若是拿來用作活潑的兒童網站,就是不適合了。因為小孩子是天真無邪的、活潑的、有朝氣的,與黑色的沉穩、黯淡,很難聯想在一起。再舉個例子,若是寫一個有關於環保的網站,若用暗紅色作為網頁底色,決計不會有人聯想到網頁的內容是與環保有關。當然,每個人的審美觀不同,可能也會對顏色的代表性看法不同,但既然網站不是唯寫給自己看的,就應該要注意到大部分人可能會有的觀點,然後以眾人居多的觀點出發,來設計網頁。

  文字字型上的設計,最好的網站是以所有瀏覽者都能看到的字型為主。常會看到有許多網站要求瀏覽者須自行下載某種字型,才能達到最佳瀏覽效果。畢竟瀏覽者只是來找資料或是來看網站的內容,不可能會因為達到最佳瀏覽效果,而自行下載所需要的字型。當所要求的字型若不下載,並不會影響到網站內容上的瀏覽與不便,那麼對瀏覽者的要求就微乎其微的不可能發生任何作用。

  何謂網站模板圖片的色系?以色彩學簡單的區分,可分為冷色系與暖色系,再詳細一點的區分,又可分出各種顏色的色系,而色系的區分,就在於主觀瀏覽意識上的差異了。如何將圖片的色系與網站整體色系相對應,就是比較困難的地方了。對於網頁初學者來說,要繪製一張圖並非易事,要繪製一張符合自己網頁風格的圖,更是困難重重。大部分的網頁製作者,並不大可能駕輕就熟的使用影像處理軟體或繪圖軟體,於是乎,網頁素材的網站就開始盛行了。

  當然,不會使用繪圖軟體並不代表網頁就不能設計的很出色,若是能將網路上的素材資源妥善利用,網站也是可以走出自己的風格的。而該怎麼選擇適合自己網站的圖片,就是門很大的學問了。

  網站模板的顏色,並非單一就圖檔案、文字顏色、或是底色為主,而是以瀏覽者的角度來觀看,整體網頁看上去是偏向哪種色系。常常見到許多網站雖然色系搭配的很好,但卻是沒有自己的風格。以目前流行的柔色系、粉色系網站來說,就是失了自己獨到的風格。因為使用粉色系的網站,不外乎都有相同的特點,文字顏色淺,底色也以淺色係為主,這樣除了沒有自己的風格外,看起來既不大方也難登大雅之堂。

  以顏色來說,若一個網頁是藍色的底色,但整個網頁的圖檔卻亂七八糟,各種顏色紛紛出籠,更糟的是,藍色是屬於冷色系的顏色,若以藍色為底的網頁,卻盡都是大紅色、橘色的圖片,那將會使整張網頁看起來就像垃圾堆,雜亂無章。所以,可以簡單的歸納出,網頁與圖檔的顏色,色系一致或是視覺效果一致,將會使網頁看起來更為美觀且有自己的風格。

  網站模板的色系是瀏覽者整體的視覺觀感,若一個網站色系能有一致性,不僅會使網站看起來美觀,更能讓瀏覽者對內容不易混淆,增加了瀏覽的簡潔與方便。

  網站設計的色系更能襯托出網站的主題,若色系能與主題合理搭配,將會增加瀏覽者的易讀性。網站的色系包含了網頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當就算完美,還要配合每個內容,及網站主題。對於網站的色系,應該要在網站開始製作前,做好規劃及設計,才不會到著手製作網站時,難以搭配,甚至造成混亂的設計。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。