MoneyWiz 3.1 更新詳解：全新的 UI 設計終於來了

摘要： MoneyWiz 是一款全功能的個人記賬 App，在 6 月 4 號時迎來了它 從 2.0 版本向 3.0 的跨越 ，雖然從版本號看來那是一個大版本的更新，但實際上它僅對付費模式和賬戶型別做了些許調整。 而在最近更新的 3.1 版本中，它終於帶來了全新的 UI 設計，這一次，Money...

ofollow,noindex">MoneyWiz 是一款全功能的個人記賬 App，在 6 月 4 號時迎來了它 從 2.0 版本向 3.0 的跨越 ，雖然從版本號看來那是一個大版本的更新，但實際上它僅對付費模式和賬戶型別做了些許調整。

而在最近更新的 3.1 版本中，它終於帶來了全新的 UI 設計，這一次，MoneyWiz 3.0 時代是真的到來了。

全新 UI 設計

在 3.1 版本之前，MoneyWiz 整體看上去有一種老里老氣的感覺，彷彿還停留在剛進入扁平化的 iOS 7 時代。並且「漢堡包」式選單欄在操作過程中總要讓人多點幾下；而在 3.1 版本中，MoneyWiz 終於跟上了潮流，加入了 iOS 11 原生的設計風格的大家庭。

在舊版本中，左側的選單欄除了「設定」之外有「控制面板、賬戶、預算、預定、報表」這 5 個可選項；而在新版中，控制面板被整合進了賬戶、預算和預定中，從而形成了 三大功能 + 一個報表 的局面。

除了選單欄的重新組合，另一個值得關注的點是「賬戶」和「類別」的圖示設計。在舊版中，賬戶和類別共用一個圖示庫，並且僅有單色可選（紅色/綠色）；而在新版中，賬戶的圖示在首頁中並不能顯示，類別可以選擇多彩圖示。

對於賬戶來說，這種設計能更加凸顯「資料夾整合賬戶」的功能性；對於類別而言，多彩能更加提高辨識度和美觀性。

而且， 賬戶 、 預算 、 預定 三大功能也各自發生了不少變化。

新版的「賬戶」地位更高

第一大功能是「賬戶」。

在舊版中，它被排在了「控制面板」之後，且僅能顯示賬戶的金額、淨值等資訊，如果想檢視最近發生的交易的話，要在側邊欄開啟的狀態之下點選小眼睛圖示。

而在新版中，App 主頁就是「賬戶」，其中又分成了賬戶、全部交易和統計 3 個子功能。在子功能「賬戶」中，你可以看到你所有的銀行卡、信用卡、貸款賬戶、投資賬戶等等，相較於舊版，3.1 將淨值放置在了左上角，可以讓我們更直觀地瞭解自己的淨資產；子功能「全部交易」裡可以看到所有的交易記錄；而子功能「統計」則是舊版中控制面板中的一個子專案，包括負債，今日、本週、本月支出，和本月收入，現在則被整合進了「賬戶」這個功能中。

重新設計的預算更一目瞭然

第二大功能是「預算」。

在舊版中，MoneyWiz 採用一種較細的、漸變色的進度條來顯示預算的執行情況，視覺上並不是非常直觀明瞭。而在 3.1 版本中，進度條被加粗了很多，顏色也各不相同：綠色、黃色、紅色分別代表了不同的執行情況。

對於單項預算來說，有三種顯示方式：

1. 已確定：僅包含所有已經確定的交易，也就是標記為待定中的交易不會包含
2. 待定中：包含所有已確定和待定中的交易
3. 預測：除了以上兩項之外還包含該時間範圍內將會發生的交易，也就是「預定」中計劃好即將發生的交易

不過 3.1 版本將當前時間位置的尺標取消了，所以我們現在就不能通過尺標來判斷當下的消費是否超出預算了。

預定管理更突出下一步行動

第三大功能是「預定」。

在舊版中，日曆和未來的預定交易合併在同一個頁面中，這樣又一個很明顯的缺點：在一個頁面中無法顯示足夠多的未來預定交易。

而在新版中，MoneyWiz 把日曆和預定交易分開顯示，這樣你就能在主頁面中看到更多的下一步行動。

交易記錄中的小細節

在介紹完 賬戶 、 預算 和 預定 三大功能之後，我們再來看下記賬時的體驗。

首先是交易類別。在 3.1 版本前，MoneyWiz 一共有 3 種交易類別：支出、收入、轉賬；而在新版中，曾經作為配菜的 調整餘額 成為了第 4 種交易型別。

其次是交易佈局的設定。在舊版中，你可以在設定中按照自己的偏好選擇需要記錄的專案，而在新版中，這種「按需選擇」被歸為了 自定義 功能；除此之外你還有 簡單 、 常規 、 專業 3 種選擇，這對記賬新手來說比較友好：你可以按照自己的實際情況對應不同的分類，而不會在記賬初期就被過於詳細的幾張細節所嚇跑。

最後一個新版的調整就是 待處理交易的顯示方式 。曾經的 MoneyWiz 用紅綠絲帶來區分該交易是否為「已確定」的狀態。

在 3.1 中每條交易前面的絲帶被小圓點所取代：如果右下角有紅色小圓點，則表示該交易暫未確認；同時，它會與其他交易區分開來，以頂置的形式顯示在最上方。另外，在前文中提到的被取消的「控制面板」中曾經也有一項為「正待處理的交易」，現在也被統一歸在全部交易/相應賬戶的定製服務方位顯示。

報表功能進一步優化

大家都知道 MoneyWiz 的最大特點就是：報表多。在 3.1 中，報表種類還是這三十多種，只是在設計互動上面進行了部分優化。

以「比較支出類別」為例，在舊版中，圖表和交易預設合併在同一個頁面中顯示；而在 3.1 中，圖表和交易各自成為一個子功能。除此之外，曾經的圖例在新版中也被取消了，取而代之的功能是：點選之後顯示相應圖例。

寫在後面

從開發者公佈「即將推出」MoneyWiz 3.0 到現在已經過去了大半年，說實話，我的熱情在它一次又一次的跳票中已經慢慢衰減了，讓我還一致執著於它的原因有二：

1. 是 MoneyWiz 讓我 建立起了我心中的記賬體系 ，也就是我教程中所說的「記賬系統」，而記賬本是一個功能性的需求， 功能比顏值更重要；
2. 作為一個以資料為導向的 App， 遷移成本 之高不容小覷。

所以我還是選擇等，哪怕它的設計風格落後得令人髮指，畢竟最終總是會等到。

這次煥然一新的 3.1 還是那個我熟悉的記賬體系，UI 的優化和細節的調整讓它在功能強大的同時，感官上也更平易近人，跳票什麼的，習慣了就好。