关于目前UIbutton设计的一些想法

今天阅读了一篇Jared关于目前iOS系统UIButton样式设计思考的文章(UnTouchable)

思考

iOS系统的精髓是Touch,是手指和玻璃的触碰.
UIButton目前是用带颜色的Text文本来显示,这样,就会产生一个问题:不带边框的文本会给用户带来使用上的tension,会有一个疑问️,这个UIButton的点击响应区域到底是多大?
ToolBarUIButton为例子,我们用户会假想一个button的边框,如图所示:

关于目前UIbutton设计的一些想法_第1张图片
Toolbar的Button.png

颜色不能识别一个UIButton

用户不是点击的颜色,而是点击一个区域. 在一个区域的边界内部Touch,才会响应点击事件,而一段Text没有这个能力.

用官方TwitterTweebot举个例子:

关于目前UIbutton设计的一些想法_第2张图片
Twitter V.S. Tweetbot.png

官方的蓝色Text代表着可以点击的UIButton? 那如果我们是色盲呢? 黑色的Title能不能点击?点击社交类App的名字Title会弹出一个关注列表,那么我们就会更加疑问,蓝色,黑色的Text哪个代表着可以点击的UIButton

再来一个例子: 联系人Contact App


关于目前UIbutton设计的一些想法_第3张图片
Contact.png

简直无力吐槽了,白色背景下的各种文本,根本分不清哪些能够Edit,其范围是多大.

链接Link

只用颜色标示链接是不完整,目前UnRead中表示链接,会通过颜色,字体,下划线,Hover时的灰色背景来标识,这一块区域是链接


关于目前UIbutton设计的一些想法_第4张图片
Link in Unread App.png

总结: Apple一直以来都是我的Hero,创造了太多美好的交互(比如滑动返回),但是用Text文本来表示UIButton是不是欠缺考虑呢?
过度的做减法,表面上更加简洁,但忽略了以前那些视觉原色背后所代表的意义,Button应该看起来像一个Button

你可能感兴趣的:(关于目前UIbutton设计的一些想法)