下载量过亿的理财应用随手记，是如何做设计改版的？

在过去的八年里，随手记作为移动记账时代的开创者，先后推出「记一笔」、「情景账本」、「多人记账」等耳目一新的功能，截至目前累计下载用户超过2.2亿，据权威数据显示，随手记在活跃用户规模、用户使用时长方面稳居记账理财行业第一位。

终端设备的换代，对界面设计的要求也在不断地进化，为了给大家提供更好的操作体验和全新的视觉感受，我们对随手记进行了V12改版升级。

设计目标

根据产品属性、特征以及现实状况，我们围绕「回归工具属性、让专业可感知、平衡繁与简」三个关键点，对部分功能进行了重构优化，对视觉表现进行了全面的升级。

1. 回归工具属性

随手记作为工具的主属性还是没有改变的，因此作为工具特征元素的工具栏，在V12中得到了明确与强调。将功能组合形成明确的工具栏形态，有助于用户对功能进行更快速地选择与定位，从而实现更快捷的财务管理。

首页顶部整合了账本选择入口和支持用户自定义的功能入口，形成顶部导航栏，让账本切换的引导更合理、更直接，快捷入口的自定义也更具扩展性和灵活性；流水等页顶部也将各功能入口整合到导航栏上，和首页形成呼应的同时，页面层级结构也更统一；不减功能的前提下通过整理组织，增强模块清晰度，能够让用户更直接更快捷地触达功能。

优化流水列表结构，让层级更凸显，内容条目更清晰。通过有效的排版组织，多种分割形式的合理运用，形成具有强扩展性，统一化、标准化的多维度、多层级流水列表。

2. 让专业可感知

在产品自身特色方面，随手记同源于金蝶，拥有深度专业的财务知识沉淀与财务管理经验。专业，也是随手记领先竞争对手的一大优势。过往的版本在个性主题和用户自定义等情感化功能得到用户认可的同时，专业感知则相对有所减弱，而这次V12改版，旨在加强用户对于产品的专业感知，让随手记不仅内在专业，在感官表现上也同样是专业的。

3. 平衡繁与简

专业、强大意味着功能需要考虑不同层级的用户，必须具备广泛的涵盖度甚至是一定的复杂度。另一层面，易用、美观的应用却通常又是简约的。那要让专业强大的工具，易用而美观，看似是矛盾的，但其实只要做到繁简有度，分场景把控好繁简的取舍，就能将两者平衡好。

将形式融于功能，不为形式简而简功能。去除冗余之后再对元素进行合适的组合、隐藏、转移，用化繁为简的设计语言，将强大的各功能模块进行整合，使之相得益彰。不畏「繁」，通过设计的解构重构，赋予界面相对的，而非绝对的「简」。不因为功能的专业、全面、有深度而选择浅尝或进行勉强的删减。

设计呈现

在改版设计过程中，从上述三个关键点出发，将设计形式始终贴合功能，不盲目去追逐流行的样式。结合经典又不被流行束缚，就能拥有更大的表现弹性，在更广的表现域中选取与功能相应的方式。

我们不把酷炫亦或极简作为设计的目标，而是选择符合产品基调的设计方向进行输出。符合产品基调的设计才会是目标用户潜意识中所期望的。适合，是我们考虑的首要条件。基于此，我们把控颜色、字体等基本要素，去设计呈现最佳的、最合适的效果。

1. 颜色

在色彩的选择方面，我们避免使用高纯度的撞色组合，尽量做到色彩更轻，保持专业严谨的感知。在细微之处使用多彩点缀，让专业的工具化的界面避免显得过于冷漠与沉寂。

2. 字体

使用系统常规的无衬线黑体相对有衬线字体及各类异体字，更加的简洁，严谨，中性，更符合功能性和现代感的要求。也避免因为加载过大的中文字体包使应用本身体量过大。

3. 质感

V12中我们不排斥也不滥用质感，将其控制在一定的范围和程度内，在平衡效率的前提下用来引导、暗示操作，突出重点划分空间与层次，遵循自然的逻辑。使用一定的材质营造氛围，有效提升工具界面的丰富感。

4. 形状

形状主要以图标，卡片等元素形式呈现在界面中。图标设计上，我们使用细线勾勒出以规则几何图形组合成的形状，保证严谨、细致、专业的感知，避免随性的线条产生随意和不稳定感。卡片定义为方正的小圆角矩形，严肃而不呆板。

5. 图文率

图在界面中的占比过大，会显得娱乐化，个性化，降低专业感和严谨性。在工具化的，专业严谨的页面需要将图文率控制在较小的范围。

6. 内容量

在内容量的控制上，合理规划元素在页面上的分布，通过丰富的内容给用户更强的信任感和专业感。避免页面出现过大的负空间造成空洞、功能性较弱等感知。

V12改版除了界面的优化升级，在闪屏、引导页等风格化页面或图形上也进行了全新的设定。另外，Logo去除边框打破边界，「改变正当时」。

写在最后

目前随手记V12版已上线，欢迎大家在各大应用市场下载体验，您的支持，是我们前行的动力。

更多改版案例：

1. 《用优酷体育直播的实战案例，为你展示一个专业的改版设计过程》
2. 《如何做好大型视觉改版？来看全民K歌5.0 的改版经验总结！》
3. 《官方揭秘！飞猪首页2018完整改版背后的设计过程回顾》

版权归随手科技有限公司所有，原文链接：https://www.zcool.com.cn/article/ZOTAyMzg0.html