前言：尋找寫作靈感？中文期刊網用心挑選的平面設計在網頁制作中運用，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：在互聯網時代網頁作為信息的載體，為用戶提供文字、圖像和影音等信息的共享。平面設計中平面視覺元素的應用，為網頁設計提供了強烈的視覺表現力，在網頁設計中起到了重要的作用。對網頁設計中平面設計的需求進行了分析，結合網頁設計對視覺表達的實際需要，把平面設計的視覺元素設計應用進來，對平面設計在網頁制作中的應用方案進行了研究。
關鍵詞：平面設計；網頁設計；平面視覺元素；運用
網頁設計是平面設計中視覺表達的應用和網絡技術相結合，是平面設計的延伸。平面設計在網頁制作中的應用，從平面設計的視覺角度出發，在網頁設計中對平面視覺元素設計進行創新和應用，在網頁設計中具有重要的應用價值。
1網頁需求分析
網頁作為互聯網信息交流的主要載體，為用戶提供新聞和天氣等共享信息，用戶通過網頁就可以進行網上購物和線上教育等活動，因此網頁設計的功能及視覺表達是用戶基本需要。平面設計可以提高網頁頁面視覺表達效果，滿足用戶對網頁瀏覽的視覺表達的基本需要。網頁合理的布局以及優質的頁面效果，都可以通過平面設計機芯實現，平面設計通過技術手段實現了網頁在視覺上的表現形式，讓用戶更加方便地對網頁進行應用，享受網頁帶來的視覺感受。網頁通過視覺元素實現對用戶的信息傳遞，平面設計可以滿足網頁在可讀性以及視覺表達功能上的基本要求[1]。
2應用研究
2.1平面視覺元素設計。在網頁設計中平面設計通過點線面的設計，把平面元素應用進來采用合理的搭配構成完美的網頁界面，基本的平面視覺元素設計包括文字、圖形、色彩和版式設計，如圖1所示。2.1.1網頁文字。文字在網頁中的整體編排，要具有統一性的原則，對文字整體布局要進行合理的把握。而且在平面設計中文字的處理要和圖形色彩等元素進行統一，可以理解為平面設計元素都作為圖形進行設計。在網頁設計中文字信息是重要的內容，網站信息基本都是通過文字進行表達的，文字的表達在網頁設計中具有重要的作用。文字在網頁中的設計中，直接影響整個網頁設計的視覺表達效果。網頁設計中文字設計采用圖形化的美學效果，把文字作為圖形元素來進行表達，在對字體進行常規設置的基礎上，采用藝術化的手法對文字進行設計，可以更好地表現出文字的視覺效果[2]。2.1.2圖形圖像。在網頁平面設計中圖形設計中頁面元素搭配以及空間的表現都要進行考慮，讓用戶產生視覺上的美感是非常重要的。網頁圖形設計具有連接及導向功能，操作性非常強，通過圖形的頁面連接讓用戶點擊進入到其他站點頁面，這些連接的按鈕都可以通過圖形來實現。因此對圖形布局的合理設計，滿足網頁平面整體布局的設計，讓用戶更加方便地對其功能進行使用。網頁圖形布局的平面藝術設計，要重視圖形信息表達以及視覺流程的最佳區域。在網頁圖形界面中，不同的視線區域給人們帶來不同的瀏覽視覺感受。2.1.3色彩設計。網頁設計中平面色彩元素的合理運用可以給用戶更好的體驗，直接影響用戶對網頁整體效果的感受。因此平面色彩元素設計的配色方案非常重要，網站整體風格和定位都需要采用色彩體現出來。在網頁設計中，平面色彩元素設計可以提升網頁整體視覺效果，是網頁設計中的重要內容。在平面元素的設計中，色彩設計是重要的視覺元素設計，色彩的設計可以對用戶產生視覺和心理的沖擊作用。每一個色彩都代表不同的含義，紅色溫暖，綠色平靜，黑色沉重，不同的色彩都表現了不同的視覺效果。2.1.4版式設計。網頁版式設計是網頁設計的第一步，通過平面設計來實現網頁版面設計，更好地表達出網頁的視覺效果。網頁平面版式設計要具有審美的原則，并把平面視覺要素充分地應用進來，提升網頁整體平面視覺效果。采用平面視覺元素的設計方法，把藝術元素的設計融入到網頁版式設計中，滿足用戶對網頁的審美要求。
2.2創新運用。2.2.1平面設計中文字。在網頁制作中文字設計是重要的構成元素，根據網頁版面需求進行文字設計，表達出網頁中平面視覺元素效果。文字的設計要以可讀性和可辨認性為原則，文字在配色方面要準確清晰，文字字體大小合適，網頁背景元素不能影響網頁文字的整體閱讀效果。網頁文字之間的距離要設計合理，對文字和圖形之間的搭配要科學設置。文字設計要仔細檢查，要采用專業的設計方式，給用戶留下視覺的美感。文字設計要充分實現設計的構想以及設計的意圖。平面的文字設計過程中要突出文字個性化設置的特點，可以對文字進行圖形化的處理。網頁文字的風格要形成統一體，并且在版面中要就進行統一的變化，使網頁整體效果和諧。文字的設計不能局限于傳統，要敢于構思創新，要充分體現平面視覺元素的設計特點[3]。網頁文字的字號都是通過磅（Point）或像素（Pixel）進行計算，一般在網頁的平面設計中12磅是比較常用的字號，如果網頁文字較多可以根據實際情況設置成9磅字號，在網頁的平面設計中對文字字號的設計可以根據網頁字體信息的實際情況而定。字號大小設置一般標題設置大字號，這樣比較醒目，而且可讀性強。字體的選擇要以網頁的整體視覺表達為基礎，讓字體更加直觀和感性，這樣對字體進行適當的調整，更好地表現出網頁平面版式視覺效果。行距設置影響文本的可讀性，適當的行距形成空白帶，讓讀者更加方便瀏覽。行距的變化讓文字整體上的裝飾性更強，而且可以對網頁整體文字效果進行美化。網頁中文字設計要對網站的整體視覺效果進行掌握，對采用的設計技術以及藝術的表達進行創新和應用。2.2.2平面設計中圖形圖像。平面設計中圖形圖像的設計，也是網頁設計中的主要對象，圖形圖像可以更加直觀地把網頁內容展示給用戶，表達效果比文字效果要好。采用AutoCAD,Corel-Draw和PhotoShop等平面圖形處理軟件進行圖形的平面設計，提高平面設計的效果。網頁設計中采用平面設計的方法對圖形進行設計，可以美化網頁頁面，實現對圖像的分辨率和色彩的設置。平面設計中圖形的選擇要合適，要和網頁內容形成統一，并直觀地把圖形內容展示給用戶[4]。網頁設計中圖形設計采用平面視覺元素設計方法，對圖片的大小、形狀和搭配進行設計，并運用圖像輔助線，充分運用平面視覺元素設計方法，提高網頁中圖片設計效果。在平面設計中對圖形視覺元素的表達要建立導航系統，引導用戶的視覺流程，通過圖像元素設計讓用戶更加清晰地準確地了解網頁導航內容，對網頁整體功能進行掌握。圖形設計要合理安排，對內容的重心要突出，并采用合理的方法提高圖形的視覺表現力。2.2.3平面設計中色彩。在網頁設計中，色彩元素是平面設計中的重要視覺元素，不同色彩的搭配構成了網頁的頁面，頁面色彩設計要符合國際互聯網色彩的標準。色彩的合理設計和運用，可以調用用戶心理感受。網頁色彩應用沒有固定的模式，但是也不能多種色彩共同應用，要具有主色調和輔色調的搭配。一種主色彩的運用，選擇主色彩然后對飽和度進行調整，這樣頁面顏色統一有層次感。兩種色彩運用，先選擇一種色彩再選與其對應的對比色，這樣網頁整體色彩效果豐富，這是色彩的一種創新運用的方式。一個色系的運用，就是選擇一個感覺的色彩，比如暖色或者冷色等。色彩飽和度設計不能變化太大，減少屏幕色彩亮度反差，有利于用戶對頁面瀏覽的視覺感受。色彩設計中對色調以及飽和度等元素的設計和運用是重要的內容，采用合理的色彩搭配方案，建立優質的色彩關系，可以提升網頁的整體視覺效果。在平面設計中，可以適當地對色彩的純度進行調整，可以對色彩的面積進行調整，這些都可以實現對色彩的創新運用[5]。2.2.4平面設計中版式。網頁平面版式設計常見的有骨骼型設計，是采用理性的方式對版面進行規范性分割，建立單欄及多欄版面結構，給用戶和諧的視覺感受。滿版型可以采用圖像對整版頁面進行填充，這樣更加直觀地表達視覺效果。中軸型是把文字或者圖片進行水平或者垂直排列，給用戶穩定和平靜的視覺感受。在版式設計中要圖形和文字合理搭配，采用圖文并茂的設計方法，提升網頁頁面的活潑感，準確把握文字和圖形的關系，在不同的網頁中進行合理的搭配。
3結語
網頁設計中采用平面設計可以對平面視覺元素的虛實和強弱等元素進行調整，讓網頁空間布局更加合理和均衡，真正地實現了網頁信息表現的有效性和視覺性。網頁在信息表達上，以視覺效果為導向，采用平面視覺元素的設計，表達頁面的藝術性，為用戶提供更好的視覺感受，這些都可以通過平面設計進行實現。
作者:曹海英 元元 單位:河套學院