創(chuàng)建用戶界面草圖，稱為UI線框，通常是軟件或Web項(xiàng)目設(shè)計(jì)階段的第一步。線框看起來很容易創(chuàng)建，但實(shí)際上，這是一個比表面看起來更復(fù)雜(也更重要)的步驟。如果你想從事UI設(shè)計(jì)的工作，可以考慮參加UI培訓(xùn)，知識點(diǎn)會更全面，學(xué)習(xí)起來也更有效。
如果你不熟悉線框圖，或者希望升級你的線框圖游戲，不妨試試這三步。
第一步：進(jìn)入線框思維
線框是用戶界面設(shè)計(jì)，就像素描是繪圖一樣。你要把它當(dāng)成是自己的任務(wù)，在任何情況下，你都應(yīng)該以不同于項(xiàng)目其他階段的特定思維方式來處理流程。
當(dāng)你把UI線框做的好的時候，你可以用20%的努力傳遞80%關(guān)于你想要構(gòu)建的東西的信息。做線框圖要考慮的是讓別人理解并認(rèn)可你的作圖想法。
要使線框成功：
1.業(yè)務(wù)人員應(yīng)該能夠驗(yàn)證所建議的設(shè)計(jì)是否滿足客戶的需求。
2.開發(fā)人員應(yīng)該能夠了解技術(shù)可行性，甚至可以提供一些粗略的時間線估計(jì)。
3.設(shè)計(jì)師應(yīng)該能夠在開發(fā)開始之前評估經(jīng)驗(yàn)和捕捉可用性問題。
盡早解決這些問題，你的UI線框圖做好以后就會少很多修改。在UI培訓(xùn)學(xué)習(xí)中，不僅有理論知識的學(xué)習(xí)，還有實(shí)操項(xiàng)目的練習(xí)，快速提高你的UI技能，讓你學(xué)有所成。
第二步：慢工出細(xì)活
花在線框上的時間是非常高的投資回報。但目標(biāo)不只是創(chuàng)建一個草圖，你的想法也很重要。線框可以用來獲得反饋，充實(shí)你自己的想法，得到靈感，改進(jìn)你自己的想法，或者簡化你的設(shè)計(jì)。線框制作階段也是一個合作，一個和讓其他人參與設(shè)計(jì)決策的好時機(jī)。
構(gòu)建線框是設(shè)計(jì)過程中一個獨(dú)特而重要的階段，給它應(yīng)得的時間。
第3 步：搭建從 MVP 到 3.0（或其他方式）的橋梁
有了線框，你就可以輕松地勾勒出多個想法。
一種選擇是創(chuàng)建兩個版本的應(yīng)用程序——MVP 版本和功能完整版本。 但這可能很困難，因?yàn)槟憧赡軓囊婚_始就不知道什么屬于MVP 版本。
另一種選擇是構(gòu)建你理想的產(chǎn)品版本，并通過創(chuàng)建一系列功能較弱的版本來逐步縮小它的范圍，直到你達(dá)到MVP。 這就是“第一個線框是‘版本 3’”背后的規(guī)劃。
在這種情況下，你可能會在理想版本和MVP 之間得到幾個介于兩者之間的概念。 事實(shí)證明，這是一件非常有用的事情。 它可以用作你下一個版本的路線圖，從MVP 開始。 它同時幫助你確定每個版本的工作范圍，同時牢記未來的工作，這樣你就不必重新編寫或重新設(shè)計(jì)你的產(chǎn)品來添加新功能。你也可以在UI培訓(xùn)學(xué)習(xí)期間，收集好自己的UI線框作品集，以便以后的工作中需要用到。
無論你如何做或使用什么工具，線框圖都是在軟件項(xiàng)目中節(jié)省時間的最佳機(jī)會之一。與其讓開發(fā)人員在最后更快地編碼，不如花時間確保你在構(gòu)建UI線框的內(nèi)容充實(shí)，甚至在開始編碼之前讓每個人在進(jìn)度上保持一致。這將是值得的。
UI 設(shè)計(jì)是一個系統(tǒng)的專業(yè)方向。但是也不要擔(dān)心，覺得太難自己學(xué)不了。核心還是看自己是否感興趣，很多人都是從零基礎(chǔ)開始，一步一步走過來。如果你想學(xué)UI而又苦于無入門方法和實(shí)操案例，不妨去參加UI培訓(xùn)學(xué)習(xí)，課程系統(tǒng)又全面，以企業(yè)需求為導(dǎo)向，又有專業(yè)導(dǎo)師面授教課，不懂的可以隨時提問，避免你在學(xué)習(xí)的路上多走彎路。
