|按钮如何规范化?( 三 )
1. 文字截断规则
文字的长度因为多语言的关系是不固定的 , 当达到按钮的最大宽度 , 文字还是超长时则需要截断省略 。
本文插图
按钮默认是尾部截断 , 可以根据不同场景选择中间截断省略 。
2. 文字缩小规则
在一些场景 , 按钮文字非常重要 , 不能够被省略 , 那文字过长时 , 常用的处理方式是缩小字号 。 这里要注意不同客户端的实现方式有所差异 , 如Web端只能缩小到固定字号;而iOS和安卓则可以根据文案长度自动缩小到显示的小为止 。
本文插图
文字缩小规则相对比较复杂 , 实际运用过程中需要注意以下2个问题:
- Web端因为只能缩小到固定字号 , 需要留意是否所有的语言缩小到该字号都可以展示完整;
- iOS和安卓可以缩小字号直到文字展示完整 , 需要注意某些语言下字号是否会缩得过小 , 影响用户阅读 。
以上便是关于制定按钮规范的分享 。 在开始的部分我们聊了制定规范前的准备工作 , 在这个阶段最重要的是明确规范的适用范围 , 即服务的对象是谁 , 这样才能帮助我们确定规范的整体框架及规范的细致程度 。
而在具体的实施阶段 , 需要注意的是多方沟通 。 如使用场景的收集 , 需要和不同业务的设计师沟通 , 确保没有遗漏场景;再如按钮的交互规则 , 需要和不同端的开发沟通 , 确保规则的合理性及可实现性 。
希望能给大家在制作规范方面带来一些帮助 。 谢谢~
本文由 @设计牛奶盒 原创发布于人人都是产品经理 。 未经许可 , 禁止转载
题图来自Unsplash , 基于CC0协议 。
推荐阅读
- Spacex|卫星互联网轨道资源稀缺,中国航天如何与国际卫星界大亨竞争?
- iQOO手机|毕业想换5G手机不知如何选?别犹豫了,iQOO Z1x适合你
- 蓝橡树|牛娃爸爸分享: 孩子如何通过学习编程, 激活大脑, 提升成绩, 逆袭名校?
- 中年|什么是余压监控系统?余压监控系统如何接线和安装?一篇文章搞懂
- 行业互联网|突围造车红海 恒大如何冲刺下半场?
- AMD,英特尔|英特尔i5-10400和AMD 3600如何选择?看性价比?
- 互通lightroom教程|如何拍摄高级感服装产品图
- |证券类APP如何运营?拉新篇
- 5G|ROG游戏手机3体验如何?144Hz+6000mAh组合惊艳
- 见谈说|喧嚣的噪声如何改变我们的听觉