在以往,當(dāng)導(dǎo)航列上出現(xiàn)可以點(diǎn)擊的按鈕時(shí),設(shè)計(jì)師在視覺(jué)表現(xiàn)上都力求讓用戶知道是個(gè)按鈕,直至 iOS7 的去材質(zhì)化設(shè)計(jì)理念,將這些地方的按鈕的形態(tài)去掉、僅剩下符號(hào)與文字告知用戶該「按鈕」的功能。
傳統(tǒng)上,大多數(shù)的按鈕外觀都被設(shè)計(jì)成擁有具體的形狀范圍,除了可以有效的提示使用者這是個(gè)「可以被點(diǎn)擊」的按鈕組件之外,還可以有效的讓用戶知道這個(gè)按鈕的「作用范圍」在哪里,以防誤觸到相鄰的按鈕。這點(diǎn)這在許多地方相當(dāng)有用,尤其是按鈕相當(dāng)多的屏幕小鍵盤(pán)或計(jì)算器,就需要讓用戶知道按鍵的實(shí)際感應(yīng)范圍在哪里。
桌面系統(tǒng)與觸控系統(tǒng)大不同 其實(shí)在導(dǎo)覽列上去除每個(gè)按鈕實(shí)體的形狀并不少見(jiàn),像是計(jì)算機(jī)系統(tǒng)中也是有許多組件的長(zhǎng)相也不諾我們認(rèn)知中的按鈕,比如說(shuō)系統(tǒng)列,其實(shí)就是一串按鈕的集合體。
而事實(shí)上我們?cè)谄聊簧纤吹降陌粹o造型,它的任務(wù)只是提示用戶「這是一個(gè)按鈕」的用途而已,實(shí)際上 按鈕感應(yīng)區(qū)往往大于其所長(zhǎng)相的樣子,甚至有可能是被動(dòng)態(tài)調(diào)整的。 應(yīng)該已經(jīng)很多人已經(jīng)知道 iOS 的鍵盤(pán)具有所謂動(dòng)態(tài)變更感應(yīng)區(qū)的專利設(shè)計(jì),系統(tǒng)會(huì)根據(jù)你所輸入的文字來(lái)調(diào)整按鈕的感應(yīng)區(qū)域。比如說(shuō),當(dāng)你輸入「worl」這個(gè)字符串時(shí)、在接下來(lái)鍵盤(pán)上面的「d」的感應(yīng)區(qū)域就會(huì)比「s」和「f」 還要來(lái)得大,這是因?yàn)橛小竪orld」這個(gè)單字,而沒(méi)有「worls」或「worlf」這兩個(gè)字。(下圖為示意圖)
去掉多余細(xì)節(jié)得到的好處 iOS7 的無(wú)邊框式的導(dǎo)覽列,將原本的按鈕形式轉(zhuǎn)換成單純文本的設(shè)計(jì),并且僅利用色彩來(lái)區(qū)別按鈕與標(biāo)題欄文字,雖然可能在某些文字較長(zhǎng)的時(shí)候出現(xiàn)空間不夠的問(wèn)題,但整體而言整體畫(huà)面變得更為簡(jiǎn)潔了。并且因?yàn)橐瞥藢?shí)體按鈕的樣式,在視覺(jué)感受上可以點(diǎn)擊的范圍也變大了(雖然實(shí)際感應(yīng)范圍并沒(méi)有改變)。
有得必有失 然而,舍棄了 擬物化設(shè)計(jì)可節(jié)省學(xué)習(xí)成本 的好處后,iOS7 在很多地方的設(shè)計(jì)其實(shí)很容易讓人不知所措。例如剛升上 iOS7 的使用者都會(huì)感到困擾的解鎖畫(huà)面。在 iOS6 中的設(shè)計(jì)為具有明顯箭頭外觀的滑動(dòng)推桿,相當(dāng)容易上手。而快速啟動(dòng)相機(jī)的圖示也具有立體化的橫桿,暗示了真實(shí)世界的使用習(xí)慣:在產(chǎn)品設(shè)計(jì)中,許多需要讓使用者抓取的部件都會(huì)做出凹凸造型以利使用。 而 iOS7的接口則常常被認(rèn)為過(guò)度簡(jiǎn)化的設(shè)計(jì),許多部分不僅拿去了控制上的視覺(jué)暗示,用戶也必須先嘗試與學(xué)習(xí),才能夠了解畫(huà)面上提供了哪些功能、以及該如何操作這個(gè)功能。 如果你今天是一個(gè)全新的 iOS 使用者,對(duì)于 iOS7 右下角的相機(jī)圖示,你首先會(huì)先嘗試去點(diǎn)擊它還是滑動(dòng)它呢?
我們?cè)跈z視了 iOS7 中的許多細(xì)節(jié)后,發(fā)現(xiàn)了其實(shí) iOS7 已經(jīng)預(yù)設(shè)了使用者都已經(jīng)習(xí)慣了觸控式界面的使用,甚至是習(xí)慣了 iOS 操作的使用者,才能夠更快速的上手這個(gè)嶄新設(shè)計(jì)的操作系統(tǒng)。 去材質(zhì)、去立體化裝飾的設(shè)計(jì),能為接口在視覺(jué)上開(kāi)創(chuàng)更多可能性、也似乎更適應(yīng)了觸摸屏的特性,然而過(guò)度簡(jiǎn)化的設(shè)計(jì)也會(huì)導(dǎo)致了學(xué)習(xí)成本提高、難以上手等問(wèn)題。因此,接口設(shè)計(jì)師必須把握兩者之間的優(yōu)缺點(diǎn)而適度的調(diào)整設(shè)計(jì),才能夠在好用、更易上手之間取得平衡。







