論網頁設計與平面設計的(de)差異性

作者：龍 時(shí)間：2018-07-28 浏覽：

這(zhè)段時(shí)間，找了(le)份網頁設計師的(de)工作。從平面設計轉行過來(lái)的(de)我，時(shí)常在想，網頁設計和(hé)平面設計都是設計，但區(qū)别怎麽又是那麽大(dà)呢(ne)？就好比大(dà)自然中的(de)貓和(hé)老虎一樣，它們都屬于貓科動物(wù)，但又不是同一種生物(wù)，有著(zhe)很大(dà)的(de)差别。

同樣作爲視覺傳達設計，它們之間的(de)差異性究竟有多(duō)大(dà)呢(ne)？讓我們一起來(lái)看看吧！

1.視覺元素

在色彩方面平面設計與網頁設計使用(yòng)的(de)色彩模式完全不同，平面設計因爲後期的(de)實現依賴于印刷，所以采用(yòng)CMYK的(de)色彩模式，而網頁根據其顯像方式使用(yòng)RGB的(de)色彩模式。平面設計時(shí)的(de)色彩運用(yòng)注重視覺的(de)沖擊力及視覺流的(de)引導(在這(zhè)點上與網頁設計中的(de)BANNER設計相類似)，而網頁設計(産品類)更注重的(de)是信息結構關系的(de)梳理(lǐ)，如果将色彩運用(yòng)的(de)過多(duō)過強，很容易引起視覺的(de)疲勞感。

我們平時(shí)在設計過程中，平面設計的(de)字體選用(yòng)更爲自由一些，不用(yòng)擔心後期實現的(de)問題，所有的(de)文字最後都會輸出爲圖形進行印刷，而網頁設計就需要考慮的(de)更爲全面，并且在字體的(de)選用(yòng)範圍上也(yě)很小，爲了(le)讓輸出的(de)成品大(dà)小不對(duì)服務器造成壓力，基于html的(de)特性，所有字體都是根據用(yòng)戶操作系統内默認字體而定的(de)，當然近年随著(zhe)技術的(de)沿革與發展，這(zhè)個(gè)差距也(yě)逐步在縮小，目前通(tōng)過html5的(de)API可(kě)以實現個(gè)性化(huà)字體的(de)使用(yòng)而不需要将個(gè)性化(huà)的(de)字體最終輸出爲圖形，在不增加後端壓力的(de)同時(shí)，大(dà)大(dà)提升了(le)用(yòng)戶體驗，非常贊。

從圖形使用(yòng)上，平面設計比網頁設計豐富，表現方式也(yě)多(duō)樣化(huà)，特别是對(duì)于産品類的(de)網頁設計，模塊化(huà)的(de)設計思路更爲明(míng)顯，在視覺表現上也(yě)是如此，平面對(duì)于圖形的(de)表現是不需要考慮到後期的(de)實現的(de)，在一點上是有目共睹的(de)。在來(lái)說一下(xià)咱們設計時(shí)使用(yòng)的(de)尺寸單位問題，平面設計在使用(yòng)尺寸标注時(shí)都用(yòng)的(de)是物(wù)理(lǐ)尺寸的(de)概念，比如英寸，厘米，毫米等，而網頁使用(yòng)的(de)像素。

2.呈現方式

3.信息載體

4.浏覽方式

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

5.信息傳播

平面設計屬于比較傳統的(de)信息媒介設計，一般會通(tōng)過張貼、銷售、郵寄派送等形式進行傳播，這(zhè)樣傳播的(de)方式範圍小且成本較高(gāo)，相對(duì)而言在這(zhè)方面網頁設計的(de)信息傳播能力卻非常的(de)強，但依賴于第三方媒介的(de)支持，平面設計卻擁有更爲廣泛的(de)受衆人(rén)群，不同的(de)年齡層對(duì)于紙張或書(shū)本的(de)信息接受能力總是強于網絡媒體的(de)，畢竟網絡信息獲取的(de)将會存在一個(gè)學習(xí)成本，在今後網絡信息的(de)不斷普及以及終端媒介用(yòng)戶體驗的(de)不斷提升，在受衆人(rén)群方面在我看來(lái)差距會越來(lái)越小。

這(zhè)兩種設計形式擁有著(zhe)不同的(de)用(yòng)戶體驗，我們應該根據不同設計内容，選擇正确的(de)設計形式提升用(yòng)戶體驗，以上這(zhè)些隻是個(gè)人(rén)對(duì)平面與網頁設計的(de)一些粗淺認識，望大(dà)家多(duō)指教！！！