網(wǎng)頁(yè)設(shè)計(jì)師工作流程

網(wǎng)頁(yè)設(shè)計(jì)師工作流程，網(wǎng)頁(yè)設(shè)計(jì)完成后，還需要網(wǎng)頁(yè)設(shè)計(jì)師進(jìn)行項(xiàng)目走查，確定網(wǎng)頁(yè)還原度是否存在問(wèn)題，這一步非常重要，今天小編主要給大家分享網(wǎng)頁(yè)設(shè)計(jì)師工作流程，希望對(duì)你們有幫助!

1.視覺(jué)稿階段

視覺(jué)稿階段是設(shè)計(jì)師需要根據(jù)原型圖確定的內(nèi)容和總體布局完成網(wǎng)站的界面設(shè)計(jì)。

在設(shè)計(jì)網(wǎng)站時(shí)，設(shè)計(jì)師需要一些圖片和靈感材料。例如，在世界杯主題中，除了收集大量的資料，設(shè)計(jì)師還可以設(shè)計(jì)一個(gè)“情緒板”。

簡(jiǎn)單的說(shuō)，情緒板就是拼貼一些與主題相關(guān)的資料和素材，這樣可以更好地指引整個(gè)需求的設(shè)計(jì)主題和大體感覺(jué)。

另外，很多網(wǎng)站的首頁(yè)通常需要主視覺(jué)來(lái)抓人眼球，此時(shí)，就可以使用需求方提供的明星照片、主題素材、LOGO、主視覺(jué)PSD等，那么用素材和這些需求方提供的資料進(jìn)行混合并拼出讓人覺(jué)得震撼的頭部視覺(jué)就是設(shè)計(jì)師的目標(biāo)。

2.設(shè)計(jì)規(guī)范

當(dāng)視覺(jué)稿通后時(shí)，許多設(shè)計(jì)師可能不會(huì)主動(dòng)去做設(shè)計(jì)規(guī)范。事實(shí)上，每個(gè)迭代產(chǎn)品都需要設(shè)計(jì)師總結(jié)設(shè)計(jì)規(guī)范。

設(shè)計(jì)規(guī)范就是所有頁(yè)面中共性的東西，比如說(shuō)字體不同的大小、圖片的尺寸、按鈕的樣式等。這些共性也是用戶訪問(wèn)網(wǎng)站時(shí)會(huì)理解成固定概念的憑證。

具體來(lái)說(shuō)，產(chǎn)品的設(shè)計(jì)規(guī)范應(yīng)該有：字體規(guī)范、主體色規(guī)范、圖表規(guī)范、圖片規(guī)范等不同分類。

3. 切圖

網(wǎng)頁(yè)設(shè)計(jì)師通常不需要為前端工程師切圖，因?yàn)榍岸斯こ處熗�往需要掌握PS軟件的技能，如果在特殊情況下需要網(wǎng)頁(yè)設(shè)計(jì)師切圖時(shí)，設(shè)計(jì)師可以使用諸如 Cutterman、Zeplin 等切圖插件中的 Web 選項(xiàng)為前端切出網(wǎng)站所使用的圖片。

4.前端代碼

前端工程師將用代碼重構(gòu)網(wǎng)頁(yè)設(shè)計(jì)師設(shè)計(jì)的頁(yè)面，并將圖紙轉(zhuǎn)換為靜態(tài)頁(yè)面，然后與后端工程師對(duì)接調(diào)取數(shù)據(jù)接口，一個(gè)網(wǎng)站就活了起來(lái)。

工程師們?yōu)榱朔奖懔私饩W(wǎng)站是不是達(dá)到了設(shè)計(jì)師要求的數(shù)據(jù)，也會(huì)進(jìn)行埋點(diǎn)，埋點(diǎn)就是在頁(yè)面代碼里插入一些統(tǒng)計(jì)代碼，方便之后確定哪些頁(yè)面訪問(wèn)量高，哪些沒(méi)有達(dá)到預(yù)期效果。

同時(shí)，也會(huì)有測(cè)試工程師介入來(lái)發(fā)現(xiàn)編譯完的網(wǎng)站是否存在一些漏洞等。

5.項(xiàng)目走查

網(wǎng)頁(yè)設(shè)計(jì)完成后，還需要網(wǎng)頁(yè)設(shè)計(jì)師進(jìn)行項(xiàng)目走查，確定網(wǎng)頁(yè)還原度是否存在問(wèn)題，如果發(fā)現(xiàn)有和設(shè)計(jì)稿出入很大的，就需要讓前端工程師進(jìn)行調(diào)整。

這一步非常重要，因?yàn)榫W(wǎng)站的成品是設(shè)計(jì)師最終的輸出，不要以為設(shè)計(jì)稿很漂亮而實(shí)現(xiàn)后的頁(yè)面就不需要網(wǎng)頁(yè)設(shè)計(jì)師負(fù)責(zé)了。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.hebeijilong.cn/news-id-53496.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050