高凌　羅浩

摘要：進行網頁設計，頁面美術的運用技能是必不可少的。本文對網頁設計中使用到的頁面美術技巧進行分析，例如視覺構成要素（顏色、圖片、字體等），提出網頁設計與美術功底的結合對于網頁設計師來說至關重要，同時對網頁設計的特點、技巧和注意事項予以闡述。

關鍵詞：網頁設計；頁面美術；使用技巧

中圖分類號：TP3 文獻標識碼：A 文章編號：1009-3044（2018）18-0267-02

隨著互聯(lián)網技術的不斷進步，人們獲取信息，更多地開始通過網頁而不是傳統(tǒng)的報刊。視覺習慣的改變帶來了對網頁設計的更高的要求。，如何能夠讓網頁視覺信息更有效、更合理，更具有表現(xiàn)與傳達力，成為當前重要的研究課題。

1 頁面設計交互性

交互設計是一門新的學科，專注的是交互體驗。進行網頁設計的過程中，不同的客戶在不同的網站中，需要看不形態(tài)迥異，風格不同的頁面美術設計。這就需要交互設計發(fā)揮作用。在產品和用戶的聯(lián)系上，思考如何進行使用，還要考慮功能的容易實用性，操作的簡約性等。

1） 進行頁面設計的時候，要考慮不同的網頁用戶的需要，從用戶的角度進行設計要遵循人性化的原則。例如教育網站和政府網站的設計，要思考它們跟娛樂、購物、企業(yè)網站等頁面設計風格的不同，各個項目采用什么方式方能體現(xiàn)出特點。例如醫(yī)院的主題網站，需要起到導醫(yī)的作用，包括醫(yī)院的主要活動，科室和主治醫(yī)生的情況介紹，F(xiàn)LASH形式展現(xiàn)特色專題，等等，快速導航突出醫(yī)療服務特點。

2） 進行網頁的美術設計，必須遵循簡單易用和結構清晰的原則，頁面承載著龐大的結構和信息量，人們訪問頁面一定會有一種選擇最好的，結構最清晰的，最簡單操作的心理。如果交互設計上過于復雜，不夠和諧，用戶就會產生厭煩的感覺。好的美術設計，能夠讓用戶產生想體驗的感覺，不會有過多的功能，但是信息量非常大，風格也是統(tǒng)一的[1]。

在進行網頁的美術設計時候系統(tǒng)必須要根據(jù)指令給予相應的回應。能夠反映出信息的獲得，當前的使用狀態(tài)等等，網頁的基本交互功能隨著網絡技術的發(fā)揮在那，能夠方便人們查詢，調動用戶的參與情緒，很多客戶即便不了解界面設計的交互性，也會在視覺上產生感覺。例如關于一個產品的頁面設計，利用立方體進行塊的設計，中間的圖標按鈕設計成一定的形狀，而且可以隨著鼠標箭頭旋轉。同時鼠標箭頭移動后，所有的立方體可以變換為一個平面，產品隨之躍出，立方體高低錯落，產品包裝呈現(xiàn)出來，在別致中看到了一種活躍靈動的文化呈現(xiàn)。另外進行交互設計還要注重網頁的結構要清晰，邏輯要明確。用戶在進行功能模塊的應用的時候，一定有各自的使用習慣，體現(xiàn)在按鈕如何擺放，導航設計如何合理上，用戶快速熟悉功能模塊的使用，要求做到與頁面設計要有好，這就體現(xiàn)出設計師的匠心獨運。設計師對用戶的關愛，可以從格式、大小寫、符號等細節(jié)表現(xiàn)出來。交互設計從前期的結構邏輯上就應該有細節(jié)方面的規(guī)劃和思路，并且細節(jié)設計要貫穿在始終[2]。

2 頁面美術設計技巧

具有美術基礎，對于一個網頁頁面設計師來說是再好不過的了。經過長時間的美術訓練和網站網頁設計工作，設計師們一般會深刻感受到設計和繪畫之間的聯(lián)系是多么的緊密。進行視覺設計和色彩繪畫的巧妙結合，最終將二者相同點予以呈現(xiàn)的，是高超的網頁頁面設計師才能完成的。這種完美的整合，是一種繪畫和設計工作的完美境界。

1） 從色彩角度上來講，將黑白灰三中色彩予以融合，通過深淺搭配打造出明暗，是繪畫作品的空間感、層次感的來源，通過繪畫作品的不斷的色彩豐富，從黑白灰的單調色彩，最終演變出深淺濃淡相宜的精品，這是一個繪畫作品最終能夠達到的效果。而網頁作品還需要加入文字、動畫、圖片等，不能像繪畫作品那樣，只是假如深淺色，還要學會利用背景來講視覺效果加以襯托，實現(xiàn)不同的辨識度，最終將主次加以區(qū)分，畫面的視覺沖擊性更強烈，更加吸引人。例如黃色、橘色、橙色、紅色屬于暖色調，藍色、綠色屬于冷色調。黑白灰屬于中性，這些色彩的搭配，如何能夠達到網頁設計的主題需要，要求設計師從網頁整體的功能、個性上進行比例的協(xié)調，保持色彩平衡的同時，還要有色調的科學合理性。

2） 由于物品的擺放，在不同的位置，會呈現(xiàn)出不同的視覺效果。繪畫基礎上進行構圖的設置，需要掌握平衡點，折舊需要平衡原理和對稱原理在其中發(fā)揮作用。每個作品能夠形成輔助和視覺的元素的融合，都是要達到平衡的狀態(tài)的，如何進行網頁畫面中的各種元素的平衡，這需要設計師的匠心獨運。網頁設計的時候，構圖非常重要，網頁畫面要有對稱的美感，要有秩序性，要方便人們閱讀和查找需要的信息，就要進行非常對稱和均衡的排列、組合、設置，將構圖陳設到最佳狀態(tài)。

3） 以留白為例，在進行繪畫設計的時候，使用留白一般是作為技巧，為網頁增加懸念、空靈的感覺，留白設計常用在傳統(tǒng)水墨畫中，根據(jù)實踐證明，具備美術功底和畫面駕馭能力的設計師，在留白設計上能夠達到極致。網頁設計中，作為很重要的設計手法，進行留白也可以達到此處無聲勝有聲的效果，留白不是空白，而是使用單純的中性色彩，達到無裝飾感的空白概念。留白區(qū)域的作用，給予了設計一種布局上的平衡桿，在留白區(qū)域的陪襯和環(huán)繞之下，中心被予以烘托，形成了一種大氣感。

4） 進行繪畫作品的創(chuàng)造的時候，是需要將主次加以區(qū)分的。這就是一種輔助物品和主要物品的區(qū)分的技巧。進行網頁設計的時候，也是要講這種主次之分加以運用，主要的元素應該講求濃重加以烘托，而次要的元素則要進行簡單的勾勒。進行主元素和次要元素的烘托的時候，要根據(jù)物品的狀態(tài)、內容、特點，進行網頁的設計。無論是文字還是標題，都要具有頁面的節(jié)奏感[3]。

3 頁面美術設計的注意事項

1） 網頁美術設計過程中，要進行文件的設置。設置的時候，要注意要做好網頁的寬度的設計，網頁的寬度一般有760到1200PX不等。進行設計的時候，要對寬度加以注重，但是高度上限制不大。進行背景和圖標的設計的時候，要注意在網站設計的過程中注重切圖的效果，因為在切圖的時候如果不進行技術處理，往往最后切出來的效果與設計的效果的差別很大。在進行特效的處理上，設計特效的樣式要特別加以關注，例如使用DIVCSS軟件進行特效的設計，一般是在切圖的時候使用最好。網頁設計過程中，對于宋體、黑體等字體可以不進行特別的處理，但是要注意細節(jié)的保持，例如對齊一定要做好。

2） 網頁美術設計后，要導出一定的特使進行效果的觀察，盡量保持每個圖標和圖片要有獨立圖層，不要合層，方便在DIVCSS切圖的時候能夠將顯示切圖加以隱藏。在設置新建之后，開始進行網頁美術設計，注意頁面的分塊的風格，有的依靠分塊要體現(xiàn)風格，因此在著色上也加以區(qū)分，使用的色塊、邊框等，都要有合理性，可以混合使用，但是不要過于醒目。

3） 進行色彩的搭配，要注重平衡感，進行頁面的重點的突出之后，在頁面上要形成非常好的效果，通過強烈的對比烘托出頁面的質感。一般的情況，上方的顏色要能夠壓住下面的顏色，否則整體頁面感就會不穩(wěn)重，另外，對于要突出的LOGO，要給予特別的呼應，注意將色彩加以重點突出，又不能過于醒目，對于頁面的整體構思要精確到每個像素。

4 結語

網頁美術設計師應遵循“不為設計而設計”的理念，頁面效果的追求是必須的，但是不要偏離主題，也不能偏離用戶的需要，突出網頁本身的信息，才能最終設計出令人滿意的網頁作品。

參考文獻：

[1] 王周娟. 網頁設計中的色彩應用研究[J]. 信息記錄材料， 2018（5）.

[2] 馬楠. 圖像處理技術及其在網頁設計中的應用[J]. 電子測試， 2017（24）.

[3] 陳奮， 張曉蘭. 自適應網頁設計研究[J]. 通化師范學院學報， 2017（8）.