今天閱讀了一篇Jared關(guān)于目前iOS系統(tǒng)UIButton樣式設(shè)計(jì)思考的文章(UnTouchable)
思考
iOS系統(tǒng)的精髓是Touch,是手指和玻璃的觸碰.
而UIButton目前是用帶顏色的Text文本來顯示,這樣,就會(huì)產(chǎn)生一個(gè)問題:不帶邊框的文本會(huì)給用戶帶來使用上的tension,會(huì)有一個(gè)疑問???,這個(gè)UIButton的點(diǎn)擊響應(yīng)區(qū)域到底是多大?
在ToolBar中UIButton為例子,我們用戶會(huì)假想一個(gè)button的邊框,如圖所示:
顏色不能識(shí)別一個(gè)UIButton
用戶不是點(diǎn)擊的顏色,而是點(diǎn)擊一個(gè)區(qū)域. 在一個(gè)區(qū)域的邊界內(nèi)部Touch,才會(huì)響應(yīng)點(diǎn)擊事件,而一段Text沒有這個(gè)能力.
用官方Twitter和Tweebot舉個(gè)例子:
官方的藍(lán)色Text代表著可以點(diǎn)擊的UIButton? 那如果我們是色盲呢? 黑色的Title能不能點(diǎn)擊?點(diǎn)擊社交類App的名字Title會(huì)彈出一個(gè)關(guān)注列表,那么我們就會(huì)更加疑問,藍(lán)色,黑色的Text哪個(gè)代表著可以點(diǎn)擊的UIButton
再來一個(gè)例子: 聯(lián)系人Contact App
簡直無力吐槽了,白色背景下的各種文本,根本分不清哪些能夠Edit,其范圍是多大.
鏈接Link??
只用顏色標(biāo)示鏈接是不完整,目前UnRead中表示鏈接,會(huì)通過顏色,字體,下劃線,Hover時(shí)的灰色背景來標(biāo)識(shí),這一塊區(qū)域是鏈接
總結(jié): Apple一直以來都是我的Hero,創(chuàng)造了太多美好的交互(比如滑動(dòng)返回),但是用Text文本來表示UIButton是不是欠缺考慮呢?
過度的做減法,表面上更加簡潔,但忽略了以前那些視覺原色背后所代表的意義,Button應(yīng)該看起來像一個(gè)Button
