原文：From wireframes to design

作者：Jesmon Allen

譯者：耿人杰

———————————— 全文的分割線 —————————————

我們能做什么來確保我們所繪制的夢幻般的線框圖能激發(fā)同樣夢幻般的圖形設(shè)計并最終創(chuàng)建一個夢幻般的網(wǎng)站？（譯者注：有點繞口?。?/P>

什么是線框圖？

“線框圖是單一網(wǎng)站頁面精簡版的視覺表現(xiàn)，沒有經(jīng)過任何視覺處理”

此定義來自Strange Systems。

線框圖是用來做什么的？

我在cxpartners花費了大量時間制作線框。它們被用來生成想法、測試用戶、獲得客戶驗收和創(chuàng)建最終網(wǎng)站或應(yīng)用的藍圖。

遞送交付物

當我將線框圖交給開發(fā)團隊后將發(fā)生什么？前端、后臺程序各展所長，編輯人員摩拳擦掌，而圖形設(shè)計師需要將他們的設(shè)計理念應(yīng)用到基于線框的頁面中。

不要給線框加樣式

信息架構(gòu)師經(jīng)常開玩笑說：圖形設(shè)計師的任務(wù)就是將線框圖加上顏色。線框上所有的導航和內(nèi)容通常是黑色和白色，所以設(shè)計師需要給線框加上一定的商業(yè)色彩。

這里暴露了一個潛在的沖突，信息架構(gòu)師和圖形設(shè)計師在哪個點進行工作交接的。如果給到圖形設(shè)計師一個極其完善的線框，他的剩余工作只是動動彩色鉛筆，那他們應(yīng)該會郁悶到不行。最后，設(shè)計師通常也會感覺在給定線框下設(shè)計會限制他們的創(chuàng)新。

從一開始就讓設(shè)計師參與其中

這就是為什么cxpartners提倡以用戶為中心的設(shè)計過程，涉及項目的關(guān)鍵利益相關(guān)者從一開始就參與到設(shè)計中。利益相關(guān)者包括客戶和最終用戶，也包括程序員和設(shè)計師。從第一天開始就把這一條寫在項目白板上，讓他們參與到關(guān)鍵的決策中，并跟隨進行的用戶測試。用戶測試可以就早期的圖形設(shè)計想法進行測試，確保他們隨著時間的推移看到線框的每一版進展，這是能影響整個設(shè)計進程的方式。

所有權(quán)和理解力

一個對線框圖有所有權(quán)和理解力的設(shè)計師將能靈活和有創(chuàng)意地闡述他的設(shè)計，即使是在項目已經(jīng)交付了很長一段時間后。網(wǎng)站是不斷發(fā)展的，一個對線框背后的設(shè)計有深入思考和理解的設(shè)計團隊能夠不斷的調(diào)整和補充，繼而維持偉大的用戶體驗。

不斷發(fā)展的關(guān)系

我喜歡看到我的線框被帶入到生活中，所以cxpartners總能通過設(shè)計和開發(fā)進程讓產(chǎn)品團隊理解我們的想法，一個電話總能將問題講明白。我也總能看到我的線框與聰明代碼、偉大的圖形設(shè)計一起結(jié)合成一個有著夢幻般用戶體驗的網(wǎng)站…

了解更多：Wireframing and prototyping