最近接個(gè)新活兒，給烏魯木齊這邊的一個(gè)客戶做網(wǎng)站設(shè)計(jì)。今天就跟大家伙兒嘮嘮我這幾天的實(shí)踐過程。

摸底和溝通

我先跟客戶好好聊聊。畢竟每個(gè)老板想做的網(wǎng)站都不一樣嘛有的想拿網(wǎng)站來(lái)宣傳，有的想賣東西，還有的想通過網(wǎng)站提升一下公司形象。我得先摸清楚客戶到底想要啥，這網(wǎng)站做出來(lái)才能有用。

跟客戶來(lái)來(lái)回回聊好幾次，把客戶的需求都問個(gè)底兒掉。然后，我把這些需求都整理成一個(gè)文檔，就是行內(nèi)人常說的“需求文檔”。有這玩意兒，后面干活兒才不會(huì)跑偏。

規(guī)劃網(wǎng)站結(jié)構(gòu)

需求搞明白，接下來(lái)就得琢磨琢磨這網(wǎng)站到底該咋搭。這個(gè)階段，一般會(huì)有專門的人來(lái)負(fù)責(zé)，他們會(huì)畫一些草圖，把網(wǎng)站的各個(gè)頁(yè)面、導(dǎo)航、跳轉(zhuǎn)關(guān)系都給規(guī)劃不過因?yàn)檫@回的客戶網(wǎng)站頁(yè)面不多，我就自己上手把這活兒給干。

我用幾張A4紙，把網(wǎng)站的結(jié)構(gòu)、頁(yè)面之間的關(guān)系都畫出來(lái)。這樣，客戶看一目然，我也能清楚地知道下一步該干

設(shè)計(jì)頁(yè)面

網(wǎng)站結(jié)構(gòu)定下來(lái)，就該設(shè)計(jì)每個(gè)頁(yè)面的具體樣子。這個(gè)階段，我會(huì)根據(jù)之前畫的草圖，來(lái)確定網(wǎng)站的整體風(fēng)格、顏色搭配、字體大小等等。每一張圖、每一個(gè)圖標(biāo)，甚至每一個(gè)像素，都得仔細(xì)琢磨，力求做出來(lái)的效果讓客戶滿意。

頁(yè)面設(shè)計(jì)好之后，我還會(huì)把每個(gè)元素的大小、顏色都標(biāo)注清楚，方便后面的前端工程師照著做。

前端開發(fā)

頁(yè)面設(shè)計(jì)圖出來(lái)，就輪到前端工程師上場(chǎng)。他們會(huì)根據(jù)我的設(shè)計(jì)圖，用代碼把網(wǎng)站一比一地“還原”出來(lái)。這個(gè)過程，我也會(huì)時(shí)不時(shí)地跟前端工程師溝通，確保他們做出來(lái)的效果跟我的設(shè)計(jì)圖一致。

測(cè)試和上線

網(wǎng)站做好，還不能直接給客戶用，得先測(cè)試一下。我會(huì)把網(wǎng)站里里外外都點(diǎn)一點(diǎn)，看看有沒有啥bug，或者體驗(yàn)不好的地方。確認(rèn)沒問題，才能把網(wǎng)站發(fā)布到服務(wù)器上，讓大家都能訪問。

后期維護(hù)

網(wǎng)站上線，不代表就完事兒。后續(xù)，我還得負(fù)責(zé)網(wǎng)站的日常維護(hù)，比如更新內(nèi)容、修復(fù)bug等等。這樣，才能保證網(wǎng)站一直好用。

這就是我這回做烏魯木齊網(wǎng)站設(shè)計(jì)的全過程，希望能給大家提供一些參考和幫助。