下載量過億的理財應(yīng)用隨手記，是如何做設(shè)計改版的？

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

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

設(shè)計目標(biāo)

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

1. 回歸工具屬性

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

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

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

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

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

3. 平衡繁與簡

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

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

設(shè)計呈現(xiàn)

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

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

1. 顏色

在色彩的選擇方面，我們避免使用高純度的撞色組合，盡量做到色彩更輕，保持專業(yè)嚴(yán)謹(jǐn)?shù)母兄Ｔ诩?xì)微之處使用多彩點(diǎn)綴，讓專業(yè)的工具化的界面避免顯得過于冷漠與沉寂。

2. 字體

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

3. 質(zhì)感

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

4. 形狀

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

5. 圖文率

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

6. 內(nèi)容量

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

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

寫在最后

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

更多改版案例：

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

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