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

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

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

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

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

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

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

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

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

對(duì)線框原型概念的誤解

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

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

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

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

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

線框原型不是交互原型

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

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

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

可用性測(cè)試

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

實(shí)踐技巧

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

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

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

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

標(biāo)簽： 線 蟯

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