作為一個(gè)網(wǎng)頁制作師一個(gè)更大的網(wǎng)絡(luò)開發(fā)團(tuán)隊(duì)的一部分的人，這是常見的，你要處理很多任務(wù)同時(shí)進(jìn)行。

你的客戶有了一些最初的設(shè)計(jì)草稿和現(xiàn)在等待第一個(gè)反饋，深圳網(wǎng)站建設(shè)哪家好？你的工作將由客戶感知。有那么多事情要在嚴(yán)格的時(shí)間框架的監(jiān)測，得到被復(fù)雜的項(xiàng)目很容易。有一個(gè)網(wǎng)站或應(yīng)用程序設(shè)計(jì)中涉及的許多步驟。這些步驟略因人而異，但基本流程是一樣的。

一個(gè)好的工作流設(shè)置和一些工具和軟件，你會(huì)很容易讓球滾動(dòng)，避免冗長的反饋循環(huán)。
這是一個(gè)實(shí)用的指南，網(wǎng)站設(shè)計(jì)報(bào)告設(shè)計(jì)工作流，你可以用它來增加你的團(tuán)隊(duì)的生產(chǎn)力。
 
準(zhǔn)備階段：管理預(yù)期
無論你是保持一個(gè)現(xiàn)有的網(wǎng)站或從頭開始一個(gè)新的網(wǎng)站設(shè)計(jì)，你和你的客戶都需要管理對方的期望。
當(dāng)你首要的責(zé)任是要詳細(xì)理解項(xiàng)目的要求，客戶的責(zé)任是了解每個(gè)選擇是影響范圍和項(xiàng)目預(yù)算，有了你的幫助。
讓你的客戶知道所需要的技術(shù)，所需的時(shí)間和預(yù)算，完成項(xiàng)目所需的框架。在一個(gè)有組織的方式接近你的項(xiàng)目將節(jié)省時(shí)間，努力，和預(yù)算。
 
階段1：確定網(wǎng)站的目標(biāo)
這可能是任何設(shè)計(jì)項(xiàng)目最重要的階段，你的明確目標(biāo)，建立整體結(jié)構(gòu)，決定內(nèi)容、深圳網(wǎng)站建設(shè)需要多少錢分配角色和整個(gè)項(xiàng)目的不同的可交付成果。通過建立適當(dāng)?shù)囊?guī)劃從一開始，你救自己從許多痛苦之后。

在這里，你的工作與客戶建立進(jìn)度，預(yù)算，時(shí)間表，技術(shù)需求，為目標(biāo)受眾的視覺風(fēng)格和內(nèi)容結(jié)構(gòu)。
當(dāng)管理的期望，開始您的設(shè)計(jì)項(xiàng)目，我想推薦使用以精益的和易于使用的項(xiàng)目管理來跟蹤目標(biāo)，預(yù)算，任務(wù)和時(shí)間表。

 
2階段：網(wǎng)站結(jié)構(gòu)發(fā)展和弄臟你的手
網(wǎng)站的結(jié)構(gòu)形式的網(wǎng)站的骨干。它作為一個(gè)參考指南的團(tuán)隊(duì)項(xiàng)目的整個(gè)期間。用流程圖來顯示結(jié)構(gòu)的流。
網(wǎng)站導(dǎo)航創(chuàng)建一個(gè)站點(diǎn)地圖是理解內(nèi)容組織的關(guān)鍵。這之后的每一個(gè)變化保持更新站點(diǎn)地圖重要的是。如果你不，事情會(huì)變得混亂。

線框：把 到位是網(wǎng)站需要在圖形設(shè)計(jì)固定的內(nèi)容。
線框圖是低保真草圖的網(wǎng)站或移動(dòng)應(yīng)用程序。線框圖是用來創(chuàng)建占位符的內(nèi)容，建立頁面上元素的優(yōu)先級，和文件要求。這非常重要，在下一個(gè)階段。

Balsamiq是一個(gè)圖形化的網(wǎng)頁制作工具，幫助您的設(shè)計(jì)師創(chuàng)造了許多設(shè)計(jì)和安排的預(yù)建的部件到一個(gè)拖和團(tuán)隊(duì)的看法和建議的變化同時(shí)下降編輯。

3階段：設(shè)計(jì)與制作
在這個(gè)階段，確保設(shè)計(jì)師一起工作的程序員確保連貫的設(shè)計(jì)元素的實(shí)現(xiàn)。
客戶確認(rèn)設(shè)計(jì)稿后，設(shè)計(jì)師對網(wǎng)站的外觀和感覺的圖形團(tuán)隊(duì)工作。壓縮，透明度，顏色和設(shè)計(jì)高效利用相結(jié)合，創(chuàng)建有效的Web圖形。

生產(chǎn)階段是一個(gè)點(diǎn)的實(shí)際網(wǎng)站的創(chuàng)建。在完成網(wǎng)站的設(shè)計(jì)和布局，網(wǎng)站進(jìn)入工作的工程部分。在這里，你會(huì)把所有從原型個(gè)體圖形元素和使用它們來創(chuàng)建實(shí)際的，功能性的網(wǎng)站。

你的代碼將改變一次，兩次，或者更多。GitHub讓你與你的網(wǎng)站的不同版本有效地工作。工具真的照在你和開發(fā)團(tuán)隊(duì)一起工作。這是在其最好的代碼協(xié)作。

CodePen
這是一個(gè)可愛的。這是一個(gè)在線編輯器你所有的HTML，CSS和JS的需要。它結(jié)合了易與GitHub，當(dāng)然是協(xié)同。我們的想法是能夠測試的代碼塊和尋找一個(gè)適當(dāng)?shù)慕鉀Q方案沒有把剩下的代碼。
CodePen
 
階段4：測試，收集反饋和修正錯(cuò)誤
沒有項(xiàng)目是真的沒有缺點(diǎn)。雖然測試是做的整個(gè)發(fā)展過程，總是會(huì)有蟲子離開。我們不僅談?wù)撥浖e(cuò)誤。即使一個(gè)設(shè)計(jì)可以車。

所以現(xiàn)在，開始瘋狂的測試是很重要的。早期故障排除節(jié)省了很多時(shí)間和精力。參與網(wǎng)站的建立能夠參與測試的所有人是關(guān)鍵。然而，測試應(yīng)該是一個(gè)敏捷過程。一旦你開始這個(gè)網(wǎng)站或是在發(fā)射的過程中，很多人都會(huì)開始用它將在網(wǎng)站上提供反饋。

即使你把所有的努力你可以測試網(wǎng)站，你就會(huì)錯(cuò)過幾個(gè)錯(cuò)誤或新的流行起來的時(shí)間。最重要的是你得到的錯(cuò)誤和問題的信息盡快。如果你能讓你的用戶的報(bào)告，這些給你，你是金色的。

（充分披露：我工作的usersnap。）我們建立了 usersnap 作為視覺缺陷跟蹤和反饋工具，簡化了軟件測試的工作。它使客戶，網(wǎng)站訪問者和同事報(bào)告錯(cuò)誤，變更請求或簡單的反饋在您的網(wǎng)站上。 還手工網(wǎng)站測試，usersnap是一個(gè)安全的賭注，因?yàn)樗俣萓PS測試工作流通過易于使用的工具。

 
所以，總的來說…
設(shè)計(jì)項(xiàng)目需要許多人一起工作。反饋是一個(gè)提供一個(gè)項(xiàng)目按客戶要求，在指定的時(shí)間線中最重要的部分。這一切的混亂和事實(shí)上的網(wǎng)站每天都變得越來越復(fù)雜，在線工具可以很容易地完成工作中每個(gè)人都參與并從中獲得即時(shí)的反饋。
整合這些工具成為一個(gè)堅(jiān)實(shí)的工作，真的可以幫助你得到你需要在一個(gè)競爭激烈的領(lǐng)域。

牧羊人文章推薦：

網(wǎng)頁設(shè)計(jì)師如何克服障礙
紐約時(shí)報(bào)雜志網(wǎng)頁設(shè)計(jì)