淺(qian)析·平面與(yu)網頁(ye)設計的(de)差異性
這段時間(jian),一(yi)直在(zai)(zai)做印像派的(de)商品設計,如(ru)照片書、臺歷之(zhi)類。從網(wang)頁(ye)產(chan)品設計轉行過(guo)來的(de)我,時常在(zai)(zai)想,平面設計和網(wang)頁(ye)都是(shi)(shi)設計,但區別又是(shi)(shi)那么大,那不就與大自然中的(de)貓(mao)(mao)和老虎一(yi)樣嘛(ma),它(ta)們都屬于貓(mao)(mao)科(ke)動(dong)物,但又不是(shi)(shi)同一(yi)種生物,有(you)著很大的(de)差別。
現在就讓我們來分析一下同樣作為視覺傳達設計,她們之間的差異性。
1.視覺元素
在(zai)色(se)彩(cai)方(fang)面(mian)平面(mian)設(she)計(ji)與網(wang)頁(ye)設(she)計(ji)使(shi)(shi)用(yong)的(de)(de)(de)(de)(de)(de)色(se)彩(cai)模(mo)式(shi)完全不(bu)同,平面(mian)設(she)計(ji)因(yin)為(wei)后期(qi)的(de)(de)(de)(de)(de)(de)實現依(yi)賴于印(yin)刷,所以(yi)采用(yong)CMYK的(de)(de)(de)(de)(de)(de)色(se)彩(cai)模(mo)式(shi),而網(wang)頁(ye)根據其顯(xian)像方(fang)式(shi)使(shi)(shi)用(yong)RGB的(de)(de)(de)(de)(de)(de)色(se)彩(cai)模(mo)式(shi)。平面(mian)設(she)計(ji)時(shi)的(de)(de)(de)(de)(de)(de)色(se)彩(cai)運用(yong)注重(zhong)視覺(jue)的(de)(de)(de)(de)(de)(de)沖擊力及視覺(jue)流的(de)(de)(de)(de)(de)(de)引(yin)(yin)導(在(zai)這點(dian)上與網(wang)頁(ye)設(she)計(ji)中的(de)(de)(de)(de)(de)(de)BANNER設(she)計(ji)相類似),而網(wang)頁(ye)設(she)計(ji)(產品(pin)類)更(geng)注重(zhong)的(de)(de)(de)(de)(de)(de)是信息結構(gou)關系的(de)(de)(de)(de)(de)(de)梳(shu)理(li),如果將色(se)彩(cai)運用(yong)的(de)(de)(de)(de)(de)(de)過(guo)(guo)多(duo)過(guo)(guo)強,很容(rong)易(yi)引(yin)(yin)起視覺(jue)的(de)(de)(de)(de)(de)(de)疲勞感。
我(wo)們(men)平(ping)時在設(she)計過(guo)程中(zhong),平(ping)面設(she)計的(de)字(zi)(zi)(zi)體(ti)(ti)選用更(geng)為(wei)(wei)(wei)自由一些,不用擔心后(hou)期實現(xian)的(de)問題,所有(you)的(de)文(wen)字(zi)(zi)(zi)最后(hou)都會(hui)輸(shu)出為(wei)(wei)(wei)圖形進行印刷,而(er)網頁設(she)計就需要考慮(lv)的(de)更(geng)為(wei)(wei)(wei)全面,并且在字(zi)(zi)(zi)體(ti)(ti)的(de)選用范圍上也(ye)(ye)很小,為(wei)(wei)(wei)了讓輸(shu)出的(de)成(cheng)品大小不對服務(wu)器造成(cheng)壓(ya)力,基于html的(de)特性,所有(you)字(zi)(zi)(zi)體(ti)(ti)都是根(gen)據用戶(hu)操(cao)作系統內默認字(zi)(zi)(zi)體(ti)(ti)而(er)定的(de),當然近年(nian)隨(sui)著技術(shu)的(de)沿革與發展,這個(ge)差距(ju)也(ye)(ye)逐步在縮(suo)小,目前(qian)通過(guo)html5的(de)API可以(yi)實現(xian)個(ge)性化(hua)字(zi)(zi)(zi)體(ti)(ti)的(de)使用而(er)不需要將個(ge)性化(hua)的(de)字(zi)(zi)(zi)體(ti)(ti)最終輸(shu)出為(wei)(wei)(wei)圖形,在不增加后(hou)端壓(ya)力的(de)同(tong)時,大大提升(sheng)了用戶(hu)體(ti)(ti)驗,非(fei)常贊。
從(cong)圖形使(shi)用(yong)(yong)(yong)上,平面設(she)計比網頁設(she)計豐(feng)富(fu),表(biao)現方式也多樣(yang)化,特別是(shi)(shi)對于(yu)產品類的(de)(de)(de)網頁設(she)計,模塊化的(de)(de)(de)設(she)計思路(lu)更為明顯,在視(shi)覺(jue)表(biao)現上也是(shi)(shi)如(ru)此,平面對于(yu)圖形的(de)(de)(de)表(biao)現是(shi)(shi)不需要考慮到后期的(de)(de)(de)實現的(de)(de)(de),在一(yi)點上是(shi)(shi)有目共睹的(de)(de)(de)。在來說一(yi)下咱(zan)們設(she)計時使(shi)用(yong)(yong)(yong)的(de)(de)(de)尺寸(cun)單位問題,平面設(she)計在使(shi)用(yong)(yong)(yong)尺寸(cun)標注時都(dou)用(yong)(yong)(yong)的(de)(de)(de)是(shi)(shi)物理尺寸(cun)的(de)(de)(de)概念,比如(ru)英(ying)寸(cun),厘米(mi),毫米(mi)等,而網頁使(shi)用(yong)(yong)(yong)的(de)(de)(de)像素。
2.呈現方式
3.信息載體
4.瀏覽方式
平面設計的屬于漸進式的瀏覽方式,無法對整個瀏覽的過程進行多樣化串聯,網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式,在擁有同樣一種信息架構的條件下,信息之間的串聯性更為豐富,用戶選擇信息的自由度更大,但平面設計也自然有其優勢所在,比如平時我在設計照片書這類產品的時候,就很明顯的發現,這一類的產品在電腦顯示器上進行翻閱,不如印刷成為一個真實的書本來翻閱感受要更好一些,并且更具有收藏及紀念意義。
5.信息傳播
平面(mian)設計(ji)屬于(yu)比較傳統(tong)的(de)信息媒介設計(ji),一般會(hui)(hui)通過張貼、銷售、郵寄派送等形式進行傳播,這(zhe)樣傳播的(de)方(fang)(fang)式范圍小且成本(ben)較高,相對而言在這(zhe)方(fang)(fang)面(mian)網(wang)頁設計(ji)的(de)信息傳播能力卻非常的(de)強,但依(yi)賴于(yu)第(di)三方(fang)(fang)媒介的(de)支持,平面(mian)設計(ji)卻擁有更為廣泛的(de)受眾人群,不(bu)同(tong)的(de)年齡(ling)層對于(yu)紙張或書本(ben)的(de)信息接受能力總(zong)是(shi)強于(yu)網(wang)絡(luo)媒體的(de),畢竟網(wang)絡(luo)信息獲取的(de)將會(hui)(hui)存在一個學習成本(ben),在今后網(wang)絡(luo)信息的(de)不(bu)斷普及(ji)以及(ji)終端媒介用戶(hu)體驗(yan)的(de)不(bu)斷提升,在受眾人群方(fang)(fang)面(mian)在我看來差距會(hui)(hui)越(yue)來越(yue)小。
這(zhe)兩(liang)種設(she)計形式擁有(you)著不同(tong)的用(yong)戶體(ti)驗,我們應該(gai)根據不同(tong)設(she)計內容,選擇正確的設(she)計形式提升用(yong)戶體(ti)驗,以上這(zhe)些(xie)(xie)只是個人對(dui)平面與網頁設(she)計的一(yi)些(xie)(xie)粗淺認識,也作為拋(pao)磚引玉希(xi)望(wang)大(da)家能(neng)分享出自己(ji)對(dui)于設(she)計的想法,引用(yong)一(yi)段(duan)平面設(she)計大(da)師(shi)陳(chen)幼堅(jian)的一(yi)段(duan)話“做創意最重要就(jiu)(jiu)是定(ding)位清晰,如果(guo)定(ding)位清楚目標明確,很多創意就(jiu)(jiu)會自然創造出來。這(zhe)就(jiu)(jiu)好像(xiang)你想找一(yi)個喜歡的姑娘,就(jiu)(jiu)跑到酒(jiu)吧去張望(wang),這(zhe)太麻煩(fan)了。要先確定(ding)你要找什(shen)么樣的女孩子,到酒(jiu)吧就(jiu)(jiu)指,哦,這(zhe)個,那(nei)個。——多簡單!”(內容來源:網易)
- 上一篇:企業做網站應該做哪些準備工作
- 下一篇:建設一個成功的網站必不可少的步驟