網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計與平面設計的區別表現在哪里？

編輯：時(shí)間：2015-09-09 16:57:39

　　1、網(wǎng)頁(yè)設計與平面設計的目的是不同的。

　　a.網(wǎng)頁(yè)設計是為了什么？答：是為了把你所要表達的幾個(gè)內容按照你所想表達的主次順序去實(shí)現出來(lái)，讓瀏覽者知道并了解。在這個(gè)基礎上，視覺(jué)表現力、沖擊感、創(chuàng )意等等都是后話(huà)，一定是建立在這個(gè)前提之下的。

　　b.平面設計是為了什么？答：是為了在萬(wàn)千個(gè)平面、雜志、報紙廣告中突現出自己的設計，并讓人記憶深刻。從而顏色的沖擊度、創(chuàng )意感是第一位的。

　　這兩者有何區別？區別很大。

　　網(wǎng)頁(yè)設計是要人家長(cháng)時(shí)間瀏覽內容的，并且都希望瀏覽者能夠頻繁訪(fǎng)問(wèn)的，而平面設計基本上是單畫(huà)面傳遞，而且基本上不太會(huì )看第二次。那么你的平面廣告做得金碧輝煌，五顏六色狠抓眼球，這是對的。那你的網(wǎng)頁(yè)也是五顏六色，人家盯著(zhù)你的網(wǎng)站，看10秒鐘以后就會(huì )覺(jué)得視覺(jué)疲勞，眼睛酸疼，那么你的網(wǎng)站還會(huì )有多少回頭客？

　　2、網(wǎng)頁(yè)設計和平面設計有各自的主流風(fēng)格和默認的規則。

　　也許大家也注意到了，有的時(shí)候網(wǎng)頁(yè)上很舒服的字體做成平面就怪怪的，平面上絢麗的顏色放在網(wǎng)頁(yè)上又鬧心的不得了，這就是各自的默認規則在作怪。拋開(kāi)印刷字體和RGB、CMYK的這些技術(shù)區別，人的思維定式是最重要的。因為人在看網(wǎng)頁(yè)的時(shí)候，那么他的潛意識就告訴他，你在看的是一個(gè)網(wǎng)頁(yè)，而不是平面，反之亦然。那么每個(gè)人心中的對平面和網(wǎng)頁(yè)都有一個(gè)自我默認的風(fēng)格和規則，即大部分網(wǎng)頁(yè)是這么做的，大部分平面是那么做的。我們每個(gè)設計人員可能不會(huì )認為有區別，但事實(shí)是大多數瀏覽者是認為有區別的，那么你不遵守這些所謂的規則就會(huì )讓別人覺(jué)得怪怪的。

　　雖然這么說(shuō)，但不管是主流風(fēng)格還是默認規則也是可以互通的，當然這就是設計師的水平問(wèn)題了，前提條件是這個(gè)設計師要做過(guò)平面也做過(guò)網(wǎng)頁(yè)。否則不要想當然的認為這樣的網(wǎng)頁(yè)人家也很容易接受。

　　3、制作問(wèn)題（切圖）

　　首先，你的網(wǎng)頁(yè)設計制作成任何樣子都是可以切圖的，不存在水平與能力的問(wèn)題，只存在于復雜與不復雜的問(wèn)題。復雜所帶來(lái)的問(wèn)題就是代碼擁擠、圖片過(guò)多、加載很慢、客戶(hù)體驗很差。當然對于追求不同目的的網(wǎng)站取舍也很重要。但不是所有的網(wǎng)站都必須以設計為導向，制作為輔助的，很多網(wǎng)站其實(shí)換一種型式或是舍去一些效果，可以帶來(lái)更高的性?xún)r(jià)比。

　　在我的理解，除了一些全flash站點(diǎn)外的網(wǎng)站都要考慮實(shí)施與設計之間的契合點(diǎn)。尤其是無(wú)法循壞的背景、擴出邊界的設計等等問(wèn)題是所有實(shí)施人員的心魔。

　　說(shuō)到最后，網(wǎng)頁(yè)近似于平面，但我認為只存在于少數設計中。平面設計可以是自由的、充滿(mǎn)創(chuàng )意的，但網(wǎng)頁(yè)設計則并不是一個(gè)自由的設計，需要考慮的東西很多。但是現在中國的大部分開(kāi)發(fā)公司的模式注定了設計師們思維和對網(wǎng)頁(yè)的高度感還有所欠缺。大部分網(wǎng)頁(yè)設計師根本不懂切圖，也不懂程序，更不懂SEO，但事實(shí)是，這些東西對于大多數網(wǎng)站比設計本身要重要的多。但現在的中國都是買(mǎi)方市場(chǎng)，一個(gè)單子N多公司去爭，都來(lái)拼搞。對客戶(hù)來(lái)說(shuō)，自然會(huì )在一大堆稿子中選擇比較突出的，比較有沖擊感的，這和在看平面廣告有什么區別？所以設計師大多數都是美術(shù)專(zhuān)業(yè)，稿子也都是按照平面的路數去做，這也是沒(méi)辦法的事情。

　　所以我的理解，網(wǎng)頁(yè)并不等于平面。

<< 上一篇：網(wǎng)頁(yè)設計中的人文情懷有哪些？

>> 下一篇：DIV+CSS兼容性的解決方法大全

推薦資訊