淺析平面與網(wǎng)頁(yè)設(shè)計(jì)的差異性
這段時(shí)間,一直在做印像派的商品設(shè)計(jì),如照片書(shū)、臺(tái)歷之類(lèi)。從網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)轉(zhuǎn)行過(guò)來(lái)的我,時(shí)常在想,平面設(shè)計(jì)和網(wǎng)頁(yè)都是設(shè)計(jì),但區(qū)別又是那么大,那不就與大自然中的貓和老虎一樣嘛,它們都屬于貓科動(dòng)物,但又不是同一種生物,有著很大的差別。
現(xiàn)在就讓我們來(lái)分析一下同樣作為視覺(jué)傳達(dá)設(shè)計(jì),她們之間的差異性。
1.視覺(jué)元素
在色彩方面平面設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)使用的色彩模式完全不同,平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴(lài)于印刷,所以采用CMYK的色彩模式,而網(wǎng)頁(yè)根據(jù)其顯像方式使用 RGB的色彩模式。平面設(shè)計(jì)時(shí)的色彩運(yùn)用注重視覺(jué)的沖擊力及視覺(jué)流的引導(dǎo)(在這點(diǎn)上與網(wǎng)頁(yè)設(shè)計(jì)中的BANNER設(shè)計(jì)相類(lèi)似),而網(wǎng)頁(yè)設(shè)計(jì)(產(chǎn)品類(lèi))更注重 的是信息結(jié)構(gòu)關(guān)系的梳理,如果將色彩運(yùn)用的過(guò)多過(guò)強(qiáng),很容易引起視覺(jué)的疲勞感。
我們平時(shí)在設(shè)計(jì)過(guò)程中,平面設(shè)計(jì)的字體選用更為自由一些,不用擔(dān)心后期實(shí)現(xiàn)的問(wèn)題,所有的文字最后都會(huì)輸出為圖形進(jìn)行印刷,而網(wǎng)頁(yè)設(shè)計(jì)就需要考慮的 更為全面,并且在字體的選用范圍上也很小,為了讓輸出的成品大小不對(duì)服務(wù)器造成壓力,基于html的特性,所有字體都是根據(jù)用戶(hù)操作系統(tǒng)內(nèi)默認(rèn)字體而定 的,當(dāng)然近年隨著技術(shù)的沿革與發(fā)展,這個(gè)差距也逐步在縮小,目前通過(guò)html5的API可以實(shí)現(xiàn)個(gè)性化字體的使用而不需要將個(gè)性化的字體最終輸出為圖形, 在不增加后端壓力的同時(shí),大大提升了用戶(hù)體驗(yàn),非常贊。
從圖形使用上,平面設(shè)計(jì)比網(wǎng)頁(yè)設(shè)計(jì)豐富,表現(xiàn)方式也多樣化,特別是對(duì)于產(chǎn)品類(lèi)的網(wǎng)頁(yè)設(shè)計(jì),模塊化的設(shè)計(jì)思路更為明顯,在視覺(jué)表現(xiàn)上也是如此,平面對(duì) 于圖形的表現(xiàn)是不需要考慮到后期的實(shí)現(xiàn)的,在一點(diǎn)上是有目共睹的。在來(lái)說(shuō)一下咱們?cè)O(shè)計(jì)時(shí)使用的尺寸單位問(wèn)題,平面設(shè)計(jì)在使用尺寸標(biāo)注時(shí)都用的是物理尺寸的 概念,比如英寸,厘米,毫米等,而網(wǎng)頁(yè)使用的像素。
2.呈現(xiàn)方式
3.信息載體
4.瀏覽方式
平面設(shè)計(jì)的屬于漸進(jìn)式的瀏覽方式,無(wú)法對(duì)整個(gè)瀏覽的過(guò)程進(jìn)行多樣化串聯(lián),網(wǎng)頁(yè)設(shè)計(jì)擁有滾動(dòng)條下拉、按鈕鏈接跳轉(zhuǎn)等多樣化的瀏覽信息方式,在擁有同樣 一種信息架構(gòu)的條件下,信息之間的串聯(lián)性更為豐富,用戶(hù)選擇信息的自由度更大,但平面設(shè)計(jì)也自然有其優(yōu)勢(shì)所在,比如平時(shí)我在設(shè)計(jì)照片書(shū)這類(lèi)產(chǎn)品的時(shí)候,就 很明顯的發(fā)現(xiàn),這一類(lèi)的產(chǎn)品在電腦顯示器上進(jìn)行翻閱,不如印刷成為一個(gè)真實(shí)的書(shū)本來(lái)翻閱感受要更好一些,并且更具有收藏及紀(jì)念意義。
5.信息傳播
平面設(shè)計(jì)屬于比較傳統(tǒng)的信息媒介設(shè)計(jì),一般會(huì)通過(guò)張貼、銷(xiāo)售、郵寄派送等形式進(jìn)行傳播,這樣傳播的方式范圍小且成本較高,相對(duì)而言在這方面網(wǎng)頁(yè)設(shè)計(jì) 的信息傳播能力卻非常的強(qiáng),但依賴(lài)于第三方媒介的支持,平面設(shè)計(jì)卻擁有更為廣泛的受眾人群,不同的年齡層對(duì)于紙張或書(shū)本的信息接受能力總是強(qiáng)于網(wǎng)絡(luò)媒體 的,畢竟網(wǎng)絡(luò)信息獲取的將會(huì)存在一個(gè)學(xué)習(xí)成本,在今后網(wǎng)絡(luò)信息的不斷普及以及終端媒介用戶(hù)體驗(yàn)的不斷提升,在受眾人群方面在我看來(lái)差距會(huì)越來(lái)越小。
這兩種設(shè)計(jì)形式擁有著不同的用戶(hù)體驗(yàn),我們應(yīng)該根據(jù)不同設(shè)計(jì)內(nèi)容,選擇正確的設(shè)計(jì)形式提升用戶(hù)體驗(yàn),以上這些只是個(gè)人對(duì)平面與網(wǎng)頁(yè)設(shè)計(jì)的一些粗淺認(rèn) 識(shí),也作為拋磚引玉希望大家能分享出自己對(duì)于設(shè)計(jì)的想法,引用一段平面設(shè)計(jì)大師陳幼堅(jiān)的一段話(huà)“做創(chuàng)意最重要就是定位清晰,如果定位清楚目標(biāo)明確,很多創(chuàng) 意就會(huì)自然創(chuàng)造出來(lái)。這就好像你想找一個(gè)喜歡的姑娘,就跑到酒吧去張望,這太麻煩了。要先確定你要找什么樣的女孩子,到酒吧就指,哦,這個(gè),那個(gè)。——多 簡(jiǎn)單!”
本文地址:http://m.likemindfilms.com/tutorial/di1136.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏