之前我們討論了網(wǎng)頁(yè)UI設(shè)計(jì)師與平面設(shè)計(jì)師的身價(jià)問題邻耕，網(wǎng)頁(yè)UI設(shè)計(jì)師的身價(jià)普遍要高于平面設(shè)計(jì)師鸥咖。因?yàn)楝F(xiàn)在是一個(gè)網(wǎng)絡(luò)時(shí)代，這是大勢(shì)所趨兄世。那么平面設(shè)計(jì)和網(wǎng)頁(yè)UI設(shè)計(jì)到底有什么本質(zhì)區(qū)別呢啼辣？

首先就是二者的顯示媒介不同，我們知道平面設(shè)計(jì)完成的都是紙媒設(shè)計(jì)御滩，就是我們最終設(shè)計(jì)的是需要印刷出來的鸥拧。那么勢(shì)必要受到紙張規(guī)格的大小和材質(zhì)以及加工工藝的限制，之前介紹了平面印刷設(shè)計(jì)里有燙金燙銀 印金印銀等加工工藝削解。我們知道紙張是反射光源的物質(zhì)富弦，而顯示器是自發(fā)光介質(zhì)。這也是二者的區(qū)別之一钠绍。顯示器和手機(jī)屏幕相對(duì)紙張幅面會(huì)更自由一些舆声。可以長(zhǎng)一些短一些柳爽，對(duì)吧媳握。而且我們隨時(shí)可以更換網(wǎng)頁(yè)的內(nèi)容。但是紙媒就不一樣了磷脯，你一旦印刷出來就改不了了蛾找，再改就需要再版印刷了。對(duì)嗎赵誓？所以傳播媒介的不同決定了二者的設(shè)計(jì)原則也不同打毛。

第二個(gè)不同點(diǎn)呢，就是由于二者的顯示媒介不同俩功，造成的像素密度也不同幻枉。我們都知道印刷的分辨率是300dpi,而顯示器的分辨率呢是72PPI，當(dāng)然更嚴(yán)謹(jǐn)?shù)恼f是像素密度不同诡蜓。印刷品的像素密度通常要求是300DPI以上熬甫，除了大幅面的噴繪會(huì)低一些，其余的都基本是300DPI蔓罚，是為了保證印刷出來的圖文更清晰椿肩。而我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候呢瞻颂，只需要將文件建立成72PPI即可。當(dāng)然有的同學(xué)也接觸過手機(jī)界面設(shè)計(jì)郑象，我們現(xiàn)在的手機(jī)的像素密度也很高贡这，有300DPI的像素密度。很多同學(xué)都喜歡用蘋果電腦做設(shè)計(jì)厂榛，不僅是因?yàn)樘O果電腦系統(tǒng)穩(wěn)定盖矫，更重要的是的蘋果的顯示器更適合做設(shè)計(jì)，就是因?yàn)樘O果電腦的顯示器是視網(wǎng)膜屏噪沙，色彩還原度非常高炼彪！看起來畫面十分的細(xì)膩色彩非常豐富。

第三個(gè)不同點(diǎn)呢就是設(shè)計(jì)風(fēng)格不同正歼。還是由于顯示媒介不同辐马，造成了二者的設(shè)計(jì)風(fēng)格也迥然不同。但設(shè)計(jì)規(guī)則和原理是相同的局义。在顯示器或者手機(jī)上喜爷，屏幕就這么大，所以方寸之間萄唇，每一像素都很珍貴檩帐。我們?cè)谧鼍W(wǎng)頁(yè)UI設(shè)計(jì)的時(shí)候呢，都需要我們精確到像素級(jí)別另萤，也就是一像素都不能差湃密。通常網(wǎng)頁(yè)設(shè)計(jì)的尺寸都是偶數(shù)，因?yàn)橛?jì)算機(jī)是二進(jìn)制的四敞。而平面印刷品就不需要我們精確的像素了泛源，只要視覺上看起來沒問題就OK了。因?yàn)榧词鼓阍O(shè)計(jì)的很精確但印刷廠的印刷機(jī)器和裁刀也不能精確到像素級(jí)別忿危。但這不是說我們?cè)谧銎矫嬗∷⑵返臅r(shí)候就可以粗心大意达箍，點(diǎn)到為止。我是說視覺上看起來沒有問題就可以铺厨。如果你設(shè)計(jì)的頁(yè)面七扭八歪缎玫，參差不齊也不行。

第四個(gè)不同點(diǎn)呢就是二者的交互模式不同解滓。我們都知道網(wǎng)站和手機(jī)最大的優(yōu)勢(shì)在于人機(jī)直接可以進(jìn)行交互赃磨，可以點(diǎn)擊確定或者取消⊥菘悖可以上滑下翻等操作邻辉。而傳統(tǒng)紙媒就不可能做到這一點(diǎn)。所以紙媒設(shè)計(jì)相比更被動(dòng)一些。就是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)作品可以人機(jī)交互恩沛，所以呢，造成了二者的設(shè)計(jì)風(fēng)格都大不相同缕减。

最后呢雷客，還得多說一句，就是網(wǎng)頁(yè)UI設(shè)計(jì)還要懂一些前端代碼的知識(shí)桥狡。因?yàn)槟阒挥辛私饬司W(wǎng)站的編程建設(shè)搅裙，才能更好的設(shè)計(jì)出網(wǎng)站頁(yè)面。其實(shí)做網(wǎng)站和手機(jī)APP產(chǎn)品光前端這一塊還可以細(xì)分出UI設(shè)計(jì)師裹芝，UE交互設(shè)計(jì)師和前端開發(fā)工程師部逮。UI設(shè)計(jì)師是完全的畫靜態(tài)頁(yè)面的，比如顏色啊 圖標(biāo)啊 等等嫂易。而UE交互設(shè)計(jì)師呢更關(guān)注的是人機(jī)交互怎樣更合理兄朋，是否符合人機(jī)工程學(xué)。這個(gè)按鈕多大尺寸啊怜械，放什么位置更顯著更利于用戶按到啊颅和。最后呢由前端開發(fā)工程師將靜態(tài)頁(yè)面寫成動(dòng)態(tài)的可交互的網(wǎng)頁(yè)。但在一些小公司缕允，這三個(gè)職位都是一個(gè)人來承擔(dān)的峡扩。

更多關(guān)于平面設(shè)計(jì)與網(wǎng)頁(yè)UI設(shè)計(jì)的能力提升與精華知識(shí)點(diǎn)，小主們就直接看這里吧障本！黑馬帶你學(xué)設(shè)計(jì)

以上呢教届，就是平面印刷設(shè)計(jì)與網(wǎng)頁(yè)UI設(shè)計(jì)的區(qū)別。