您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

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

這段時(shí)間,一直在做印像派的商品設(shè)計(jì),如照片書、臺(tái)歷之類。從網(wǎng)頁產(chǎn)品設(shè)計(jì)轉(zhuǎn)行過來的我,時(shí)常在想,平面設(shè)計(jì)和網(wǎng)頁都是設(shè)計(jì),但區(qū)別又是那么大,那不就與大自然中的貓和老虎一樣嘛,它們都屬于貓科動(dòng)物,但又不是同一種生物,有著很大的差別。

 

現(xiàn)在就讓我們來分析一下同樣作為視覺傳達(dá)設(shè)計(jì),她們之間的差異性。

1.視覺元素

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

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

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

2.呈現(xiàn)方式


3.信息載體

4.瀏覽方式

 

 

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

 

5.信息傳播

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

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1136.html
如何做一個(gè)有趣的設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)師需掌握的6種能力
圖趣網(wǎng)微信
建議反饋
×