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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何通过定制字体设计提升跨平台APP界面的一致性?
0.0°
2019-03-13 原创文章 经验/观点 举报 2876 14 13 3

Sui-Number 随手记APP定制数字字体设计总结



1、设计背景

随手科技是中国财务金融领导者,旗下拥有随手记、卡牛信用管家等旗舰产品,服务用户超过3亿。

Image title


基于随手财务金融属性,数据是APP的核心。

用户通过随手记、卡牛、随管家所发生的记账、理财、贷款等行为,本质就是在与数据进行记录、管理、查看等交互,而数字本身就是数据最直接的呈现方式。数字字体对于APP整体的重要性不言而喻。

Image title



2、应用场景的困境

安卓、iOS等不同平台默认字体各异,使得同一APP页面在不同平台之间的呈现效果存在差异,需通过字体整合维护跨平台视觉统一。

Image title


基于平台差异的大前提,我们团队在2016年设计的数字字体1.0版本正式投入使用。在部分以数据为核心的页面上应用初见成效,作为较大字号使用显示清晰,主体突出。

Image title


同时,在一段时间的应用中也总结了不少经验,因字体整体比例偏瘦长,并不适用于小字号显示,导致字体在APP界面中应用不彻底,需优化改造。



3、明确优化目标

基于1.0版本显现的问题,我们首先明确了2.0版本的优化目标:

「新版字体必须能让用户快速无误的阅读,就算没有上下文情境也必须能清楚辨认。

具备系统性,必须契合随手品牌的基调,在不同平台传达统一的视觉感受;

现代主义,须适应当下所处的环境,并满足不同使用情境。」

Image title

这些要求明确了设计的功能性目标:高度的准确性、可识别性,现代亲和且契合随手品牌等。基于这些目标,我们新版字体 Sui-Number 应运而生。



4、设计理念

Sui-Number 秉承包豪斯设计理念 ,沿用现代极简的表现手法,将字符归纳为直线、圆、方等几何形状,字体造型极富设计感,在细节表现上与随手科技品牌基调不谋而合。

Image title


Image title


采用开放的笔划结构设计,使得 Sui-Nember 相较其他字体在辨识度上更胜一筹。

Image title



完美兼容不同使用场景:不管用于大标题还是正文都能清晰辨认,在APP界面应用中做到真正意义上的视觉统一。

Image title


充分考虑每个数字的内部空间使之相互均衡协调;同时数字与数字之间的留白在视觉上分布匀称,以达到视觉上的平衡和节奏感。

Image title


Sui-Number 字体整体的定位介于几何与现代之间,完美契合随手品牌定位,给人予现代亲和的视觉感受。

Image title


字体共包含19个财务金融常用字符

Image title


6种字重为不同情境的设计提供更丰富的表现力

Image title



5、字体应用效果展示

Image title

Image title

Image title




更新:2019-03-13

收藏

14人已收藏

  • 2

    作品

  • 5

    粉丝

  • 5

    关注

  • 「GD Pro」可变字体延伸/演绎海报设计

    猜你喜欢

      2019-03-13 原创文章 经验/观点 举报 2876 14 13 3

      如何通过定制字体设计提升跨平台APP界面的一致性?

      0.0°

      你确定要举报如何通过定制字体设计提升跨平台APP界面的一致性?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年12月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      14
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录