這段時間,一直在做印像派的商品設計,如照片書、檯曆之類。從網頁產品設計轉行過來的我,時常在想,平面設計和網頁都是設計,但區別又是那麼大,那不就與大自然中的貓和老虎一樣嘛,它們都屬於貓科動物,但又不是同一種生物,有著很大的差別。
現在就讓我們來分析一下同樣作為視覺傳達設計,她們之間的差異性。

名 詞 解 釋 :網頁設計 (Web Page Desing)
網頁設計是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過網際網路傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽..more

1.視覺元素

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

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

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

2.呈現方式

3.訊息載體

4.瀏覽方式

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

5.訊息傳播

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

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

 參考來源:uedc.163
更多

Related Posts

專欄文摘

強力改善網站效能的10個PHP程式開發技巧

這篇文章中的建議涵蓋了大部分PHP語法性能方面的問題。如果你是做一些小 Read more...

專欄文摘

小企業借助社群媒體發展茁壯的方法

社群媒體(Social Media),社會性媒體,指允許人們撰寫、分享 Read more...

專欄文摘

網路開店已老套, 開社群商務就對了!

未來電子商務市場要如何成長?做團購網站還會有未來嗎?購物網站論壇無論怎 Read more...