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

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

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

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

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

線框原型就是藍(lán)圖（blueprints）

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

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

我個人認(rèn)為，藍(lán)圖是對線框原型最恰當(dāng)?shù)谋扔�。人們不會將藍(lán)圖看作建筑物實(shí)際效果的渲染圖，也不會通過它來制定視覺風(fēng)格方面的決策。線框原型是純粹的功能與信息的示意圖。

對線框原型概念的誤解

在實(shí)際應(yīng)用中，我們還需要明白線框原型在概念上不是什么，并且最好可以對需求方、團(tuán)隊成員及相關(guān)合作部門進(jìn)行解釋說明。

線框原型不是設(shè)計

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

線框原型不代表最終布局結(jié)構(gòu)

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

線框原型不是交互原型

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

線框原型的實(shí)際應(yīng)用

正如在前文中提到的，很多設(shè)計師并不了解制作線框原型這個步驟在項目流程中的重要性，因?yàn)樗麄儾磺宄�線框原型的本質(zhì)和制作它的目的是什么。實(shí)際上，線框原型在項目流程中的目的性是很強(qiáng)的。下面，我們來看看線框原型在實(shí)際中的幾個重要應(yīng)用方面。

可用性測試

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

實(shí)踐技巧

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

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

展示細(xì)節(jié)

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

標(biāo)簽： 線 蟯

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