今天阅读了一篇Jared关于目前iOS系统UIButton样式设计思考的文章(UnTouchable)
思考
iOS系统的精髓是Touch,是手指和玻璃的触碰.
而UIButton目前是用带颜色的Text文本来显示,这样,就会产生一个问题:不带边框的文本会给用户带来使用上的tension,会有一个疑问🤔️,这个UIButton的点击响应区域到底是多大?
在ToolBar中UIButton为例子,我们用户会假想一个button的边框,如图所示:
Toolbar的Button.png
颜色不能识别一个UIButton
用户不是点击的颜色,而是点击一个区域. 在一个区域的边界内部Touch,才会响应点击事件,而一段Text没有这个能力.
用官方Twitter和Tweebot举个例子:
Twitter V.S. Tweetbot.png
官方的蓝色Text代表着可以点击的UIButton? 那如果我们是色盲呢? 黑色的Title能不能点击?点击社交类App的名字Title会弹出一个关注列表,那么我们就会更加疑问,蓝色,黑色的Text哪个代表着可以点击的UIButton
再来一个例子: 联系人Contact App
Contact.png
简直无力吐槽了,白色背景下的各种文本,根本分不清哪些能够Edit,其范围是多大.
链接Link🔗
只用颜色标示链接是不完整,目前UnRead中表示链接,会通过颜色,字体,下划线,Hover时的灰色背景来标识,这一块区域是链接
Link in Unread App.png
总结: Apple一直以来都是我的Hero,创造了太多美好的交互(比如滑动返回),但是用Text文本来表示UIButton是不是欠缺考虑呢?
过度的做减法,表面上更加简洁,但忽略了以前那些视觉原色背后所代表的意义,Button应该看起来像一个Button
网友评论