如何度過迷茫期？我們從 APP設計改版入手分析

最新 02-02

如何進行APP設計改版？提到這個話題有兩層不同的討論方向，在工作中對公司項目進行設計改版和利用業餘時間進行自由主題的改版練習。

本文作者（黑馬青年），在這裡主要以後者為出發點進行討論，其目的是為了給部分設計師在利用自己業餘時間上面探索出一個新的方向。希望可以幫助到大家。

寫在前面

設計師的自我提升來源於多方面的綜合體現，工作項目中的實戰經驗、團隊協作的互補學習、項目沉澱與反思、碎片化閱讀的查漏補缺、業餘時間的自我驅動、閱讀帶來的知識沉澱等等。如何充分利用自己的業餘時間是被很多初入行業的設計師所忽略的，一晃三五年過去了，卻發現自己找不到更多的作品用來豐富簡歷，很快便進入了瓶頸期。

面對未來的自己可能會出現這樣的情況，我們一起提前探討一下這個話題，以 APP 設計改版為突破口展開我們的話題，希望帶給即將入行和剛入行的設計夥伴兒一個新的方向。

1、改版的目的，從不做無意義的事情；

2、制定時間規劃，是為了治療懶病；

3、如何挑選改版產品，再也不是選「美」了；

4、體驗，這是你的第一次深度探尋；

5、功能梳理，理清流程好開工；

6、競品分析，做好知己知彼；

7、素材採集，打開禁錮的思維；

8、體驗，走了一圈才發現你可以更好；

9、交互設計，實現你心中的更好；

10、設計風格推導，符合產品的設計趨勢運用；

11、界面設計，碎片化積累；

12、審核，尋找導師；

13、調整優化，不放過任何一個細節；

14、包裝，整理設計思路；

15、分享，設計交流。

正文

1、改版的目的，從不做無意義的事情

工作中的項目參與對設計師的專業提升是非常重要的，由於很多公司都處於高速發展的階段，項目的周期很緊張，都希望每個支援板塊能夠具備更高的效率，推進項目更快的完成迭代上線。在設計板塊，很多成熟的平台也是願意花費更高的福利待遇引進資深及以上級別的設計師支持項目的高效運轉，那麼設計師的進階之路便是你在職場中穩中求進的關鍵。

在真實的場景中，有一部分設計師也存在著以下情況：

a. 項目參與度低，沒有更多的機會發揮自己的專業；

b. 公司產品迭代緩慢或者視覺支持較小，空餘時間較多；

c. 沒有機會在項目中嘗試一些新的設計語言；

d. 自學 UI 中，沒有真實項目能夠發揮；

e. 增強設計效率和產品設計思維等能力。

如果你擁有以上的情況之一，利用自己的業餘時間進行 APP 設計改版將會給你帶來更多的提升空間，不但可以通過練習增強自己的設計效率，也能體驗更加豐富的產品設計。在改版中也能不斷加強一些交互或者產品的思維，可以讓你在以後的工作項目中不局限在視覺層面，具備更多的產品思考，做出更合理的設計。

2、制定時間規劃，是為了治療懶病

如果你想要改變現狀，也拿出前所未有的熱度值，那就趁熱打鐵吧，制定一份時間表是必須的，千萬別忽略它的重要性，如果你不按照這個時間計划去推進，可能這個熱度值將會被懶寶寶不斷地熄滅^_^。

制定時間規劃不僅可以合理的利用好自己的業餘時間，也能更好的按照這個規劃表去逐步的推進這次改版項目，把一個大的事項拆分為若干的小事項，每天推進一部分，一次改版設計很快就在不斷的推進中被完成。

APP 改版時間規劃表大家可根據自己的習慣設置，表格形式還是簡單的文字記錄都可以，進度把控需要結合自身情況而定，確保其有效性。

3、如何挑選改版產品，再也不是選「美」了

面對應用商城裡面海量的 APP 產品，你是否有點不知所措，如果選擇一個自己從來不玩的 APP，改版的時候對產品的服務模式、功能架構、交互邏輯等都是比較陌生的，需要一定的時間進行學習。如果選擇一些大型的產品，由於其自身的設計團隊就是非常的專業，你很難從中發現可以優化的點，即使勉強進行改版，也會發現自己設計得不如原版的好，進而打擊自己的自信心。

通過上面的分析，我們在挑選改版產品的時候，需要結合自身的一些情況先做出一定的預判，然後再去挑選現階段相對比較符合的產品進行改版練習。

a. 挑選自己接觸過的直接產品或者間接產品；

b. 對 APP 裡面所提供的產品或者服務比較認可或者沒有一定的排斥感；

c. 挑選無論是視覺層面還是交互層面都有一定優化空間的產品，別輕易嘗試精品；

d. 如果身邊有朋友使用過的產品優先考慮，因為可以成為你調研數據的來源；

e. 選擇陽光積極型的產品，不做傳遞負能量或者違反規定的產品；

f. 初次嘗試 APP 改版設計，從輕量級的產品入手，可以控制練習時間和自己的駕馭度。

4、體驗，這是你的第一次深度探尋

當你確定自己改版的 APP 對象以後，我們就開始做一次體驗吧，這是你的第一次深度探尋。體驗情況根據設計師對該產品的熟悉程度而定，你需要通過不斷的進行操作把自己從小白用戶升級到專家級用戶。

這個過程需要你對產品有一個很深入的了解，不只是熟悉主流程操作邏輯，對一些偏冷門的功能操作也要非常的熟悉，如果是需要註冊使用的產品，一定不要忽略註冊會員以後的體驗。最終達到的級別是你可以向身邊任何一位朋友輕鬆的進行推薦和演說，能夠通過你的講解讓他輕鬆地學會使用該產品。

5、功能梳理，理清流程好開工

當你對改版 APP 進行第一次深度體驗之後，利用思維導圖軟體繪製出整個產品的功能結構圖，思維導圖軟體種類很多，大家自行選擇，我常用的是 MindNode。第一次進行功能梳理無需進行增刪處理，真實還原產品現有功能即可，其目的是整理自家「倉庫」，做到心中有數。

在進行功能梳理的時候，如果遇到操作複雜的功能需要備註信息，以便自己後期預覽時能夠快速理解其含義。如果是第一次做功能結構圖越詳細越好，這將有助於你充分理解每個功能傳達的含義。

6、競品分析，做好知己知彼

深度體驗完改版 APP 之後，做了功能結構圖，此時你對所需要改版的 APP 以及這個行業的產品都有一定的認知，此時你再去體驗直接競品和間接競品必然是以一個專家級用戶的水平去探尋。在體驗過程中需要結合改版產品的功能進行對比，可能第一遍體驗無法很好的進行對比，所以需要至少體驗 3 次以上才能很好的得出對比的結論。

體驗產品時需要注意的幾個維度：

a. 不要急於進行總結，先進行至少 3 次以上體驗；

b. 先看整體布局再分析局部細節；

c. 重點功能交互形式需要提取出來進行對比；

d. 主界面的各版塊布局設計需要進行對比；

e. 配色分析，作為改版時的配色優化指導；

f. 圖標和組件庫的分析，找出細節的優化方向。

進行競品體驗時，儘可能多的找出差異化的設計形式，作為改版 APP 優化的指導方向。由於作為 UI 設計師進行 APP 改版練習更多是視覺優化為主，交互優化為輔，所以我們需要在相同模塊上面找出更多不同的設計樣式，作為視覺優化的方向。

如果你自身交互能力較好，也可以以交互優化為主，視覺優化為輔，這個可以結合自身情況選擇。在進行競品體驗的時候也要根據優化目的的不同，著重的轉移體驗的重心。

7、素材採集，打開禁錮的思維

通過競品體驗你會總結出改版 APP 各個模塊的差異化，相同的功能模塊各自產品的交互形式、布局樣式、視覺風格都存在各自的差異。此時，你對改版 APP 中的很多設計都一個初步的優化清單，你需要再深入一步，因為競品的設計樣式不一定就是值得借鑒的，我們需要尋找更多的靈感，打開自己禁錮的思維。

通過國內外的一些設計平台、素材網站等我們可以去採集更多的設計樣式作為靈感借鑒，日常的一個採集收藏習慣也就變得尤為重要了，作為一個優秀的 UI 設計師，我們需要養成這樣的習慣。個人平時經常訪問的設計平台有站酷、UI中國、致設計、Dribbble、Behance等，採集收藏靈感會經常用Pinterest和花瓣，都是一些大家經常訪問的平台，所以不是別人知道你所不知的優秀平台，而是你沒有他的良好習慣。

8、體驗，走了一圈才發現你可以更好

採集完一些靈感素材之後，我們又回到體驗改版 APP 的起點，走了一圈之後你會發現改版 APP 中很多你可以入手優化的方向，比起第一次體驗，你會更加有信心能夠做出一個不一樣的設計作品。再次進行產品體驗的時候，你需要帶著腦海中處理相同功能板塊的不同設計表現形式進行思考，尋找出更好的設計表現形式來解決這個功能模塊。

在構思優化樣式的時候，可以繪製一些簡單的草圖，以防後期進行交互輸出的時候遺漏靈感細節。在進行設計優化的時候先從靈感庫中尋找較為符合的樣式進行思維嵌套，然後再發散思維，融入自己原創性的思維，形成自己的原創思路。

9、交互設計，實現你心中的更好

通過前期的準備工作，我們即將進入重要的設計部分，大家不要忽略前期的準備階段，只有思路成熟且清晰，後面的設計工作才能更加順暢。

作為 UI 設計師最終輸出的必然是高保真的視覺稿，那麼交互原型設計是為了快速的把自己的思路展現出來，所以不局限於原型軟體的繪製，哪怕是紙上的草圖繪製也是可行的方案。最終的交互稿是給自己看的，所以能看懂就能達到最終的目的。

如果你考慮後期進行作品包裝展示時，希望能展示出交互思維，那你花點時間適當的對低保真交互原型進行繪製也是不錯的選擇，也能鍛煉自己原型製作軟體的操作能力^_^。

10、設計風格推導，符合產品的設計趨勢運用

在開始進入界面視覺設計時，我們需要對整體 APP 設計做風格推導，這將直接關係著最終界面呈現的效果。如果你是一位對行業趨勢關注的設計師，各種設計趨勢呈現在你腦海中，你需要進行篩選，結合改版產品的屬性選擇合適的設計語言去表達，切不可為了趨勢而犧牲產品定位。

在進行風格確定的時候，顏色的選擇也佔據一定的因素，我們可以選擇改版 APP 現有的主色進行優化，也可以進行推翻重選。如果是重新選擇配色方案，我們可以通過情緒版的方式在身邊朋友或者各種群里進行。也可以與競品形成視覺差異化，選擇一些形成對比的配色方案，方式很多，大家根據自己的條件和思路自行展開。

確定好配色方案之後，我們需要考慮設計的表現形式，無論是何種設計形式都需要符合產品的屬性。比如大標題、大圓角卡片、大投影等設計表現形式會在視覺層面帶來不錯的效果，卻需要考慮信息量的因素，如果本身改版 APP 就屬於信息量很大的產品，在選擇時就要綜合考慮。根據 APP 的風格定位，比如文藝類、娛樂類、兒童類等，那麼設計的風格也會對產品風格定位起到一定的影響。

11、界面設計，碎片化積累

當你打開設計軟體進行界面設計的時候，剩下的就是「滿血復活」的激情，為了能夠充分利用好業餘時間，我們需要把數十個界面分配到具體的日程中，最大程度的利用碎片化的時間進行積累。規定自己一天完成兩個界面，就要嚴格執行，只有這樣你才能具備超強的戰鬥力。

提到界面設計很多設計師會糾結在軟體的選擇上面，總會問老司機們你們用什麼軟體，其實軟體的選擇並不是問題，它只是一個工具，用的順手即可，現在很多軟體都能帶來最終的目的。隨著很多輕量級的軟體不斷豐富多樣，軟體的操作也更加簡單便捷，只要你充分的利用互聯網資源，軟體的學習只是熟練度的問題，設計的思路與技巧才是需要更多的學習、研究和總結。