探究網站設計的風格色彩與美化

潘秋思+許佳佳+孫金琴

〔摘要〕從現狀看，網站設計特有的領域漸漸被注重，變成新穎產業。網絡架構之中含有多樣的這類網站，但網站凸顯出來的色調及風格卻帶有偏大的差異，設計某一新穎網站，吸引更多用戶，應能調配最適宜的色調，同時美化網站。設定最佳風格、有序調配色彩，是應被注重的側重點。

〔關鍵詞〕網站設計風格色彩美化

網站設計中應考量擬定的根本主旨、網站名稱及色調、宏觀欄目布置，與此同時，細節范疇中的編排文字、篩選多樣插圖都應被注重。設定導航架構、確認站內首屏，都應凸顯交互的特性及親和特性，考量分辨率，慎重取舍畫面。從總體視角看，網站設計細分的層級含有篩選元素、延展的設計，在這之中，延展網站設計指代的是美化界面，采納整體風格，以便延展獨有的創意概念，顯示出完備的整體，設計出個性凸顯的新穎網站。

一、總體設計思路

最近幾年，網絡快速被拓展，應用更為廣泛，這種態勢下，網絡獨有的價值漸漸被凸顯出來，網站設計被歸類為獨有的設計藝術，怎么來設計最適宜的新穎網站，是正被探析的側重點。網頁藝術這一新穎話題融匯了網絡的拓展進程，它建構在用戶體悟之上，含有經驗要素，制作出來的多樣網頁，正在不斷更新。初始著手設計應能考量多層級的要素要點，例如初始的宏觀定位、后續的調試、網站發布宣傳，這類流程緊密銜接在一起，為此，有必要辨識新穎的設計路徑，妥善調配色調，美化各類網站。

二、采納新穎風格

（一）辨識總體定位。所有網站凸顯的主旨都帶有差異，內涵及篩選出來的形式應能彼此契合，增添宣傳實效。對于網站風格，應能確認宏觀架構下的總體走向，例如：娛樂類別網站、企業專用網站、帶有經濟特性的網站、含有生活情趣這樣的網站，彼此都帶有風格差異。對于多樣行業，都應凸顯多重的風格特性。風格應當獨特新穎，站點布局特有的總體架構、網站架構中的色彩、設計必備技術，都應讓人體悟出這一網站的特性，在最短時段中，用戶即可辨識網站的內涵，讓人覺得進到了某一特別網站，愿意停留預覽且仔細予以品味。

（二）擬定架構布局。總體網站布置，應能便利平日內的常見瀏覽，凸顯鮮明主旨，慎重擬定這一布局，予以精密規劃，這就縮減了查驗信息耗費的總時段。從常規來看，總體網站架構含有多重的方向，例如上下布置、居中予以布置，除此以外，其他新穎框架也漸漸被采納。不同類別群體，適宜不同架構內的網站。總體網站布置很近似初始的書籍排版。

（三）涵蓋多樣內涵。網站獨有的新穎內涵也被歸類為多樣內涵這一范疇中，按照網站主旨來擬定多層級的內涵，若缺失根本的內涵，即便網站被布設得再美麗，也很難聚集用戶。為此，有序擬定最佳的、多層級的豐富內涵，是添加獨有風格的最佳路徑，依托網站外表即可辨識概要的網頁特性，辨別情緒及個性。網站可被設定得很文雅，或者帶有活潑色彩，或洋溢著熱情。

（四）調和各類色調。網站色調差異，在瀏覽之時會首先被體悟到。視覺色調特有的多樣差異密切關聯著主觀體會，網站配色時，應篩選最適宜的內涵以便調配色彩，選出來的色調折射著主體的心情，烘托網頁主旨。著手來設計時，先要擬定初始的總規劃，這種總體規劃，便利了接續的細化設計，規避網頁混亂。例如：若把黑色設定成根本的底色，則會帶來偏暗的總體體會，很難激發熱情，在帶有趣味這樣的網頁以內，并不適宜黑色，而應添加明亮的匹配色調。

三、美化現有的網站

網頁設計特有的步驟之中，應增添更高層級的網站美感。設計流程融匯了細化的網頁內涵，初始設計不可忽略最大范疇的受眾接納，制備好的網頁應當明晰而簡練，注重總體成效，唯有這樣，瀏覽之時才會覺得很便利，提升宏觀形象。

網頁審美狀態折射著美學架構內的延展效應，它帶有美學特性。網頁傳統美感應被融匯在現代特性的新穎氣息內，增添審美需要。布設好的優美頁面，密切關聯著設計者的水準及素養。網頁設計這樣的主體，應能不斷累積這一范疇的珍貴經驗，便利常規設計。辨識設計規律，把握住不斷更替著的網站要素，常用網站設計，都應顯示明晰的條理特性，頁面勻稱均衡。

網頁富于變化，它們應被歸類為某一類別。網站承載著平日的多樣信息，調和這類界面，應能妥善布設搜集得來的多層級信息，采納統一步驟，這就凸顯了最優的整體感悟，讓頁面被設定得很生動，不會覺得單調。后續構圖時，善于采納帶有反復特性的紋理及圖形，在變更之中尋找出一致思路；在不斷進展之中，求得平衡協調。主旨畫面要帶有不斷變更的畫面及內涵，增添生動體會，調和各類對象，做到彼此一致，設計細節之中不可忽略這一平衡狀態，增添活潑形態。

四、巧妙調配色調

搭配網站色彩，是應被側重的設計事項。擁有精準定位，但若沒能慎重調和最適宜的站內色調，也會縮減設計成效。瀏覽者瀏覽時，首先接觸色調，調配成的多樣色調會余留很長時段的瀏覽印象；在瀏覽時間內，色調關聯著瀏覽者潛藏的情緒體悟。調配色彩時，應注重如下事項：

（一）各類色調內涵。三原色含有紅黃藍，經過調和匹配會得來多樣的色調混合。色調緊密關聯著內在情緒，運用這一側重點，在平日設計之中即可帶來新穎的網站感受，留下深刻印記。對于設計者，應能明了多樣瀏覽群體特有的平日生活方式，感悟深層需求。

例如：篩選了藍色調，那么調和出來的網站就帶有睿智及寧靜這樣的特性，讓人能夠沉靜；篩選了紅色調，則網站凸顯了熱鬧吉祥、喜慶及溫暖這樣的底色，讓人感到暖意；篩選灰色這樣的網頁，常會散發著很平實的、甚至很憂郁的總氛圍，適宜靜心瀏覽；紫色涵蓋了靜謐及神奇，也含有稀少之意。

（二）增添藝術特質。色調搭配之中，應凸顯藝術特質。調配好的色調彼此契合，色澤十分鮮明，才能增添長時段的瀏覽興趣。網站并不適宜添加單一色調，給人很枯燥及單調這樣的總印象；但與此同時，也不可融匯著一切色調，缺失彼此協調，這類混雜設計帶有輕浮的弊病，常會過于花哨。

網站要配有單一的或雙重的主導色調，讓人明確方向。這類一致色調也并不乏味，它考量了潛藏著的用戶心態，設定凸顯主旨，通常情形下，單一頁面不適宜添加四類以上的混雜色調，因為采納偏多的色調就忽視了根本的方向，埋沒了側重點，確認網站主旨，再去考量附帶著的襯托色彩，主色調及關聯著的配色應能彼此吻合，體現真實成效。此外，色彩特有的純度、色相及明度，都應同時考量。各類網站著色都帶有偏大的差異，合理調配色調，顯示獨有個性，才可增添印象。

五、優化設計細節

（一）采納新穎的CSS。CSS特有的細節調配，適合布設多樣的站點，這類新穎步驟管控著頁面架構、頁面色彩邊界、總體頁面背景、余留的空白等。對于網站元素，它能變更原有的字體形態，采納了動態特性的新穎連接，創建兼容網頁。CSS獨有的優勢為：不用手動去變更現有的存留文件，只要變更這一頁面銜接著的CSS，即可凸顯不同層級的頁面成效，這類網站要素融匯了圖片背景、文字色彩尺寸、邊框及底色。總體布置板面應余留足量的圖片空間，以便存留欄目圖片，有序調配圖片及關聯的文字，若添加了偏多的圖形則會耗費總流量，縮減閱覽速率，優化網站時，采納靈活特性的這類CSS來布設很細密的、很精致的新穎網站，整合系統資源。

（二）適當添加表單。制備表格以便美化初始的布局，是新穎的美化思路，具體而言，篩選任一站點，都可添加最適宜的表格。采納表格予以布設網站，針對所有對象，同時規避了彼此干擾。對比圖片文本，表格彰顯獨有的各類優勢，然而它潛藏著的弊病為：若添加了偏多數目的表單，會縮減初始的下載速率。真實操作之中，篩選某一首頁把它存留成HTML這一類別。采納編輯工具以便開啟它，辨識表格形態。

（三）添加清晰字體。標準字體被布設在各類網站，它默認為宋體。為凸顯網頁特性，還可篩選其他范疇的多樣字體，應注重的是，若采納了默認范疇以外的其他字體，則只能擬定某一圖片格式，這是因為，瀏覽者采納的微機之中若沒能添加獨特的這類字體，則會顯示亂碼。現今社會中，瀏覽者很難預留偏多的時段來預覽。對于此，在最短時段之中就應獲取搭配著的足量信息，應當凝練信息，采納簡練語言予以表達，盡量排除帶有廣告特性的詞句。

伴隨網絡普及，網絡滲透著平日內的生活細節，借助網絡互通并且交流，展開平日活動，初始瀏覽時，就會面對擬定好的多樣網頁，布設好的網頁帶有最佳的新穎特性，布局精美適宜。未來設計之中，還應不斷摸索最佳的調和色調，采納多樣風格來增添網站獨有的美感體會。（責任編輯曉芳）

參考文獻：

[1]賀冬梅.淺談網站設計的風格色彩與美化[J].中國科技信息，2013（06）：138-139.

[2]楊曉雪.網站設計風格與色彩淺議[J].電子制作，2013（12）：65.

[3]周秦.基于高校網站主頁設計的分析[J].電子制作，2013（14）：251.

[4]代文玲.從美學角度談圖書館網頁的設計[J].圖書館工作與研究，2011（07）：41-42.

[5]宇虹儒.基于CDIO模式在《企業網站制作與美化》中的研究與應用[J].價值工程，2014（23）：236-237.

[6]隋涌.提升用戶體驗的網站圖形設計方法探析[J].北京印刷學院學報，2012（01）：72-75.

[7]許波勇.網站策劃在網站設計中的應用分析[J].電腦開發與應用，2012（07）：59-61.

注：本文系“2014年江蘇省高等學校大學生實踐創新訓練項目，項目編號scx1427。”