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