前言：中文期刊網(wǎng)精心挑選了網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文供你參考和學(xué)習(xí)，希望我們的參考范文能激發(fā)你的文章創(chuàng)作靈感，歡迎閱讀。

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文1

關(guān)鍵詞：網(wǎng)頁界面設(shè)計(jì) 平面設(shè)計(jì) 色彩 版式設(shè)計(jì)、字體 圖形 瀏覽方式 信息傳播區(qū)別

中圖分類號：S611文獻(xiàn)標(biāo)識碼： A

最近一直在做網(wǎng)頁界面設(shè)計(jì)教學(xué)工作，其中很多學(xué)生問我，網(wǎng)頁界面設(shè)計(jì)就是平面設(shè)計(jì)嗎？當(dāng)時(shí)我告訴他們肯定是不一樣的。但是至于究竟哪些地方不一樣，卻沒有系統(tǒng)準(zhǔn)確的對學(xué)生解釋清楚。后來我時(shí)常再想這個(gè)問題，既然學(xué)生們都有這個(gè)疑問，那么肯定會有更多的網(wǎng)頁界面初學(xué)者都會有這個(gè)疑問，所以在這里，我想談?wù)劸W(wǎng)頁界面設(shè)計(jì)與平面設(shè)計(jì)的異同。

網(wǎng)頁界面設(shè)計(jì)和平面設(shè)計(jì)都是屬于設(shè)計(jì)，但是他們又有著很大的區(qū)別，那不就與大自然界的青蛙和蛤蟆一樣嗎？他們都屬于兩棲生物，但又不是同一種生物，差別那么大。

在網(wǎng)頁出現(xiàn)的早期，網(wǎng)頁設(shè)計(jì)是以功能性為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用，同時(shí)技術(shù)要求相對較低，易于實(shí)現(xiàn)，并且有較好的穩(wěn)定性，故而這種形式的界面在很長一段時(shí)間內(nèi)是人機(jī)交流的主要形式。隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁界面設(shè)計(jì)是用美和技術(shù)衡量生活的合理性。網(wǎng)頁界面設(shè)計(jì)是將藝術(shù)與技術(shù)融為一體的創(chuàng)造性活動。它包含了網(wǎng)頁視覺傳達(dá)設(shè)計(jì)和交互設(shè)計(jì)。

平面設(shè)計(jì)的過程，是設(shè)計(jì)者將思想和設(shè)計(jì)概念轉(zhuǎn)變?yōu)橐曈X符號形式的過程，即概念視覺化的過程，對信息的接收者來說，則是相反的過程，即視覺概念化的過程，貫穿和聯(lián)結(jié)兩個(gè)過程的是信息。

現(xiàn)在就讓我們來分析一下同樣視覺傳達(dá)設(shè)計(jì)，它們之間的差異性。

一、色彩模式

在色彩方面網(wǎng)頁界面設(shè)計(jì)與平面設(shè)計(jì)使用的色彩模式完全不同，平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴于印刷，所以采用CMYK的色彩模式，而網(wǎng)頁根據(jù)其顯像方式使用RGB的色彩模式。平面設(shè)計(jì)時(shí)的色彩運(yùn)用注重視覺的沖擊力及視覺流的引導(dǎo)(在這點(diǎn)上與網(wǎng)頁設(shè)計(jì)中的BANNER設(shè)計(jì)相類似)，而網(wǎng)頁設(shè)計(jì)(產(chǎn)品類)更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運(yùn)用的過多過強(qiáng)，很容易引起視覺的疲勞感。

二、版式設(shè)計(jì)

網(wǎng)頁界面的版式設(shè)計(jì)中，其比例關(guān)系一般體現(xiàn)在：頁面所限定空間的長寬比，實(shí)體內(nèi)容與虛空間（空白）的面積比，頁面被分割的比例，圖文的關(guān)系比以及各造型元素內(nèi)部的比例等形式上的數(shù)量關(guān)系。平面設(shè)計(jì)的節(jié)奏和韻律來自音樂的概念，節(jié)奏較多地強(qiáng)調(diào)“節(jié)拍”，韻律較多地強(qiáng)調(diào)“變化”，如果說韻律感不夠，是指缺少變化，過于呆板；如果說節(jié)奏感不強(qiáng)，是指變化缺乏條理規(guī)則。

三、字體應(yīng)用

在設(shè)計(jì)過程中，平面設(shè)計(jì)的字體選用更為自由一些，不用擔(dān)心后期實(shí)現(xiàn)的問題，所有的文字最后都會輸出為圖形進(jìn)行印刷，而網(wǎng)頁設(shè)計(jì)就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對服務(wù)器造成壓力，基于html的特性，所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認(rèn)字體而定的，當(dāng)然近年隨著技術(shù)的沿革與發(fā)展，這個(gè)差距也逐步在縮小，目前通過html5的API可以實(shí)現(xiàn)個(gè)性化字體的使用而不需要將個(gè)性化的字體最終輸出為圖形，在不增加后端壓力的同時(shí)，大大提升了用戶體驗(yàn)，非常不錯(cuò)。

四、圖形的使用

從圖形使用上，網(wǎng)頁設(shè)計(jì)不如平面設(shè)計(jì)，表現(xiàn)方式也相對少一些，特別是對于產(chǎn)品類的網(wǎng)頁設(shè)計(jì)，模塊化的設(shè)計(jì)思路尤其明顯，在視覺表現(xiàn)上也是如此，網(wǎng)頁界面的設(shè)計(jì)對于圖形的表現(xiàn)是需要考慮到后期實(shí)現(xiàn)的，這一點(diǎn)上是有目共睹的。設(shè)計(jì)時(shí)使用的尺寸單位：平面設(shè)計(jì)在使用尺寸標(biāo)注時(shí)都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而網(wǎng)頁使用的像素。

五、瀏覽方式

平面設(shè)計(jì)的屬于漸進(jìn)式的瀏覽方式，無法對整個(gè)瀏覽的過程進(jìn)行多樣化串聯(lián)，網(wǎng)頁設(shè)計(jì)擁有滾動條下拉、按鈕鏈接跳轉(zhuǎn)等多樣化的瀏覽信息方式，在擁有同樣一種信息架構(gòu)的條件下，信息之間的串聯(lián)性更為豐富，用戶選擇信息的自由度更大，但平面設(shè)計(jì)也自然有其優(yōu)勢所在，比如平時(shí)設(shè)計(jì)相冊這類產(chǎn)品的時(shí)候，就很明顯的發(fā)現(xiàn)，這一類的產(chǎn)品在電腦顯示器上進(jìn)行翻閱，不如印刷成為一個(gè)真實(shí)的書本來翻閱感受好，并且更具有收藏及紀(jì)念意義。

六、信息傳播

平面設(shè)計(jì)屬于比較傳統(tǒng)的信息媒介設(shè)計(jì)，一般會通過張貼、銷售、郵寄派送等形式進(jìn)行傳播，這樣傳播的方式范圍小且成本較高，相對而言在這方面網(wǎng)頁設(shè)計(jì)的信息傳播能力卻非常的強(qiáng)，但依賴于第三方媒介的支持。在網(wǎng)頁設(shè)計(jì)中，要求信息的發(fā)送者和接收者之間必須具備部分相同的信息知識背景，否則在兩者之間就必須存在一個(gè)翻譯或解說系統(tǒng)作為中間媒介來進(jìn)行溝通。平面設(shè)計(jì)卻擁有更為廣泛的受眾人群，不同的年齡層對于紙張或書本的信息接受能力總是強(qiáng)于網(wǎng)絡(luò)媒體的，畢竟網(wǎng)絡(luò)信息獲取的將會存在一個(gè)學(xué)習(xí)成本，在今后網(wǎng)絡(luò)信息的不斷普及以及終端媒介用戶體驗(yàn)的不斷提升，在受眾人群方面在我看來差距會越來越小。

此外，這兩種設(shè)計(jì)形式不但擁有不同的用戶體驗(yàn)，網(wǎng)頁界面設(shè)計(jì)還注重用戶互動的功能實(shí)現(xiàn)。網(wǎng)頁界面設(shè)計(jì)不僅能融入絢麗的動畫效果，還能插入視頻，這是平面設(shè)計(jì)不能體現(xiàn)的。談了這么多網(wǎng)頁界面設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別，希望能夠幫助大家進(jìn)一步認(rèn)識這兩種設(shè)計(jì)形式。

最后，我想說得是，設(shè)計(jì)形式?jīng)]有好壞之分，用戶不一樣，他們的選擇也就不一樣。

參考文獻(xiàn)：①蘆影 著 李硯祖 編《平面設(shè)計(jì)藝術(shù)》，[M] 中國人民大學(xué)出版社2005年01月

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文2

關(guān)鍵詞：平面設(shè)計(jì)；視覺元素；網(wǎng)頁設(shè)計(jì)

中圖分類號：J05 文獻(xiàn)標(biāo)識碼：A 文章編號：1005-5312（2013）17-0057-01

本文是以平面視覺元素作為網(wǎng)頁設(shè)計(jì)的主線，對網(wǎng)頁設(shè)計(jì)在國內(nèi)外的發(fā)展情況和視覺元素的構(gòu)成原理進(jìn)行了分析，著重分析了文字、圖像、色彩等視覺元素的不同特性及作用，如何運(yùn)用視覺元素還有運(yùn)用中存在的問題，還有平面視覺元素運(yùn)用中的變化和互動性。對文化和網(wǎng)頁設(shè)計(jì)中的視覺元素對網(wǎng)頁風(fēng)格的影響性做出分析，評價(jià)了網(wǎng)頁設(shè)計(jì)中的平面視覺元素可能對網(wǎng)頁的視覺效果產(chǎn)生的影響。

一、平面設(shè)計(jì)的概述

（一）平面設(shè)計(jì)的概念

自從人們對審美有了基本的認(rèn)識和需求開始，人類就開始使用圖形和文字來進(jìn)行敘述和交流。在這一過程中，人們漸漸地學(xué)會了處理文字、圖形以及這相互之間在視覺上面的關(guān)系，以求能夠體現(xiàn)出其中的美感，在這處理過程中所涉及到的最原始的文字、圖形和排版，就是最早的平面視覺元素。而現(xiàn)代的平面設(shè)計(jì)，指的是對二維空間中的各種元素的組合和布局，具體包括了圖形設(shè)計(jì)、字體設(shè)計(jì)、插圖、攝影和版面編排。

（二）平面設(shè)計(jì)的發(fā)展

現(xiàn)代的平面設(shè)計(jì)不只是簡單的文字和圖形的處理，還包括了圖形創(chuàng)意、色彩構(gòu)成、排版和字體設(shè)計(jì)。而在這其中最主要是要包括設(shè)計(jì)意圖，設(shè)計(jì)理念和設(shè)計(jì)思想，這些都是設(shè)計(jì)語言的精髓。

二、現(xiàn)代平面設(shè)計(jì)中的視覺元素

（一）網(wǎng)頁文字

文字是設(shè)計(jì)師做平面設(shè)計(jì)時(shí)的設(shè)計(jì)構(gòu)成要素之一，文字不只是一種符號語言，還有記錄信息的重要作用。同時(shí)，將文字圖形化也是近些年平面設(shè)計(jì)中常用的一種手法，尤其是漢字，極具美感，可塑性非常強(qiáng)。網(wǎng)頁設(shè)計(jì)是要在傳達(dá)信息的同時(shí)，能夠讓觀者產(chǎn)生感官上的美感，塑造出一種極富個(gè)人風(fēng)格以及藝術(shù)特色的視覺表現(xiàn)形式。作為信息傳達(dá)的主要手段，文字是網(wǎng)頁設(shè)計(jì)中不可或缺的元素，其在網(wǎng)頁中也占據(jù)著很大的面積，從這一點(diǎn)上來說，文字表現(xiàn)的好壞與否會對整個(gè)網(wǎng)頁的質(zhì)量產(chǎn)生影響。

文字還具有合適性、明確性和易讀性等特別，適當(dāng)?shù)奈淖中螒B(tài)和編排設(shè)計(jì)可以將界面的易讀程度大大提高。作為網(wǎng)頁設(shè)計(jì)的重要元素，字體的設(shè)計(jì)可以分為兩類，字母文字的設(shè)計(jì)和獨(dú)文字的設(shè)計(jì)，前者主要以西方文字為代表，后者主要以東方文字為代表。作為一名中國的設(shè)計(jì)師，要想在網(wǎng)頁設(shè)計(jì)中形成自己的視覺風(fēng)格視覺語言體系，首先就應(yīng)該從漢字入手，因?yàn)檫@是最能代表中國本土地文化的元素之一。

漢字作為平面設(shè)計(jì)中的一種表現(xiàn)元素，它的形式牲在不斷的變化著，并且產(chǎn)生了越來越強(qiáng)大的生命力。漢字將文字的三個(gè)基本特征，即表意性、象形性和符號性發(fā)揮到了極致，漢字的形態(tài)可以隨意變化來配合平面設(shè)計(jì)所要表達(dá)出的藝術(shù)效果。將獨(dú)立的文字作為網(wǎng)頁設(shè)計(jì)中的主體出現(xiàn)，將會表達(dá)出醒目和強(qiáng)烈的效果。

（二）網(wǎng)頁圖形

在網(wǎng)頁頁面的構(gòu)成中，圖片所占的比例是非常大的，其對人所產(chǎn)生的視覺沖擊力也強(qiáng)于相對同等面積的文字。當(dāng)然，這并不是說我們可以忽略文字的表現(xiàn)力，而是讓圖片可以輔助文字來傳達(dá)信息，幫助人們理解，加深人們的印象。在網(wǎng)頁設(shè)計(jì)中應(yīng)用圖片，可以讓網(wǎng)頁在傳遞信息時(shí)內(nèi)容更加豐富多樣，其所傳達(dá)的信息量也變得更大，而且還可以使網(wǎng)頁頁面更加美化。設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁時(shí)，要將圖形與文字融合、轉(zhuǎn)化，組合成新的視覺語言，這樣可以達(dá)到更好的視覺效果。

（三）網(wǎng)頁色彩

色彩的視覺語言包括了象征性、理想性和和諧性的特點(diǎn)。象征性指的是色彩本身具有的性格特征，比如藍(lán)色代表的是憂郁，紅色象征著熱情；理想性指的是設(shè)計(jì)師可以對自然物象的色彩進(jìn)行改變，比如將月亮處理成綠色。而色彩設(shè)計(jì)的和諧性指的是在運(yùn)用色彩時(shí)要連續(xù)與和諧，這樣才能突出重點(diǎn)、表現(xiàn)主題。網(wǎng)頁頁面的設(shè)計(jì)中的創(chuàng)意不僅僅是體現(xiàn)在對視覺元素語言的理解上面，更重要的是能夠?qū)⒁曈X元素語言進(jìn)行升華。這樣才會給觀者帶來強(qiáng)烈的視覺沖擊，讓人們在感受到美的同時(shí)，深刻地理解到設(shè)計(jì)所希望表達(dá)的思想。

三、結(jié)束語

從某種意義上來說，網(wǎng)頁設(shè)計(jì)將傳統(tǒng)的二維空間的靜態(tài)形式給打破了，為平面的設(shè)計(jì)帶來了更多形式的表現(xiàn)形式，這樣才能夠更好地滿足信息化社會中網(wǎng)頁閱讀者的閱讀興趣和閱讀效率。為了達(dá)到以上的效果，設(shè)計(jì)師們應(yīng)該采用更加豐富、更具個(gè)性的方法將平面視覺元素?zé)o用到網(wǎng)頁設(shè)計(jì)中去。

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文3

在互聯(lián)網(wǎng)技術(shù)和計(jì)算機(jī)高速發(fā)展的今天，網(wǎng)絡(luò)媒介已經(jīng)成為真正全方位融入我們生活。與傳統(tǒng)媒介相比較，新媒介在技術(shù)與傳達(dá)形式均有其自身的特點(diǎn)。在依靠網(wǎng)絡(luò)技術(shù)支持的這個(gè)新的信息傳達(dá)的平臺上，視覺傳達(dá)設(shè)計(jì)必將出現(xiàn)與之相適應(yīng)的新的平面設(shè)計(jì)的表現(xiàn)形式。

1、傳統(tǒng)媒介形式的轉(zhuǎn)移

新媒介的平面設(shè)計(jì)是隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展而發(fā)展起來的一種視覺傳達(dá)設(shè)計(jì)的一個(gè)新趨勢與新動向，在它發(fā)展出自己獨(dú)特的形式之前，都不可避免的要經(jīng)歷對以傳統(tǒng)媒介為基礎(chǔ)的視覺傳達(dá)設(shè)計(jì)的形式的繼承和模仿階段，基于新媒介的平面設(shè)計(jì)的實(shí)踐，目前還處在一個(gè)繼承和模仿的階段。平面設(shè)計(jì)的元素、影視視聽設(shè)計(jì)的元素以及它們的表現(xiàn)形態(tài)都可能為新媒介平面設(shè)計(jì)所用和模仿。比如電子雜志，它的形式基本沿用傳統(tǒng)紙媒介的設(shè)計(jì)方式，甚至連雜志的翻頁方式也是模仿書頁的翻動方式。

2、平面設(shè)計(jì)的新形式

我們正處于一個(gè)從單一紙媒介向屏幕媒體為主的多媒體發(fā)展過度的時(shí)代，平面設(shè)計(jì)的視覺元素——版面、字體、圖形、色彩，也不可避免地受到了載體的影響。

2.1 版面。由于受到界面信息量或者設(shè)計(jì)者意圖的影響，網(wǎng)頁的版面采用拖動頁面滾動條方式來瀏覽網(wǎng)頁內(nèi)容。根據(jù)瀏覽者的閱讀習(xí)慣，通常情況下運(yùn)用縱向的滾動條拖動頁面。從內(nèi)容的易讀性出發(fā)，網(wǎng)頁的版面設(shè)計(jì)采取分欄布局來提高閱讀的效率。

2.2 文字。文字是視覺信息的重要組成部分，它是連續(xù)的，貫穿著整個(gè)視覺信息中最為整體的視覺元素。新媒介載體閱讀的文本與傳統(tǒng)文本結(jié)構(gòu)相同，但是鏈接排列方式上發(fā)生了變化，我們稱這種文本為“超文本”。“超文本”(byPertext)超文本這個(gè)詞指的是互聯(lián)程度很高的文字?jǐn)⑹觯蚓哂袃?nèi)在聯(lián)系的信息。這個(gè)構(gòu)想脫胎于道格拉斯.恩格巴特(DouglasEnglebart)在斯但福研究院所作的實(shí)驗(yàn)[1]。它是“可以由讀者進(jìn)行選擇并通過屏幕界面來閱讀的文字”。

在瀏覽器中，超文字的鏈接通常用不同的字體或顏色把詞或短語凸顯出來。超文字連接創(chuàng)設(shè)了一種分支的或網(wǎng)狀的結(jié)構(gòu)，可以直接地、快捷的步驟得到相關(guān)的資訊。超文本中的信息按某種關(guān)系組織、存儲、管理，以便讀者瀏覽。超文本建立是網(wǎng)狀的、非線性的系統(tǒng)。這與我們傳統(tǒng)的閱讀思維和文本的線性系統(tǒng)是大相徑庭的。

2.3 圖形。圖形是網(wǎng)頁設(shè)計(jì)與印刷類平面設(shè)計(jì)的重要元素。圖形是設(shè)計(jì)者通過可視性的設(shè)計(jì)形態(tài)來表達(dá)創(chuàng)造性的意念，也就是說圖形是給設(shè)計(jì)思想以形狀，使設(shè)計(jì)造型成為傳達(dá)信息的載體，并且能夠通過印刷及各種媒體進(jìn)行大量復(fù)制和廣泛傳播的視覺形式。新媒體設(shè)計(jì)和印刷類平面設(shè)計(jì)中的圖形具有符號和寓意的功能，它們可以傳達(dá)其附載的信息從而賦予網(wǎng)頁設(shè)計(jì)和印刷類平面設(shè)計(jì)更多的內(nèi)涵。在網(wǎng)頁設(shè)計(jì)中，圖形能夠引導(dǎo)人們的視覺走向，并且很多圖形具有交互和導(dǎo)航功能的，將這種功能完美地融入圖形中，可以產(chǎn)生一種趨于自然的交互方式。

2.4 色彩。色彩是平面設(shè)計(jì)中至關(guān)重要的視覺元素之一。“顏色的感覺依靠眼的功能，是生理現(xiàn)象，同時(shí)通過感覺的沖擊對心理起作用”[2]。色彩對人感知事物有著重要的影響。在網(wǎng)頁設(shè)計(jì)中，色彩具有獨(dú)特的力量，它能夠傳達(dá)情感，引起人們的心理共鳴。色彩設(shè)計(jì)既是網(wǎng)頁設(shè)計(jì)有形的語言，又是視覺信息傳達(dá)的重要手段和方式。在網(wǎng)頁設(shè)計(jì)中，根據(jù)平面設(shè)計(jì)和諧、均衡和重點(diǎn)突出的形式原則，將不同的色彩進(jìn)行組合、搭配構(gòu)成精彩的頁面。

2.5 網(wǎng)頁界面的視覺元素——交互、動態(tài)元素。網(wǎng)頁界面獨(dú)特的視覺元素大致分為兩種：交互元素和動態(tài)元素。交互元素包括具備交互功能的熱區(qū)和表單；動態(tài)元素包括聲音、動畫；視頻文件等。交互元素是平面視覺元素與交互技術(shù)的結(jié)合，動態(tài)元素是平面視覺元素與多媒體影視技術(shù)的結(jié)合，兩者都是與傳統(tǒng)平面視覺元素結(jié)合信息技術(shù)的產(chǎn)物。

3、結(jié)語

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文4

【關(guān)鍵詞】網(wǎng)站建設(shè) 平面設(shè)計(jì) 技術(shù) 結(jié)合

網(wǎng)站在建設(shè)的過程中，平面設(shè)計(jì)需要專業(yè)技術(shù)人員精心策劃和研究，這有這樣才能滿足客戶對網(wǎng)站建設(shè)的要求。網(wǎng)站建設(shè)主要是指專業(yè)人員使用標(biāo)識語言（markup language），經(jīng)過一系列的設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)來進(jìn)行傳輸，從而形成以圖形用戶界面（GUI）的形式被瀏覽用戶所使用。因此，在網(wǎng)站建設(shè)中，需要平面設(shè)計(jì)與技術(shù)進(jìn)行有機(jī)結(jié)合，為用戶設(shè)建設(shè)出性能較為優(yōu)良的網(wǎng)站。

1 網(wǎng)站建設(shè)的主要知識內(nèi)容

從網(wǎng)站建設(shè)的功能方面來講，它主要可以分為兩種網(wǎng)頁的制作，一種屬于靜態(tài)網(wǎng)頁，另一種是動態(tài)網(wǎng)頁。這二者之間的主要差別就在于程序在網(wǎng)絡(luò)服務(wù)器中的運(yùn)行情況。一般情況下，靜態(tài)網(wǎng)頁在網(wǎng)站中是對一種產(chǎn)品的說明以及產(chǎn)品的效果，而動態(tài)網(wǎng)頁在網(wǎng)站中主要是對一種產(chǎn)品的使用功能和操作數(shù)據(jù)進(jìn)行說明。

在網(wǎng)站建設(shè)中，靜態(tài)網(wǎng)頁在平面設(shè)計(jì)中比較簡單，如果想要使得網(wǎng)站的網(wǎng)頁具備一些特有的功能，這就需要相應(yīng)技術(shù)的使用，使網(wǎng)站的網(wǎng)頁更具有一定的實(shí)用性。網(wǎng)站在建設(shè)的過程中，Adobe Dream Weaver在平面設(shè)計(jì)中，可以把一定的數(shù)據(jù)訪問庫進(jìn)行自動生成，把程序和數(shù)據(jù)庫聯(lián)接到一起，平面設(shè)計(jì)與技術(shù)進(jìn)行結(jié)合，完成對網(wǎng)站的建設(shè)。這樣網(wǎng)站建設(shè)具有廣泛的功能性，同時(shí)也會使網(wǎng)站在外形看起來更加美觀適用。

2 當(dāng)前網(wǎng)站建設(shè)平面設(shè)計(jì)中存在的一些問題

2.1 在網(wǎng)站外觀設(shè)計(jì)方面

近些年，由于電子商務(wù)的發(fā)展比較迅速，一些網(wǎng)站在外觀設(shè)計(jì)方面與網(wǎng)站的自身性質(zhì)條件不相符合。網(wǎng)站在建設(shè)的過程中，客戶對網(wǎng)站的外觀設(shè)計(jì)方面的想法都有所不同，平面設(shè)計(jì)工作者應(yīng)該按照不同客戶的相關(guān)要求來對網(wǎng)站進(jìn)行設(shè)計(jì)。但是有一些網(wǎng)站的平面設(shè)計(jì)者為了節(jié)省時(shí)間，對其他網(wǎng)站上的外觀設(shè)計(jì)進(jìn)行模仿或抄襲，這就會給一些相關(guān)的電子商務(wù)網(wǎng)站造成不利影響，影響網(wǎng)站建設(shè)的發(fā)展，給相關(guān)產(chǎn)業(yè)得來麻煩。

2.2 在網(wǎng)站的圖片效果方面

網(wǎng)站建設(shè)中，圖片是平面設(shè)計(jì)中的重要部分之一。從當(dāng)前網(wǎng)站建設(shè)的情況來看，一些具有宣傳性質(zhì)的網(wǎng)站，圖片對企業(yè)產(chǎn)品資料宣傳的重要途徑，對于一些企業(yè)網(wǎng)站的發(fā)展有重要影響。但是，部分網(wǎng)站在圖片設(shè)計(jì)方面缺乏技術(shù)水準(zhǔn)，相關(guān)產(chǎn)品的清晰度不高，而且圖片效果根本達(dá)不到企業(yè)產(chǎn)品的要求。圖片效果在平面設(shè)計(jì)中，需要設(shè)計(jì)者掌握一定的技術(shù)水準(zhǔn)，只有這樣才能保障圖片的效果質(zhì)量，從而推動網(wǎng)站建設(shè)的良好發(fā)展。

3 在網(wǎng)站建設(shè)中如何把平面設(shè)計(jì)與技術(shù)良好結(jié)合

網(wǎng)站在建設(shè)的過程中，平面設(shè)計(jì)可以利用人們的視覺效果把網(wǎng)站進(jìn)行良好表現(xiàn)。隨著IT產(chǎn)業(yè)的快速發(fā)展，平面設(shè)計(jì)可以為相關(guān)企業(yè)的產(chǎn)品創(chuàng)造更多的價(jià)值，以此來滿足現(xiàn)代社會中人類的需求。科學(xué)技術(shù)的不斷發(fā)展為平面設(shè)計(jì)提供了良好的技術(shù)支持，現(xiàn)代的動態(tài)網(wǎng)頁設(shè)計(jì)正在逐步取代傳統(tǒng)的靜態(tài)網(wǎng)頁。一些新興的程序語言編程的出現(xiàn)，例如，JSP、RUBY以及PHP等等，它們使得網(wǎng)站建設(shè)中的平面設(shè)計(jì)更具有技術(shù)含量。因此，下面會給出平面設(shè)計(jì)與網(wǎng)頁技術(shù)相結(jié)合的相關(guān)措施：

3.1 做好平面設(shè)計(jì)的交流工作

在網(wǎng)站建設(shè)的過程中，需要工作者操作的程序較為復(fù)雜，因此需要網(wǎng)站的相關(guān)設(shè)計(jì)人員做好平面設(shè)計(jì)的交流工作。只有這樣，網(wǎng)站工作者才能集思廣益，把平面設(shè)計(jì)與技術(shù)進(jìn)行完美結(jié)合，最終為網(wǎng)站用戶提供便捷而又高效的服務(wù)。平面設(shè)計(jì)之前，網(wǎng)站中的不同設(shè)計(jì)人員應(yīng)該進(jìn)行溝通，把網(wǎng)站用戶的要求放在首位，然后結(jié)合當(dāng)今的網(wǎng)絡(luò)技術(shù)，例如利用Adobe Dream Weaver和Flas技術(shù)，做好網(wǎng)站建設(shè)的工作。

3.2 按照客戶需求做好平面設(shè)計(jì)工作

網(wǎng)站的建設(shè)的過程中，相關(guān)客戶會對網(wǎng)頁設(shè)計(jì)提出特別的要求，因此平面實(shí)際工作者應(yīng)該按照客戶的要求進(jìn)行網(wǎng)頁設(shè)計(jì)。當(dāng)代的網(wǎng)站建設(shè)需要具有美化的外觀設(shè)計(jì)，這樣才能達(dá)到客戶對網(wǎng)站的視覺效果。例如，一些客戶要求網(wǎng)站具備圖文并茂，這時(shí)平面設(shè)計(jì)工作者就需要結(jié)合客戶企業(yè)的自身特點(diǎn)進(jìn)行設(shè)計(jì)，把圖片、音樂、文字有機(jī)的結(jié)合在一起，讓網(wǎng)站的外觀設(shè)計(jì)進(jìn)行優(yōu)化。相關(guān)網(wǎng)站的平面設(shè)計(jì)工作者應(yīng)該為客戶設(shè)計(jì)出不同的藍(lán)本，然后在提供給客戶，通過客戶的意見和建議對平面設(shè)計(jì)藍(lán)本進(jìn)行修改和調(diào)整，把新型技術(shù)結(jié)合到平面設(shè)計(jì)中，直到滿意網(wǎng)站客戶的需求為止。

3.3 把視覺元素融入到網(wǎng)站建設(shè)中

一些網(wǎng)站在使用的過程中，通常是通過人們的視覺感應(yīng)來傳達(dá)相關(guān)的信息和內(nèi)容，這主要是通過文字、色彩、圖像來表達(dá)的。隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和進(jìn)步，在網(wǎng)站的平面設(shè)計(jì)中，多媒體網(wǎng)頁經(jīng)常會被使用。一些網(wǎng)站在建設(shè)的過程中，網(wǎng)頁設(shè)計(jì)經(jīng)常會運(yùn)用到二維平面元素和三維平面元素，這樣網(wǎng)站的外觀設(shè)計(jì)就會更加直觀立體，從而凸顯出網(wǎng)站建設(shè)中平面設(shè)計(jì)與技術(shù)的完美結(jié)合。除此之外，網(wǎng)站建設(shè)中平面設(shè)計(jì)要結(jié)合動態(tài)網(wǎng)頁制作技術(shù)，使用現(xiàn)代數(shù)字科學(xué)技術(shù)然后在結(jié)合當(dāng)代的人文美學(xué)，設(shè)計(jì)出更多的網(wǎng)站精品元素，以此來滿足現(xiàn)代不同客戶的需求。

4 結(jié)束語

綜上所述，網(wǎng)站建設(shè)在我國是一個(gè)比較新興的產(chǎn)業(yè)，同時(shí)它在社會經(jīng)濟(jì)發(fā)展中占據(jù)著重要地位。在網(wǎng)站建設(shè)中平面設(shè)計(jì)發(fā)揮著重要意義，因此網(wǎng)站工作者在進(jìn)行平面設(shè)計(jì)時(shí)需要把現(xiàn)代的科學(xué)技術(shù)結(jié)合到其中，最終促進(jìn)網(wǎng)站建設(shè)的穩(wěn)步發(fā)展。

參考文獻(xiàn)

[1]金燕飛.談在網(wǎng)站建設(shè)中平面設(shè)計(jì)與技術(shù)的結(jié)合[J].河南科技，2014（15）：1.

[2]孫|.平面設(shè)計(jì)在網(wǎng)站建設(shè)中的應(yīng)用研究[J].山東工業(yè)技術(shù)，2014（22）：167-167.

[3]王麗芬，胡曉紅，張景峰等.平面設(shè)計(jì)課程學(xué)習(xí)園地的網(wǎng)站建設(shè)[J].電腦知識與技術(shù)，2010，06（33）：9256-9257，9276.

[4]寧毅.平面設(shè)計(jì)在網(wǎng)站建設(shè)中的靈活運(yùn)用[J].新課程（教育學(xué)術(shù)），2011（1）：201-202.

作者簡介

王軍（1970-），女，河南省鄭州市人。碩士學(xué)位。現(xiàn)為鄭州市科技工業(yè)學(xué)校教師。研究方向?yàn)樾畔⒓夹g(shù)。

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文5

一、相同點(diǎn)主要表現(xiàn)

1.平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)都是集藝術(shù)創(chuàng)作、電腦技術(shù)和數(shù)字技術(shù)于一體的，以“視覺”（包括符號、圖片和文字）作為溝通和表現(xiàn)方式的一種創(chuàng)造過程。設(shè)計(jì)師一般會利用字體排印、視覺藝術(shù)、版面編排（page layout）等方面的專業(yè)技巧，來達(dá)成創(chuàng)作計(jì)劃的目的。

2.它們都講求視覺上的快速、正確、有效的信息傳達(dá)，都在訴說一個(gè)理念或品牌，都具有商業(yè)價(jià)值，它們的目標(biāo)是信息、提示、促銷和產(chǎn)生連鎖反應(yīng)等。

二、不同點(diǎn)主要表現(xiàn)

1.設(shè)計(jì)實(shí)現(xiàn)的介質(zhì)不同。平面設(shè)計(jì)實(shí)現(xiàn)的載體具有多樣性，紙、塑料、布、木頭、金屬等，一般都與印刷有關(guān)，因此它受到印刷的限制最大，例如對印刷紙張的材質(zhì)、規(guī)格的要求、對顏色值的設(shè)定、對字體字號的要求等，最明顯的是印刷最小字體普遍使用識別性較好的有襯線字體。平面設(shè)計(jì)給人的體驗(yàn)主要來自視覺和觸覺兩個(gè)方面。網(wǎng)頁設(shè)計(jì)通過屏幕的顯示來實(shí)現(xiàn)，它與平面設(shè)計(jì)最大的區(qū)別是介入了多媒體技術(shù)的應(yīng)用，但同時(shí)受網(wǎng)速的制約。在文字處理上，屏幕的像素化顯示要求文字必須設(shè)置消除鋸齒來保證文字的識別性。網(wǎng)頁設(shè)計(jì)通過視覺和聽覺被用戶感知。

2.信息的承載量不同。平面設(shè)計(jì)的產(chǎn)出物包括海報(bào)、宣傳冊、雜志、包裝、廣告等，它們每一次所承載的內(nèi)容是相對有限的，而網(wǎng)頁設(shè)計(jì)每屏的信息承載量比平面設(shè)計(jì)大很多（因?yàn)榫W(wǎng)頁的滾動條可以無限拖動）。初學(xué)者往往為了突出推廣產(chǎn)品的品質(zhì)感，把對優(yōu)質(zhì)的產(chǎn)品圖，合適的人物、場景圖的選擇作為看作推廣視覺表達(dá)的最重要的環(huán)節(jié)。事實(shí)上，設(shè)計(jì)與繪畫一樣，當(dāng)停下來的任何時(shí)候它都應(yīng)該是完整的！

三、做平面設(shè)計(jì)的基本思路

1.項(xiàng)目背景分析。當(dāng)拿到一個(gè)項(xiàng)目時(shí)，首先要了解這個(gè)項(xiàng)目的背景，譬如企業(yè)發(fā)展概況、企業(yè)文化、產(chǎn)品、企業(yè)形象等，可以參照客戶提供的需求資料和公司的宣傳資料，從而形成對這個(gè)企業(yè)和項(xiàng)目的初步定位。

2.提煉概念。了解了項(xiàng)目的背景及客戶的需求之后，就要從中提煉出一些基本概念，如在設(shè)計(jì)時(shí)要展示哪些元素，哪些應(yīng)做為搶眼的元素等等。

3.思維發(fā)散。在確定了大致設(shè)計(jì)概念之后，就要大膽想象，發(fā)散思維，不能死板地局限于某個(gè)事物本身。找出各元素之間的關(guān)聯(lián)，進(jìn)行創(chuàng)意思維。

4.確定主體的背景元素。大致思路有了之后，就要確定背景元素，這時(shí)應(yīng)考慮色相、色調(diào)的問題。如這些元素應(yīng)放在什么樣的環(huán)境中，和什么場景搭配能夠形成一幅讓人有無窮想象空間的畫、一個(gè)故事和一個(gè)優(yōu)美的篇章。

5.構(gòu)思方案。任何想象和靈感都是在一念之間，所以在分析構(gòu)思之后，要形成一些文字性的東西，即寫出項(xiàng)目實(shí)施的方案。這樣便于設(shè)計(jì)師的后期制作，也便于和客戶進(jìn)行細(xì)致地交流和溝通。

6.素材收集。有了以上的整體設(shè)計(jì)框架，接下來就要收集素材。可以從客戶提供的資料中選取，也可以在互聯(lián)網(wǎng)找一些素材。在素材收集時(shí)，切記不能濫收集，收集得太多自己便沒有了注意，往往把設(shè)計(jì)當(dāng)成素材的堆積。

7.設(shè)計(jì)制作。有了構(gòu)思、方案和素材，接下來就要著手設(shè)計(jì)制作。在設(shè)計(jì)時(shí)要做到整體布局合理，配色和諧、統(tǒng)一，能夠凸顯重點(diǎn)，吸引顧客的眼球。最后做一些細(xì)節(jié)上的調(diào)整處理。

四、做網(wǎng)頁設(shè)計(jì)的基本思路

1.正確地理解需求的訴求點(diǎn)，并盡快達(dá)成共識。當(dāng)接到一個(gè)需求demo時(shí)，設(shè)計(jì)師應(yīng)該先獨(dú)立地解讀，包括：對需求訴求點(diǎn)的明確，頁面的整體氛圍的感受等，接下來就是對網(wǎng)頁設(shè)計(jì)新人而言比較有挑戰(zhàn)性的環(huán)節(jié)――需求溝通。由于知識結(jié)構(gòu)的不同，設(shè)計(jì)師和需求方對于同一個(gè)效果的認(rèn)識會不盡相同，這時(shí)可以進(jìn)入下一個(gè)環(huán)節(jié)。

2.明確頁面設(shè)計(jì)的主題，投放的環(huán)境等，確定設(shè)計(jì)的氛圍和色調(diào)。這個(gè)過程中應(yīng)該盡量多地讓需求方來描述她們所認(rèn)為的這個(gè)活動想傳達(dá)給人的感覺，設(shè)計(jì)師借此把這種感覺用關(guān)鍵的文字與需求方達(dá)成共識。

3.主題文字的確定，交付稿子的審核。經(jīng)過這兩步，設(shè)計(jì)師可以花半個(gè)到一個(gè)小時(shí)的時(shí)間勾勒下這個(gè)頁面的框架，包括構(gòu)圖，主題文字、元素的組合，行動點(diǎn)的安排等等，把第一個(gè)大致的稿子給需求方過一遍，進(jìn)一步的溝通和明確以后可以開始設(shè)計(jì)了。這樣做的好處是，設(shè)計(jì)的方向相當(dāng)明確。

網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)范文6

關(guān)鍵詞：新媒體　平面設(shè)計(jì)　創(chuàng)新

平面設(shè)計(jì)是一項(xiàng)綜合性的設(shè)計(jì)項(xiàng)目，是電腦、數(shù)字、美術(shù)與藝術(shù)相互融合，從而呈現(xiàn)出一幅完整的作品。新媒體的出現(xiàn)，為平面設(shè)計(jì)工作提供了足夠的資源，為設(shè)計(jì)工作提供有利于的工具和載體，致使平面設(shè)計(jì)工作趨于復(fù)雜化與信息化，設(shè)計(jì)形態(tài)發(fā)生質(zhì)的改變，受到了新媒體的巨大影響。多媒體時(shí)代的到來，3D，MAX、Photoshop、Flash、CorelDraw等被廣泛的應(yīng)用到平面設(shè)計(jì)中，對設(shè)計(jì)工作是一筆寶貴的財(cái)富。

一、新媒體下的平面設(shè)計(jì)

平面設(shè)計(jì)工作是現(xiàn)代社會的重要行業(yè)，諸多領(lǐng)域都離不開平面設(shè)計(jì)，社會的進(jìn)步，對平面設(shè)計(jì)的要求越來越高。傳統(tǒng)的平面設(shè)計(jì)以版式為主，是對整個(gè)作品輪廓的設(shè)定，實(shí)現(xiàn)對多種藝術(shù)元素的相互融合，以打造完整的設(shè)計(jì)作品。傳統(tǒng)的版式主要以紙質(zhì)印刷為主，通過對圖像、文字的創(chuàng)意性設(shè)計(jì)，帶給受眾個(gè)性化的感受。新時(shí)期，平面設(shè)計(jì)工作上升到了新的高度，設(shè)計(jì)師可以借助網(wǎng)絡(luò)媒體環(huán)境獲取足夠的信息資源，運(yùn)用3D，MAX、Photoshop、Flash、CorelDraw等軟件進(jìn)行設(shè)計(jì)工作，實(shí)現(xiàn)有靜態(tài)向動態(tài)的過渡，圖像、文字等的設(shè)計(jì)轉(zhuǎn)化為動態(tài)圖像，平面設(shè)計(jì)的流程相對復(fù)雜，借助新媒體平臺實(shí)現(xiàn)對作品的現(xiàn)代化設(shè)計(jì)。

二、新媒體在平面設(shè)計(jì)中的應(yīng)用

1.為平面設(shè)計(jì)提供網(wǎng)絡(luò)媒平臺

新媒體時(shí)代下，網(wǎng)絡(luò)已經(jīng)成為社會發(fā)展的重要支撐與媒介，各行各業(yè)的發(fā)展都離不開網(wǎng)絡(luò)，尤其是具有現(xiàn)代化與創(chuàng)新性氣息的平面設(shè)計(jì)工作。網(wǎng)絡(luò)藝術(shù)的出現(xiàn)，網(wǎng)頁藝術(shù)與網(wǎng)絡(luò)音樂等是其重要的產(chǎn)物，將網(wǎng)絡(luò)元素作為一種視覺性語言去對待，首先應(yīng)從設(shè)計(jì)作品的版面、外觀的個(gè)性化設(shè)計(jì)著手，是決定受眾關(guān)注度的首要因素。例如，當(dāng)設(shè)計(jì)師進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，受眾往往會先關(guān)注網(wǎng)頁的版式、主題與整體的視覺感等，既能達(dá)到宣傳網(wǎng)頁的目的，也能為受眾提供和諧之美。在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)強(qiáng)化對色彩的把握，大膽用色，能夠及時(shí)抓住受眾的心理，由點(diǎn)到線到面，能夠?qū)⒄麄€(gè)平面形態(tài)展示的生動形象、惟妙惟肖。以淘寶網(wǎng)店設(shè)計(jì)為例，以“原宿風(fēng)”風(fēng)格為主題的電子商店，在網(wǎng)頁設(shè)計(jì)上應(yīng)設(shè)計(jì)一種色彩鮮明、漸變質(zhì)感，重在對街頭藝術(shù)的展現(xiàn)，將不同的色彩融合在一起以形成視覺上的沖擊，是設(shè)計(jì)的一大特點(diǎn)。借助網(wǎng)絡(luò)平臺，能夠?qū)⑵矫嬖O(shè)計(jì)展現(xiàn)的更為生動、多彩，為平面設(shè)計(jì)提供充足的宣傳平臺。

2.實(shí)現(xiàn)平面設(shè)計(jì)的動畫藝術(shù)

動畫藝術(shù)的產(chǎn)生，是新時(shí)期平面設(shè)計(jì)藝術(shù)進(jìn)步與創(chuàng)新的重要體現(xiàn)，將整個(gè)平面形象變得更具活潑與動感，對平面設(shè)計(jì)整體藝術(shù)性的提升具有積極影響。動畫藝術(shù)在平面設(shè)計(jì)中的應(yīng)用，是將繪畫、電腦、動漫、音樂等多種藝術(shù)的強(qiáng)強(qiáng)聯(lián)合，動畫藝術(shù)的出現(xiàn)是媒體行業(yè)發(fā)展的產(chǎn)物。動畫片的產(chǎn)生，是由設(shè)計(jì)人員經(jīng)過不斷的平面設(shè)計(jì)而形成的，《冰河世紀(jì)》系類、《變形金剛》《功夫熊貓》等動畫片的制作，值得被平面設(shè)計(jì)師所借鑒，其從設(shè)計(jì)的模式到色彩的應(yīng)用是都恰到好處，仿佛給人以立體、真實(shí)質(zhì)感，在此基礎(chǔ)上進(jìn)行進(jìn)一步的探索，對平面設(shè)計(jì)行業(yè)的發(fā)展具有積極影響。

3.充分體現(xiàn)以人為本的理念

平面設(shè)計(jì)注重對視覺元素考慮的同時(shí)，應(yīng)將以人為本的理念滲透其中，將視覺、聽覺、觸覺等進(jìn)行充分的結(jié)合，以彰顯平面設(shè)計(jì)的活力。通過對受眾感官與心理的考慮，應(yīng)構(gòu)思更具人性化的圖案，根據(jù)受眾的意見進(jìn)行平面設(shè)計(jì)元素的添加，收集平面設(shè)計(jì)的靈感。很多用戶為了達(dá)到個(gè)性化的設(shè)置，要求將自己的圖片、聲音等要素融入到平面設(shè)計(jì)中去，能夠彰顯平面設(shè)計(jì)的人性化與獨(dú)特性，能夠大大吸引受眾，實(shí)現(xiàn)平面設(shè)計(jì)的價(jià)值。以可口可樂為例，進(jìn)行中國后，該企業(yè)要求設(shè)計(jì)中國版本的標(biāo)識，能夠增強(qiáng)中國受眾的關(guān)注度，從心理上達(dá)到誘導(dǎo)的目的，是人性化設(shè)計(jì)的充分體現(xiàn)。

三、結(jié)束語

綜上所述，新媒體的出現(xiàn)，象征著平面設(shè)計(jì)工作的創(chuàng)新與發(fā)展，將多媒體、數(shù)字化技術(shù)、互動技術(shù)等元素運(yùn)用到平面設(shè)計(jì)中去，能夠?qū)⑵矫嬖O(shè)計(jì)作品的形象呈現(xiàn)立體化、生動化，提高作品的價(jià)值。隨著信息科技的不斷革新，技術(shù)處于快速的更新?lián)Q代中，將傳統(tǒng)的平面設(shè)計(jì)形式與新媒體時(shí)代下的形式相融合，對平面設(shè)計(jì)領(lǐng)域可謂是一項(xiàng)重大挑戰(zhàn)，有利于促進(jìn)行業(yè)的進(jìn)步與發(fā)展。

參考文獻(xiàn)：

[1]初俏宜.淺談新媒體條件下的平面設(shè)計(jì)[J].中國包裝工業(yè)，2014，10(22)：16+18.