網(wǎng)頁(yè)設(shè)計(jì)與制作是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。網(wǎng)頁(yè)設(shè)計(jì)，是以視覺(jué)設(shè)計(jì)為主的工作；網(wǎng)頁(yè)制作，是以前端代碼為主。

1、網(wǎng)頁(yè)設(shè)計(jì)，是以視覺(jué)設(shè)計(jì)為主的工作

網(wǎng)頁(yè)設(shè)計(jì)的核心任務(wù)是學(xué)習(xí);視覺(jué)設(shè)計(jì);相關(guān)的知識(shí)點(diǎn)。用什么樣的排版，或者充滿趣味的表現(xiàn)形式，才能能夠非常高效地傳達(dá)版面信息。

一個(gè)網(wǎng)頁(yè)被設(shè)計(jì)出來(lái)，是讓人用，給人聽(tīng)的。 要漂亮(簡(jiǎn)潔)、這才是一個(gè)設(shè)計(jì)師需要反復(fù)思考的。視覺(jué)+交互，是網(wǎng)頁(yè)設(shè)計(jì)師的核心競(jìng)爭(zhēng)力。

其中;視覺(jué)設(shè)計(jì);的根據(jù)，源于前面的策劃和交互設(shè)計(jì)。最后出具的;視覺(jué)設(shè)計(jì)稿;得符合品牌定位，滿足生產(chǎn)運(yùn)營(yíng)、以及用戶需求，這是網(wǎng)頁(yè)設(shè)計(jì)師必修的基本功！

2、網(wǎng)頁(yè)制作，是以前端代碼為主

網(wǎng)頁(yè)制作在協(xié)作步驟里，緊跟設(shè)計(jì)之后。這部分工作一般是由WEB前端工程師來(lái)完成的，工程師通常會(huì)利用到HTML、CSS、以及JavaScript、jQuery等網(wǎng)頁(yè)前端代碼，來(lái)還原網(wǎng)頁(yè)設(shè)計(jì)師的;視覺(jué)設(shè)計(jì)稿;，以及交互動(dòng)畫(huà)等。

;前端工程師;除了能配合網(wǎng)頁(yè)設(shè)計(jì)師外，還要配合做后端工程師，做好網(wǎng)頁(yè)端的數(shù)據(jù)搜集處理等工作。如果要成為一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師，要記住自己的職位職責(zé)和學(xué)習(xí)重點(diǎn)，在沒(méi)有認(rèn)清;視覺(jué)設(shè)計(jì);前，要小心自己是不是越位到Web前端開(kāi)發(fā)這個(gè)坑里去了。

再例如改進(jìn)網(wǎng)站所需的SEO、Ajax等技術(shù)，雖無(wú)需你動(dòng)手實(shí)踐，但能做到了解一二，也是不錯(cuò)的加分項(xiàng)。在設(shè)計(jì)的時(shí)候，也可充分利用這些規(guī)則和技術(shù)來(lái)規(guī)劃你的版面，使其更加的專業(yè)友好。