恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
随手记V12 · 改变正当时
0.0°
2019-03-22 原创文章 经验/观点 举报 1801 3 3 2

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


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


Image title



设计目标

_____________________


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



关键点一:回归工具属性


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


Image title

Image title


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

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


Image title

Image title


关键点二:让专业可感知


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


关键点三:平衡繁与简


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

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




设计呈现

___________________


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

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

Image title



1. 颜色

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


2. 字体

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


3. 质感

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

Image title


4. 形状

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

Image title


5. 图文率

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

Image title


6. 内容量

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





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

Image title

Image title



写在最后


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


Project : 随手记V12改版

Design Team : 产品设计中心

Designer : 户一纸 / 3HUO / SHU SHU / 大飞 / THX-S

Image title


更新:2019-03-22

收藏

3人已收藏

Desssign随设计

随手科技设计团队

  • 6

    作品

  • 315

    粉丝

  • 3

    关注

  • 随手科技 2018十二鑫座台历设计
  • 随手记卡通形象—小随2.0
  • 财富APP数字设计Sui-Number 2.0
  • 随手记卡通形象-小随

    猜你喜欢

      2019-03-22 原创文章 经验/观点 举报 1801 3 3 2

      随手记V12 · 改变正当时

      0.0°

      你确定要举报随手记V12 · 改变正当时

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录