|按钮如何规范化?( 三 )


1. 文字截断规则
文字的长度因为多语言的关系是不固定的 , 当达到按钮的最大宽度 , 文字还是超长时则需要截断省略 。
|按钮如何规范化?
本文插图

按钮默认是尾部截断 , 可以根据不同场景选择中间截断省略 。
2. 文字缩小规则
在一些场景 , 按钮文字非常重要 , 不能够被省略 , 那文字过长时 , 常用的处理方式是缩小字号 。 这里要注意不同客户端的实现方式有所差异 , 如Web端只能缩小到固定字号;而iOS和安卓则可以根据文案长度自动缩小到显示的小为止 。
|按钮如何规范化?
本文插图

文字缩小规则相对比较复杂 , 实际运用过程中需要注意以下2个问题:

  1. Web端因为只能缩小到固定字号 , 需要留意是否所有的语言缩小到该字号都可以展示完整;
  2. iOS和安卓可以缩小字号直到文字展示完整 , 需要注意某些语言下字号是否会缩得过小 , 影响用户阅读 。
八、小结
以上便是关于制定按钮规范的分享 。 在开始的部分我们聊了制定规范前的准备工作 , 在这个阶段最重要的是明确规范的适用范围 , 即服务的对象是谁 , 这样才能帮助我们确定规范的整体框架及规范的细致程度 。
而在具体的实施阶段 , 需要注意的是多方沟通 。 如使用场景的收集 , 需要和不同业务的设计师沟通 , 确保没有遗漏场景;再如按钮的交互规则 , 需要和不同端的开发沟通 , 确保规则的合理性及可实现性 。
希望能给大家在制作规范方面带来一些帮助 。 谢谢~
本文由 @设计牛奶盒 原创发布于人人都是产品经理 。 未经许可 , 禁止转载
题图来自Unsplash , 基于CC0协议 。


推荐阅读