【 設計理論】淺析平面設計與網頁設計的差異性分析 | PS筆刷工廠-

淺析平面設計與網頁設計的差異性分析

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章，寫教學的作者是佚名，感謝佚名提供設計理論的實作教學。

教學大綱:

這段時間，一直在做印像派的商品設計，如照片書、台曆之類。從網頁產品設計轉行過來的我，時常在想，平面設計和網頁都是設計，但區別又是那麼大，那不就與大自然中的貓和老虎一樣嘛，它們都屬於貓科動物，但又不是同一種生物，有着很大的差別。

設計理論教學開始

這段時間，一直在做印像派的商品設計，如照片書、台曆之類。從網頁產品設計轉行過來的我，時常在想，平面設計和網頁都是設計，但區別又是那麼大，那不就與大自然中的貓和老虎一樣嘛，它們都屬於貓科動物，但又不是同一種生物，有着很大的差別。

現在就讓我們來分析一下同樣作為視覺傳達設計，她們之間的差異性。

1.視覺元素

在色彩方面平面設計與網頁設計使用的色彩模式完全不同，平面設計因為後期的實現依賴於印刷，所以採用CMYK的色彩模式，而網頁根據其顯像方式使用RGB的色彩模式。平面設計時的色彩運用注重視覺的衝擊力及視覺流的引導(在這點上與網頁設計中的BANNER設計相類似)，而網頁設計(產品類)更注重的是信息結構關係的梳理，如果將色彩運用的過多過強，很容易引起視覺的疲勞感。

我們平時在設計過程中，平面設計的字體選用更為自由一些，不用擔心後期實現的問題，所有的文字最後都會輸出為圖形進行印刷，而網頁設計就需要考慮的更為全面，並且在字體的選用範圍上也很小，為了讓輸出的成品大小不對服務器造成壓力，基於html的特性，所有字體都是根據用戶操作系統內默認字體而定的，當然近年隨着技術的沿革與發展，這個差距也逐步在縮小，目前通過html5的API可以實現個性化字體的使用而不需要將個性化的字體最終輸出為圖形，在不增加後端壓力的同時，大大提升了用戶體驗，非常贊。

從圖形使用上，平面設計比網頁設計豐富，表現方式也多樣化，特別是對於產品類的網頁設計，模塊化的設計思路更為明顯，在視覺表現上也是如此，平面對於圖形的表現是不需要考慮到後期的實現的，在一點上是有目共睹的。在來說一下咱們設計時使用的尺寸單位問題，平面設計在使用尺寸標註時都用的是物理尺寸的概念，比如英寸，厘米，毫米等，而網頁使用的像素。

2.呈現方式

3.信息載體

4.瀏覽方式

平面設計的屬於漸進式的瀏覽方式，無法對整個瀏覽的過程進行多樣化串聯，網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯性更為豐富，用戶選擇信息的自由度更大，但平面設計也自然有其優勢所在，比如平時我在設計照片書這類產品的時候，就很明顯的發現，這一類的產品在電腦顯示器上進行翻閱，不如印刷成為一個真實的書本來翻閱感受要更好一些，並且更具有收藏及紀念意義。

5.信息傳播

平面設計屬於比較傳統的信息媒介設計，一般會通過張貼、銷售、郵寄派送等形式進行傳播，這樣傳播的方式範圍小且成本較高，相對而言在這方面網頁設計的信息傳播能力卻非常的強，但依賴於第三方媒介的支持，平面設計卻擁有更為廣泛的受眾人群，不同的年齡層對於紙張或書本的信息接受能力總是強於網絡媒體的，畢竟網絡信息獲取的將會存在一個學習成本，在今後網絡信息的不斷普及以及終端媒介用戶體驗的不斷提升，在受眾人群方面在我看來差距會越來越小。

這兩種設計形式擁有着不同的用戶體驗，我們應該根據不同設計內容，選擇正確的設計形式提升用戶體驗，以上這些只是個人對平面與網頁設計的一些粗淺認識，也作為拋磚引玉希望大家能分享出自己對於設計的想法，引用一段平面設計大師陳幼堅的一段話“做創意最重要就是定位清晰，如果定位清楚目標明確，很多創意就會自然創造出來。這就好像你想找一個喜歡的姑娘，就跑到酒吧去張望，這太麻煩了。要先確定你要找什麼樣的女孩子，到酒吧就指，哦，這個，那個。——多簡單!”

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 淺析平面設計與網頁設計的差異性分析