本文将谈谈在制定按钮规范时遇到的一些问题。虽然只有普通的按钮,但还是有很多细节值得我们去思考和学习。严格来说,荷兰电话号码列表 按钮包括很多种,比如普通按钮、图标按钮、文本按钮、开关按钮等:但我觉得会有在基于此类分类制定规范时有些重叠,例如“图标按钮”是图标还是按钮?是不是两者的区分不是很彻底?所以如果我做一个规范,按钮就是上图中的普通按钮,其余的分类为文字、图标、开关,这样每个控件就可以清晰(这里必须强调的是,荷兰电话号码列表 每个平台都有自己的规则和名称。我们制定规范是为了让我们的团队更好地协同工作,而不是为了规范。
因此,在某些类别和名称方面,没必要太纠结太认真,只要团队成员之间达成共识,提高团队效率,适合团队成员使用,荷兰电话号码列表 就是最好的规范。)接下来说制定按钮规格时遇到的一些问题。虽然只有普通的按钮,但还是有很多细节值得思考和学习。大纲如下:按钮高度按钮宽度按钮颜色按钮圆角按钮状态按钮文本按钮搭配按钮图标1。荷兰电话号码列表 按钮高度每个平台都会有多种类型的按钮。我见过最多的可以分为5种:大纽扣、大纽扣、中纽扣、小纽扣、超小纽扣。这个可以根据自己平台的需求来定制。每种类型的按钮都需要有特定的高度,
那么如何制定这个高度比较科学呢?这里推荐一个方法,按钮的高度是文字高度的三倍左右,这样看起来会更舒服: 当然,这种方法只是多款产品对比分析得出的一般规律,仅供参考! 2.按钮宽度每个规范的按钮高度是固定的,但宽度不一定。荷兰电话号码列表 比如大按钮会根据页面内容来设置按钮的宽度:当然我们还是要给出最大值和最小值大按钮的宽度。最大宽度是页面宽度减去安全边距(下图中两条红线之间的距离就是安全边距,每个平台都有,常见的安全边距有10pt、荷兰电话号码列表 12pt、16pt等) :最小宽度可以根据各个平台的属性制定。再比如小按钮,我们需要给一个临界值,比如四个字就是临界值,当按钮字数小于4时,宽度由4个字的宽度实现: