欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2017:12:22 18:03:40 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有894个文字,预计阅读时间3分钟
导语
Sui-Number 随手数字字体设计总结

  Sui-Number 随手数字字体设计总结

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

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

 

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

推荐阅读:爱电影app设计欣赏

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

 

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

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

 

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

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

 

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

  3、明确优化目标基于1.0版本显现的问题,我们首先明确了2.0版本的优化目标:「新版字体必须能让用户快速无误的阅读,就算没有上下文情境也必须能清楚辨认。具备系统性,必须契合随手品牌的基调,在不同平台传达统一的视觉感受;现代主义,须适应当下所处的环境,并满足不同使用情境。」

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

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

 

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

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

 

  

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

  5、字体应用效果展示

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

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:语音交互中的“等待体验”研究

下一篇:三要素教你设计流行 大白风格UI

  • 18899 文章总数
  • 2332946访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信