李青

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

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

一、網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)概述

（一）網(wǎng)頁設(shè)計(jì)概述

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

（二）平面設(shè)計(jì)概述

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

二、網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)之間的聯(lián)系

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

三、平面設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用

（一）視覺元素的運(yùn)用

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

（二）文字元素的運(yùn)用

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

（三）色彩元素的運(yùn)用

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

（四）排版技巧的運(yùn)用

在網(wǎng)頁之中設(shè)計(jì)整體結(jié)構(gòu)與文字布局的排版狀況時(shí)，遵守統(tǒng)一準(zhǔn)則，尤其是在確定文字布置位置上，必須保證布置位置的合理性。最好能夠在平面設(shè)計(jì)之中將文字的處理要與圖形、色彩等元素統(tǒng)一起來，可以理解為排版設(shè)計(jì)的平面設(shè)計(jì)元素。在網(wǎng)頁設(shè)計(jì)中，文字信息是關(guān)鍵內(nèi)容，網(wǎng)站的信息基本上是通過這些文字排版技巧來表達(dá)和描述的，文字表達(dá)對于網(wǎng)頁設(shè)計(jì)也是一項(xiàng)重要的表現(xiàn)。文本排版在整個網(wǎng)頁設(shè)計(jì)過程中的應(yīng)用，直接影響到整個網(wǎng)頁設(shè)計(jì)的可視化和性能效果。在網(wǎng)頁設(shè)計(jì)中，排版設(shè)計(jì)采用圖形美學(xué)效果，將文字作為圖形元素來表達(dá)。在字體一般設(shè)置的基礎(chǔ)上，采用藝術(shù)手法對文本進(jìn)行設(shè)計(jì)排版，能更好地表現(xiàn)文本的視覺效果。

四、平面設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用案例

（一）實(shí)際案例問題

某些品牌在運(yùn)用平面設(shè)計(jì)展開網(wǎng)頁設(shè)計(jì)時(shí),并沒有將視覺、文字、色彩以及排版等元素考慮其中,最終出現(xiàn)以下幾種狀況。

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

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

（二）運(yùn)用方式

為了切實(shí)解決以上問題,并遵循平面設(shè)計(jì)在網(wǎng)頁中的運(yùn)用要求。我們在開始設(shè)計(jì)時(shí)應(yīng)考慮到平面設(shè)計(jì)元素在網(wǎng)頁設(shè)計(jì)中的重要性,并采取以下方式展開。

1.創(chuàng)新視覺設(shè)計(jì)，在對網(wǎng)頁視覺展開設(shè)計(jì)時(shí)，主要因素的便是圖片元素，這也是網(wǎng)頁設(shè)計(jì)誕生時(shí)最先融入的主要元素，在網(wǎng)頁設(shè)計(jì)中適宜圖片能夠?yàn)橐曈X效果起到美化作用，但在設(shè)計(jì)過程必須著重確定所用圖片的分辨率，盡可能選取分辨率與清晰度較高的圖片，這樣瀏覽用戶才能精準(zhǔn)分辨網(wǎng)頁中的核心內(nèi)容，滿足現(xiàn)代民眾對于網(wǎng)頁的視覺需求。

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

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

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

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

五、結(jié)語

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