淺析平面與網(wǎng)頁設(shè)計的差異性

cc:這段時間,一直在做印像派的商品設(shè)計,如照片書、臺歷之類。從網(wǎng)頁產(chǎn)品設(shè)計轉(zhuǎn)行過來的我,時常在想,平面設(shè)計和網(wǎng)頁都是設(shè)計,但區(qū)別又是那么大,那不就與大自然中的貓和老虎一樣嘛,它們都屬于貓科動物,但又不是同一種生物,有著很大的差別。
現(xiàn)在就讓我們來分析一下同樣作為視覺傳達(dá)設(shè)計,她們之間的差異性。

推薦閱讀:
《設(shè)計平均律:讓網(wǎng)頁在各式終端“奏響美妙樂章”!》
《這20種平面設(shè)計理論你知道嗎》
《“中國式設(shè)計”的三個方向》

1.視覺元素

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

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

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

2.呈現(xiàn)方式

淺析平面與網(wǎng)頁設(shè)計的差異性

3.信息載體

淺析平面與網(wǎng)頁設(shè)計的差異性

4.瀏覽方式

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

5.信息傳播

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

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

原文地址:uedc.163
作者:CC

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊:網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/
設(shè)計微博:擁有粉絲量60萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

淺析平面與網(wǎng)頁設(shè)計的差異性
 

收藏 3
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。