DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 視覺傳達設計:平面設計和網頁設計的區別
視覺傳達設計:平面設計和網頁設計的區別
編輯:關於網頁技巧     

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

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

1.視覺元素

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

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

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

2.呈現方式


3.信息載體

4.浏覽方式

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

5.信息傳播

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved