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

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

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

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

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

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

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

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

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

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

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