小伙伴你喜歡網(wǎng)上沖浪嗎？相信每天人們都會用到網(wǎng)絡(luò)，會瀏覽各種各樣的網(wǎng)頁，這些網(wǎng)頁給人們帶來了很多知識和消息，你有沒有想過這些網(wǎng)頁是怎么設(shè)計的呢？下面我們就說說web網(wǎng)頁設(shè)計有關(guān)的知識。

網(wǎng)頁設(shè)計和web前端的區(qū)別

　　web前端通常稱為軟件設(shè)計或者美工，普遍工資確實要比網(wǎng)頁設(shè)計高，因為軟件的收費比網(wǎng)頁或者網(wǎng)站高多了，一個網(wǎng)站收費過萬就算比較高了，而軟件隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網(wǎng)站的制作周期比較短，小點的網(wǎng)站通常是一兩周之內(nèi)就可以完成，而軟件的周期短則幾個月、半年，長則一年幾年都有可能，像我們公司就是給政府部門做監(jiān)控及統(tǒng)計軟件的，每個項目隨隨便便都是半年以上的制作周期，收費嘛自然也比較高，有個項目都做了3年了，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已;

　　話說回來，網(wǎng)頁設(shè)計和web前端其實差別并不太大，對于設(shè)計師來說兩者也就是界面模式不同而已，對于熟練的設(shè)計師來說，兩者之間可以很好的轉(zhuǎn)換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局;

（圖片來自網(wǎng)絡(luò)）

web前端工程師和網(wǎng)頁設(shè)計有什么區(qū)別？

　　網(wǎng)頁設(shè)計一般包含整站網(wǎng)頁視覺方案，提供PSD或PNG格式的主要頁面預(yù)覽圖，高級一點的還會給出標(biāo)準(zhǔn)配色表，風(fēng)格設(shè)計指南(內(nèi)含一般性風(fēng)格設(shè)計規(guī)格：設(shè)計理念，留白間距，按鈕樣式，使用場景)等附件。大公司一般還有交互設(shè)計師，主要關(guān)注人機界面的易用性和用戶友好性。

　　前端開發(fā)，需要涉及ajax交互，需要改變頁面顯示，復(fù)雜的ajax應(yīng)用需要涉及很多模塊的劃分、業(yè)務(wù)邏輯的考慮，在ajax應(yīng)用越來越成熟強大的今天，很多過去后端處理的業(yè)務(wù)邏輯工作也慢慢放在了用戶的瀏覽器上來完成，這些工作也就交給前端工程師來做了。

　?。▓D片來自網(wǎng)絡(luò)）

一個是偏向于設(shè)計，一個是偏向于代碼。如果是網(wǎng)頁設(shè)計，剛開始可能是模仿別人的網(wǎng)頁，但是到了最后會出現(xiàn)慢慢的偏重于美術(shù)，心理學(xué)，色彩，繪畫等。這些藝術(shù)方面，表面你能看到的，如果你是學(xué)計算機的接觸過網(wǎng)頁設(shè)計，并喜歡網(wǎng)頁設(shè)計，我建議不要偏向這個方面，因為到后來讓你自己獨立設(shè)計網(wǎng)頁時，色彩搭配是很難的，還有整體布局，以及是否符合當(dāng)下潮流等?，F(xiàn)在的網(wǎng)頁千變?nèi)f化，設(shè)計也要不斷學(xué)習(xí)，并且能跟得上。 對于web前端開發(fā)這個就是把別人設(shè)計好的自己用div+css+js去實現(xiàn)的，一個簡單的網(wǎng)頁可能就是div+css把它寫出來，但是這里面是充滿經(jīng)驗的。web前端的發(fā)展過程中到了最后就是頭疼的兼容性問題，因為要確保一個頁面在任何瀏覽器當(dāng)中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機中能夠顯示，能夠自適應(yīng)屏幕等。單純的css無法來控制，就需要學(xué)習(xí)javascript, web前端看似簡單其實要學(xué)習(xí)的東西很多，經(jīng)驗也特別重要，接觸后臺后你會更明白前端的重要性。

讀完上面相信小伙伴肯定知道了web網(wǎng)頁設(shè)計與前端有什么區(qū)別了，小伙伴更喜歡哪個呢?相信很多小伙伴都會選擇web網(wǎng)頁設(shè)計吧，相信小伙伴越學(xué)越有意思,都能掌握很強的網(wǎng)頁設(shè)計技術(shù)。