在過去的八年里，隨手記作為移動記賬時代的開創(chuàng)者，先后推出「記一筆」、「情景賬本」、「多人記賬」等耳目一新的功能，截至目前累計下載用戶超過2.2億，據(jù)權威數(shù)據(jù)顯示，隨手記在活躍用戶規(guī)模、用戶使用時長方面穩(wěn)居記賬理財行業(yè)第一位。

終端設備的換代，對界面設計的要求也在不斷地進化，為了給大家提供更好的操作體驗和全新的視覺感受，我們對隨手記進行了V12改版升級。

設計目標

根據(jù)產(chǎn)品屬性、特征以及現(xiàn)實狀況，我們圍繞「回歸工具屬性、讓專業(yè)可感知、平衡繁與簡」三個關鍵點，對部分功能進行了重構優(yōu)化，對視覺表現(xiàn)進行了全面的升級。

1. 回歸工具屬性

隨手記作為工具的主屬性還是沒有改變的，因此作為工具特征元素的工具欄，在V12中得到了明確與強調(diào)。將功能組合形成明確的工具欄形態(tài)，有助于用戶對功能進行更快速地選擇與定位，從而實現(xiàn)更快捷的財務管理。

首頁頂部整合了賬本選擇入口和支持用戶自定義的功能入口，形成頂部導航欄，讓賬本切換的引導更合理、更直接，快捷入口的自定義也更具擴展性和靈活性；流水等頁頂部也將各功能入口整合到導航欄上，和首頁形成呼應的同時，頁面層級結構也更統(tǒng)一；不減功能的前提下通過整理組織，增強模塊清晰度，能夠讓用戶更直接更快捷地觸達功能。

優(yōu)化流水列表結構，讓層級更凸顯，內(nèi)容條目更清晰。通過有效的排版組織，多種分割形式的合理運用，形成具有強擴展性，統(tǒng)一化、標準化的多維度、多層級流水列表。

2. 讓專業(yè)可感知

在產(chǎn)品自身特色方面，隨手記同源于金蝶，擁有深度專業(yè)的財務知識沉淀與財務管理經(jīng)驗。專業(yè)，也是隨手記領先競爭對手的一大優(yōu)勢。過往的版本在個性主題和用戶自定義等情感化功能得到用戶認可的同時，專業(yè)感知則相對有所減弱，而這次V12改版，旨在加強用戶對于產(chǎn)品的專業(yè)感知，讓隨手記不僅內(nèi)在專業(yè)，在感官表現(xiàn)上也同樣是專業(yè)的。

3. 平衡繁與簡

專業(yè)、強大意味著功能需要考慮不同層級的用戶，必須具備廣泛的涵蓋度甚至是一定的復雜度。另一層面，易用、美觀的應用卻通常又是簡約的。那要讓專業(yè)強大的工具，易用而美觀，看似是矛盾的，但其實只要做到繁簡有度，分場景把控好繁簡的取舍，就能將兩者平衡好。

將形式融于功能，不為形式簡而簡功能。去除冗余之后再對元素進行合適的組合、隱藏、轉移，用化繁為簡的設計語言，將強大的各功能模塊進行整合，使之相得益彰。不畏「繁」，通過設計的解構重構，賦予界面相對的，而非絕對的「簡」。不因為功能的專業(yè)、全面、有深度而選擇淺嘗或進行勉強的刪減。

設計呈現(xiàn)

在改版設計過程中，從上述三個關鍵點出發(fā)，將設計形式始終貼合功能，不盲目去追逐流行的樣式。結合經(jīng)典又不被流行束縛，就能擁有更大的表現(xiàn)彈性，在更廣的表現(xiàn)域中選取與功能相應的方式。

我們不把酷炫亦或極簡作為設計的目標，而是選擇符合產(chǎn)品基調(diào)的設計方向進行輸出。符合產(chǎn)品基調(diào)的設計才會是目標用戶潛意識中所期望的。適合，是我們考慮的首要條件。基于此，我們把控顏色、字體等基本要素，去設計呈現(xiàn)最佳的、最合適的效果。

1. 顏色

在色彩的選擇方面，我們避免使用高純度的撞色組合，盡量做到色彩更輕，保持專業(yè)嚴謹?shù)母兄Ｔ诩毼⒅幨褂枚嗖庶c綴，讓專業(yè)的工具化的界面避免顯得過于冷漠與沉寂。

2. 字體

使用系統(tǒng)常規(guī)的無襯線黑體相對有襯線字體及各類異體字，更加的簡潔，嚴謹，中性，更符合功能性和現(xiàn)代感的要求。也避免因為加載過大的中文字體包使應用本身體量過大。

3. 質(zhì)感

V12中我們不排斥也不濫用質(zhì)感，將其控制在一定的范圍和程度內(nèi)，在平衡效率的前提下用來引導、暗示操作，突出重點劃分空間與層次，遵循自然的邏輯。使用一定的材質(zhì)營造氛圍，有效提升工具界面的豐富感。

4. 形狀

形狀主要以圖標，卡片等元素形式呈現(xiàn)在界面中。圖標設計上，我們使用細線勾勒出以規(guī)則幾何圖形組合成的形狀，保證嚴謹、細致、專業(yè)的感知，避免隨性的線條產(chǎn)生隨意和不穩(wěn)定感。卡片定義為方正的小圓角矩形，嚴肅而不呆板。

5. 圖文率

圖在界面中的占比過大，會顯得娛樂化，個性化，降低專業(yè)感和嚴謹性。在工具化的，專業(yè)嚴謹?shù)捻撁嫘枰獙D文率控制在較小的范圍。

6. 內(nèi)容量

在內(nèi)容量的控制上，合理規(guī)劃元素在頁面上的分布，通過豐富的內(nèi)容給用戶更強的信任感和專業(yè)感。避免頁面出現(xiàn)過大的負空間造成空洞、功能性較弱等感知。

V12改版除了界面的優(yōu)化升級，在閃屏、引導頁等風格化頁面或圖形上也進行了全新的設定。另外，Logo去除邊框打破邊界，「改變正當時」。

寫在最后

目前隨手記V12版已上線，歡迎大家在各大應用市場下載體驗，您的支持，是我們前行的動力。

更多改版案例：

1. 《用優(yōu)酷體育直播的實戰(zhàn)案例，為你展示一個專業(yè)的改版設計過程》
2. 《如何做好大型視覺改版？來看全民K歌5.0 的改版經(jīng)驗總結！》
3. 《官方揭秘！飛豬首頁2018完整改版背后的設計過程回顧》

版權歸隨手科技有限公司所有，原文鏈接：https://www.zcool.com.cn/article/ZOTAyMzg0.html