家里小貓生病，從周二開始一直折騰到現(xiàn)在，仍在治療與觀察中。幾年來經(jīng)歷過幾次這樣的狀況，雖然每次都會恢復健康平安，但一旦再次置身這樣的過程里，怎樣也無法停止焦慮與擔心。除了盡心盡力以外，能做的只有不斷祈禱，期盼著一切安好平安的狀態(tài)早日回來。

篇幅不長的一篇文章，也因為這樣的狀況而拖沓了多日；一方面沒時間，一方面沒有任何心力的感覺。不多說了，我們來看今次的譯文。

如今的設計圈子里，線框原型（線框圖）這個詞正在越來越多的被提起。過去幾年中，在軟件和Web設計等相關行業(yè)里，線框原型得到了迅速的普及，同時也帶來了很多的誤解。它的概念甚至在慢慢的被扭曲，使新手在入行時往往不能正確的理解它的用途。

問題出在哪里呢？最近，我（原文作者）與一些設計專業(yè)的學生進行了交流，他們問到不少關于線框原型的問題。通過這些問題，我發(fā)現(xiàn)他們對于“線框原型”這個概念的心智模型與其本質(zhì)相去甚遠——在他們的理解中，這個概念包括很多涉及視覺設計方面的因素。更糟的是，他們甚至不愿意去做線框原型方面的事情，他們只知道這是流程中的一個需要執(zhí)行環(huán)節(jié)，卻不明白它的重要性。這事弄的我相當郁悶，最初，我覺得這搞不好只是個例而已，但通過對行業(yè)內(nèi)的現(xiàn)狀進行觀察，我逐漸發(fā)現(xiàn)，線框原型在很多項目流程中的執(zhí)行情況真是夠慘不忍睹的；原因來自很多方面，包括客戶、設計新手、產(chǎn)品決策者等等。

實際上，線框原型的規(guī)劃是Web設計中必不可少的重要步驟，設計師們應該真正了解它，并學會正確的運用它。

線框原型就是藍圖（blueprints）

設計師們通常都會明白，對于那些結構復雜的東西——比如建筑或是汽車——計劃與架構設計工作是必不可少的；而涉及到互聯(lián)網(wǎng)工業(yè)時，這些工作的重要性仿佛降低了。網(wǎng)站雖然不是汽車，但它本質(zhì)上仍是一種復雜的綜合項目。如果忽視了良好的藍圖規(guī)劃，那么整個項目將會對時間、人力和金錢造成巨大的浪費。

在進一步了解線框原型的正確的實際應用方式之前，我們有必要首先了解一下它本質(zhì)上究竟是什么，它的存在有哪些目的。

我個人認為，藍圖是對線框原型最恰當?shù)谋扔鳌Ｈ藗儾粫�將藍圖看作建筑物實際效果的渲染圖，也不會通過它來制定視覺風格方面的決策。線框原型是純粹的功能與信息的示意圖。

對線框原型概念的誤解

在實際應用中，我們還需要明白線框原型在概念上不是什么，并且最好可以對需求方、團隊成員及相關合作部門進行解釋說明。

線框原型不是設計

線框圖應該徹底與字體字號、配色、圖片等無關。多數(shù)人習慣進行形象思維，他們很容易將線框原型理解為在一定程度上表達了設計方案的設計稿。在線框圖中過多的使用視覺化的元素，會干擾其對功能的呈現(xiàn)。始終要記住，線框圖的作用是組織并呈現(xiàn)信息，要避免在視覺上過度的保真。

線框原型不代表最終布局結構

另外一個誤解，就是人們時常覺得，視覺設計師要做的只是在線框圖提供的布局結構的基礎上進行美化工作；甚至在多數(shù)視覺設計師的觀念中也是這樣。從語義上講，線框圖所展示的布局，最主要的作用應該是描述功能與內(nèi)容的邏輯關系，視覺設計師并不需要在所有的細節(jié)中受其制約。

線框原型不是交互原型

這兩個概念之間的區(qū)別和聯(lián)系確實容易讓人混淆，從項目流程角度說，它們甚至是完全不同的兩種工具。簡單的說，線框圖用來組織及呈現(xiàn)信息，而交互原型，顧名思義，用來展示及評估交互方式。多數(shù)時候，它們在形式上很相似，并且都應該避免使用那些容易造成干擾的高保真視覺元素。

線框原型的實際應用

正如在前文中提到的，很多設計師并不了解制作線框原型這個步驟在項目流程中的重要性，因為他們不清楚線框原型的本質(zhì)和制作它的目的是什么。實際上，線框原型在項目流程中的目的性是很強的。下面，我們來看看線框原型在實際中的幾個重要應用方面。

可用性測試

線框原型是進行早期可用性測試的最有效的方法之一。注意，我們在說的是可用性，而非用戶體驗；這兩者之間是有區(qū)別的。可用性確實可以反映產(chǎn)品對于用戶的友好程度，但它側重于功能的使用方面，而不是指設計的角度。相應的，在進行可用性測試的過程中，應該盡量將注意力放在功能方面，不要被其他方面的因素干擾。

實踐技巧

用戶目標：使用線框原型模擬用戶在完成使用目標的過程中可能執(zhí)行的所有步驟。這種方式可以盡早發(fā)現(xiàn)網(wǎng)站功能架構方面的設計缺陷。

出錯情景：線框原型可以幫助設計和開發(fā)人員更全面的預計到潛在的出錯情景，并準備好相應的出錯提示頁面。

展示細節(jié)

對于設計和開發(fā)人員來說，有一個比較常見的困擾——很多時候，客戶或需求決策者對產(chǎn)品的關注角度過于宏觀，他們會對產(chǎn)品的功能進行非�？辗旱拿枋觯�而對細節(jié)方面并沒有明確的概念。這種情況下，線框原型能幫助我們有效的解決溝通方面的問題；大家可以通過這種可以看的到的方式，對產(chǎn)品的功能細節(jié)進行快速的勾勒，有效的傳達信息。

標簽： 線 蟯

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。