高凌　羅浩

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

關(guān)鍵詞：網(wǎng)頁設(shè)計；頁面美術(shù)；使用技巧

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

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

1 頁面設(shè)計交互性

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

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

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

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

2 頁面美術(shù)設(shè)計技巧

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

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

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

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

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

3 頁面美術(shù)設(shè)計的注意事項

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

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

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

4 結(jié)語

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

參考文獻：

[1] 王周娟. 網(wǎng)頁設(shè)計中的色彩應(yīng)用研究[J]. 信息記錄材料， 2018（5）.

[2] 馬楠. 圖像處理技術(shù)及其在網(wǎng)頁設(shè)計中的應(yīng)用[J]. 電子測試， 2017（24）.

[3] 陳奮， 張曉蘭. 自適應(yīng)網(wǎng)頁設(shè)計研究[J]. 通化師范學(xué)院學(xué)報， 2017（8）.