平面設計在網頁設計中的運用

李青

上海帝儒教育科技有限公司

以往在對各種新聞、雜志等多方面進行設計時，主要形式便是平面設計，在平面設計中存有諸多重要元素，如：視覺、文字、色彩以及排版等等，在這些元素的優化下，新聞雜志才能吸引社會大眾的注意力。但在互聯網誕生后，社會各界對于新聞雜志的注意力有所下降，更多的是將注意力放在各種網頁之中，各領域也開始利用網頁進行宣傳推廣。但在網頁設計中平面設計屬于一種核心要素，在對網頁內容進行設計時，需要靈活運用各種平面設計中的重要元素，為了幫助大家掌握網頁設計的要點，以下圍繞平面設計在網頁設計中的運用展開說明。

一、網頁設計與平面設計概述

（一）網頁設計概述

網頁設計是對一個網頁內容，進行圖像編輯、排版等一系列調整。在日新月異的現代技術支持下，網頁設計得到更加寬闊的發展空間。雖然在網絡時代下，技術一直占據主要角色，但網頁設計一直在網絡技術的持續完善下不斷發展，甚至可以說網頁設計的概念在發展過程經常變動，尤其是在互聯網中的瀏覽器誕生后，網頁設計的核心概念越發清晰，各種設計內容與信息都能在其中實時更新，這對于網頁設計而言提供了更多的可能性。站在宏觀角度分析，網頁設計可以承載網絡瀏覽器中的大量信息，還能通過各種手段將瀏覽器中的信息變得更加有規律，為社會大眾提供更加享受的視覺效果。

（二）平面設計概述

傳統的平面設計主要是指在二維或三維的空間之內，設計人員考慮不同組合的視覺設計元素的交互,并對其中內容展開布局和場景結構的設計行為。其中包括:以文本的形式設計、插圖、布局、商業攝影、場景設計等等,在這之中最為關鍵的內容之一，便是如何實現設計信息形式的消息,通過文字、圖片以及效果說服社會大眾，真正形成平面設計的藝術形成主要因素。還有源于工業革命的強大推動，以及現代數字印刷技術的迅速產生和不斷進步發展,也就是現代常說的各種平面設計藝術語言，主要就是涉及考慮到一個設計者的理念、意圖以及其設計思想,這也是其中的精髓含義所在。同時，也主要包括各種圖形的組合創意、色彩的組合構建以及各種字體圖形設計與文字排版。在網絡信息時代的今天,網頁媒體設計也被完全囊括在現代平面設計技術內容之中,其內容是現代平面設計在我國當今社會經濟生活環境中的一種技術發展和文化延續,是一個新的現代平面設計技術種類和研究課題。

二、網頁設計與平面設計之間的聯系

網頁設計是當今計算機信息時代平面設計的延續和擴展，但兩者的主要目的都是為了實現審美信息的傳遞和表現。與傳統平面設計注重印刷品的外觀相比，網頁設計主要是通過屏幕界面來傳播信息。同時，網頁設計也是平面設計的一個重要發展方向，它將先進的計算機網絡技術與平面設計的傳統視覺傳達效果有效地結合起來，最終實現對美的表達與渲染。因此，網站設計技術整合了傳統計算機網站技術的優勢，以及平面網站設計視覺藝術的諸多優勢，徹底打破了傳統唯物主義和靜態三維空間設計的限制，包括動態的、逼真的和各種交互的視覺效果等。都是傳統平面設計在過去簡單的無法實現的，將是未來網頁平面設計的應用和發展方向。

三、平面設計在網頁設計中的運用

（一）視覺元素的運用

作為我們網頁設計者的整體創作目的，是為正確實現和對于設計作品信息的及時傳遞與信息交流,也就構成了一個技術難題。因而在整個平面設計創作過程中適當性地加入一些可以有效增強設計作品視覺辨認度和受眾注目性等的元素固然是可取的。因此，在運用視覺元素展開網頁設計時，可以將一些工業設計作品圖片、某種設計文字或者色彩，準確地傳遞產品設計師和受眾的某種情感或者信息，再轉換成另外一種已經能夠使其具有一定設計創意性和代表性的產品設計，使其以抽象形式清楚地表達出來,這樣可以迅速確保這種良好形象展現在產品設計師和受眾面前，促使網頁內容迅速贏得產品設計師和受眾的廣泛認同關注,從而獲得可以迅速實現事半功倍的產品設計美化效果。

（二）文字元素的運用

網頁設計需要參與企業網站內容的設計，并進行全面的專業知識掌握，包括整個企業的品牌文化、歷史、產品功能特點、受眾信息等，然后對整個網頁設計風格進行全面的分析，保證整個網站頁面布局的準確性，以及對合理準確掌握的設計技術和準確表達視覺藝術的藝術創新。創造出一種與網站設計風格一致并適應網站氛圍的設計，不同的網站主題會使網站風格有不同的網站設計和制作思路，造成用戶的思想、情感、形式等方面的不同。使具體的文字在整體視覺環境的完美背景下有效準確地傳達具體的信息。

（三）色彩元素的運用

人們在瀏覽和觀看圖片時，就會感受到各種世界和思維的不一樣,所以色彩設計的效果就是一種能夠充分激發欣賞者的內心聯系和思考的方式。這樣的效果也許就能夠傳達出更多的思考,在設計中起到了不可忽視的作用。如果相關人員已經掌握了在設計過程中對于色彩應該怎樣的搭配和運用,那么在工作中也必將事半功倍。在對于網頁的設計中,一般都是采用多種顏色相互融合的設計形式,僅僅簡單地利用一種顏色來對其進行設計,未免過于單調,所以要通過多種顏色相互融合的設計形式來對其進行更好的運用,這樣讓瀏覽和閱讀的人就會感到賞心悅目。而且圖形設計中的色調一般都是在封面上或內側彩色的頁面上。其比例較低。它需要在頁面上處理得非常干凈整潔，還必須要在網站上清晰地展現出所需文字。這樣,可以充分利用有限的時間,充分利用藝術色彩的魅力,使得瀏覽者能夠直接感受到其所表現出來的意義與所傳遞給人們的信息。

（四）排版技巧的運用

在網頁之中設計整體結構與文字布局的排版狀況時，遵守統一準則，尤其是在確定文字布置位置上，必須保證布置位置的合理性。最好能夠在平面設計之中將文字的處理要與圖形、色彩等元素統一起來，可以理解為排版設計的平面設計元素。在網頁設計中，文字信息是關鍵內容，網站的信息基本上是通過這些文字排版技巧來表達和描述的，文字表達對于網頁設計也是一項重要的表現。文本排版在整個網頁設計過程中的應用，直接影響到整個網頁設計的可視化和性能效果。在網頁設計中，排版設計采用圖形美學效果，將文字作為圖形元素來表達。在字體一般設置的基礎上，采用藝術手法對文本進行設計排版，能更好地表現文本的視覺效果。

四、平面設計在網頁設計中的運用案例

（一）實際案例問題

某些品牌在運用平面設計展開網頁設計時,并沒有將視覺、文字、色彩以及排版等元素考慮其中,最終出現以下幾種狀況。

1.充滿了商業氛圍,隨著我國市場經濟的進步,受到社會經濟和個人利益的影響, 廣告已經插入到網頁之中,有些網頁的設計者故意誘導消費者刷新和直接用戶點擊這些廣告,隱藏重要的鏈接,為了鼓勵游客他們的眼睛關注廣告。一些國內網站的主頁,經常有一些懸浮廣告和圖片,圖片和模糊，還容易阻塞底部和頂部的網站頁面內容。這些人為的刻意干預，已經成為網頁設計中的一大禁忌。畢竟，用戶只有在網站容易賺錢的情況下才愿意回饋。

2.由于網絡設計缺乏其視覺效果, 網頁的設計不僅要對整個平面的視覺因素進行合理的布局，還要安排其獨特的視覺元素。而一些大型網頁只是直接為整體視覺元素的使用而直接堆疊空間，缺乏合理的空間規劃，缺乏人們的審美視覺意識。各種類型的文字、動畫、色塊等凌亂不堪，讓廣大電腦消費者感到十分厭倦。網頁平面設計與內容相輔相成，缺一不可，只有賞心悅目的網頁才能吸引人們的注意，引起購買欲望。有些網頁看起來很漂亮，但仔細一看，卻是空空如也，缺少有用的信息。

（二）運用方式

為了切實解決以上問題,并遵循平面設計在網頁中的運用要求。我們在開始設計時應考慮到平面設計元素在網頁設計中的重要性,并采取以下方式展開。

1.創新視覺設計，在對網頁視覺展開設計時，主要因素的便是圖片元素，這也是網頁設計誕生時最先融入的主要元素，在網頁設計中適宜圖片能夠為視覺效果起到美化作用，但在設計過程必須著重確定所用圖片的分辨率，盡可能選取分辨率與清晰度較高的圖片，這樣瀏覽用戶才能精準分辨網頁中的核心內容，滿足現代民眾對于網頁的視覺需求。

2.創新文字設計，在對網頁展開設計工作時，最為關鍵的因素便是文字，通過文字可以促使社會大眾確定品牌風格，甚至還能夠促使社會大眾與品牌產生情感方面的共鳴，因此，相關人員需要根據品牌風格、產品風格展開文字設計。一般在網頁中進行文字設計時，并不會將重點放在字體時，所以大部分字體都屬于默認字體，但默認字體無法吸引瀏覽用戶的注意力，這就需要相關人員在字體設計上進行創新。在設計網頁文字時，最好挑選一種或兩種文字字體，以免多種字體在網頁中混淆視覺效果。

3.創新色彩設計，正常在網頁設計中色彩屬于視覺方面的首要因素，當不同色彩在網頁中相互碰撞時，便可為瀏覽用戶營造各不相同的美感，但由于現代網頁大部分需要構建在國際平臺中，所以設計人員必須保證網頁色彩與國際色彩準則相符，只要恰當地運用到這些色彩就可以了。網頁的顏色設計應用并沒有固定的圖案或模式, 但也不能毫無約束地充分利用各種色彩，一般情況下，需要根據整體設計風格要求來確定主色調和輔助色彩，設計方法具體有：其一，同色系的設計方式，在網頁之中使用相同色彩能夠強化整個頁面的統一性，增加瀏覽用戶的層次效果，但使用這種設計方式時，需要注意調整網頁不同結構的透明度與飽和度，這樣便可通過同色系的深淺組合設計形成全新色彩，如圖1所示：

其二，多種色彩的設計方式，正常情況，在大部分網頁中都會同時存在諸多色彩，這種色彩設計方式較為常見，能夠促使網頁內容更加豐富，更具層次感。但在運用這種設計方式時需要注意，如果同時在確定色彩時沒有考慮色彩間的對比效果，很可能導致網頁內容過于花哨。因此，在該品牌使用多種色彩展開網頁設計時，需要根據當季主題挑選主色彩，在挑選其他搭配色彩時，最好在主色彩的對比色中進行挑選，這樣才能確保網頁色彩設計的合理性，如圖2所示：

4.創新排版設計，在該品牌對網頁展開排版設計時，需要在狹窄的屏幕上保證所有元素的合理性、均勻性以及視覺性，而且還需要在考慮視覺效果的同時，確定網頁部位的留白狀況。為了強化網頁整體效果，排版的設計應該考慮到界面的整體視覺和觀眾的心理，按照主題方向確定排版方式，縝密考慮網頁排版產生的視覺效果。

五、結語

綜上所述，雖然網頁設計屬于在現代技術的基礎上誕生的全新內容，但任何全新內容都需要根據以往內容進行完善，否則網頁設計之中就會存在巨大問題。而且現代民眾大部分時間都在接觸網頁，社會各界如果在網頁設計中無法靈活運用平面設計，必然會在激烈競爭中被逐漸取替，因此，如今在對網頁內容展開設計時，我們必須明確平面設計元素運用的重要價值，并在設計過程切實融入視覺、文字、色彩以及排版等平面設計元素，只有這樣才能設計出足夠完善的作品，網頁才能吸引現代民眾的關注和興趣。