iPhone的靈魂在于IOS系統(tǒng),恐怕這一點(diǎn)只要是果粉就絕對(duì)會(huì)同意。但我們喜歡IOS系統(tǒng),并不僅僅因?yàn)槠鋸?qiáng)大的應(yīng)用生態(tài),也是因?yàn)?a target="_blank">蘋果精益求精到了吹毛求疵地步的細(xì)節(jié)設(shè)計(jì)能力。正是因?yàn)檫@,一批又一批的IOS死忠才會(huì)源源不絕。甚至有些人用過IOS很多年,也未曾真正注意到那些讓他們十分舒適的設(shè)計(jì)細(xì)節(jié)。
今天,筆者就斗膽去和大家分享一下在使用iPhone過程中發(fā)現(xiàn)到的設(shè)計(jì)細(xì)節(jié)。這些細(xì)節(jié)有些考慮到了極致的美感,有些考慮到了極致的用戶感受,有些甚至完全到了變態(tài)的地步。那么究竟是哪些呢?
一:鎖屏與主屏字體自動(dòng)適配壁紙
大部分果粉都知道,早期IOS系統(tǒng)其實(shí)是不支持自定義壁紙功能的。如果你將這僅僅視作是喬布斯變態(tài)的掌控欲,那你恐怕就把這個(gè)功能想得太簡(jiǎn)單了。想要壁紙更換?這很容易。但是想在壁紙更換的同時(shí),保持主屏與鎖屏界面上文字的辨識(shí)度,就不是一件容易的事情。
由于無法提前得知用戶要換哪張圖片,所以蘋果只能夠做了一個(gè)覆蓋所有可能性的萬能適配方案。正因?yàn)槿绱耍覀儾挪粫?huì)在iPhone上遭遇到換壁紙后無法看清楚字的尷尬。那么究竟是怎么實(shí)現(xiàn)的呢?我們一起來看看。
首先,字體的主色調(diào)會(huì)和壁紙的主色調(diào)呈反色,譬如壁紙大體偏黑,則字體為白色;壁紙大體偏白,則字體為黑色。如果遇到半黑半白的情況,蘋果會(huì)按照比例選擇與之相對(duì)的反色。
另外,如果字體顏色與壁紙某部分接近(黑或者白),那么蘋果就會(huì)在白字底部擠上一層灰黑色的玻璃蒙版,而黑字則會(huì)變成類似暗紫色的樣子。這樣一來,無論你換任何壁紙,鎖屏與主屏界面上的字都會(huì)清晰可見。
二:界面元素上的那些暗喻
學(xué)過設(shè)計(jì)的人都知道,暗喻是設(shè)計(jì)中十分常用的一種手法,而在手機(jī)系統(tǒng)中,暗喻也是減少用戶學(xué)習(xí)成本的不二法門。雖然IOS系統(tǒng)從IOS 6之后就摒棄了擬物化的設(shè)計(jì)方向,但是“暗喻”手法卻仍然能夠在新系統(tǒng)中看到大量應(yīng)用。
控制中心與通知中心“小橫杠”
或許我們最熟悉的暗喻,就是控制中心或者通知中心的“小橫杠”了。如果你在鎖屏界面看屏幕中央頂部與底部,你就可以清楚得看到它們。設(shè)計(jì)者賦予它們的第一個(gè)暗喻,就是“這里有可以下拉或者上拉的選項(xiàng)”,當(dāng)然這只是在鎖屏界面而已。
如果你下拉出通知中心界面,你就會(huì)發(fā)現(xiàn)最下面的小橫杠變成了一個(gè)向上的勾,這是暗喻著上滑操作。當(dāng)你上滑超過一半屏幕區(qū)域的時(shí)候,這個(gè)小橫杠又會(huì)變成向下的勾(當(dāng)你不觸碰屏幕時(shí)),暗喻著下滑操作。當(dāng)然,當(dāng)你手指觸碰屏幕時(shí),小橫杠就一直是橫的。
世界時(shí)鐘上的黑白表盤
當(dāng)你查看時(shí)鐘界面時(shí),如果你在世界時(shí)鐘上添加兩個(gè)時(shí)差在12小時(shí)左右的國(guó)家,你會(huì)發(fā)現(xiàn)兩者的表盤顏色必定是一黑一白。如果你再仔細(xì)觀察一下,你就會(huì)發(fā)現(xiàn)黑色表盤代表了當(dāng)?shù)卣幵?8點(diǎn)到6點(diǎn)的黑夜,而白色表盤則代表了當(dāng)?shù)卣幵?點(diǎn)到18點(diǎn)的白天。
蘋果正式通過表盤的顏色,來暗喻當(dāng)?shù)厮幇滋旎蚝谝沟臓顟B(tài),不僅一目了然,而且非常符合直覺。
短信界面的小氣泡
在短信界面上,如果你仔細(xì)觀察,你會(huì)發(fā)現(xiàn)每條信息(小氣泡)之間的間隔是不同的。當(dāng)兩條信息的時(shí)間間隔越近,那么它們就越接近。蘋果這樣設(shè)計(jì),是將時(shí)間信息具現(xiàn)到了視覺上,讓你能夠不用思考直接通過視覺感知,自然會(huì)十分舒服。
除此之外,你會(huì)發(fā)現(xiàn)你自己發(fā)送的信息會(huì)呈現(xiàn)綠色。但是這種綠色并非從上到下都一樣,你會(huì)發(fā)現(xiàn)距離現(xiàn)在“越遠(yuǎn)”的信息,其顏色就越淡。這樣設(shè)計(jì)的目的也是通過顏色來表現(xiàn)信息在時(shí)間層級(jí)上的不同,與上面的物理接近結(jié)合起來就成了IOS的短信界面。
手電筒圖標(biāo)上的“開”與“關(guān)”
在IOS系統(tǒng)的控制中心里,有一個(gè)手電筒的快捷方式圖標(biāo)。當(dāng)你開啟手電筒的時(shí)候,這個(gè)圖標(biāo)上“手電的開關(guān)”會(huì)有一個(gè)細(xì)微的變化。
你會(huì)發(fā)現(xiàn)這里的“開關(guān)”真的會(huì)隨著你的開關(guān)而上下?lián)軇?dòng),就像這是一個(gè)真的手電筒一樣。
三:那些容易忽略掉的交互
除了以上這些我們能夠用眼睛實(shí)際體會(huì)到的,實(shí)際IOS上還存在很多經(jīng)過精心設(shè)計(jì)的交互操作。如果你能夠熟練使用,肯定能夠?qū)θ粘5氖褂卯a(chǎn)生極大幫助。但是蘋果往往將其藏得很深,即便有時(shí)你會(huì)很直覺地觸發(fā)他們,但你還是需要一份比較清晰的使用說明。
全局返回手勢(shì)
有許多從Android轉(zhuǎn)到IOS的用戶,最不習(xí)慣的應(yīng)該就是IOS沒有一個(gè)全局的返回鍵了。但是實(shí)際上,蘋果早已在IOS中設(shè)計(jì)了相關(guān)功能。你可以嘗試用手指從屏幕左側(cè)邊緣向右滑動(dòng),你的頁(yè)面就會(huì)返回到上一頁(yè)。
當(dāng)然,這一手勢(shì)并不能讓用戶退出應(yīng)用回到桌面,因?yàn)?a target="_blank">蘋果將回到桌面的功能交給了Home鍵,所以便避免了Android系統(tǒng)中不知道會(huì)返回哪個(gè)層級(jí)的問題。如果你還想在應(yīng)用內(nèi)瀏覽,你只需要不停左滑;假如你想回到桌面的話,那么按Home鍵即可。
全局回到頂部
不知道大家有沒有這樣的體會(huì),在翻一個(gè)內(nèi)容頁(yè)翻了很久之后,想回到頂部只能再慢慢滾回去。但實(shí)際上蘋果也已經(jīng)為此開發(fā)了很完美的“回到頂部”方案。
你只需要點(diǎn)擊屏幕頂部中間的區(qū)域(時(shí)間那里),你就可以觸發(fā)回到頂部功能。該項(xiàng)操作與返回手勢(shì)一樣,也是全局均可觸發(fā)。
全局撤銷輸入
雖然當(dāng)今微信這樣的語(yǔ)音工具已成為了人們輸入信息的首選,但文字輸入作為一個(gè)最常用的功能,還是有必要為其做出一些優(yōu)化的。譬如撤銷輸入,就是這樣一個(gè)看上去“然并卵”的功能。
當(dāng)你在任何App中輸入文字出錯(cuò),想要?jiǎng)h掉重新輸入時(shí),你只需要搖動(dòng)手機(jī),就可以觸發(fā)撤銷輸入功能,而不是一個(gè)字一個(gè)字地刪除。
呼出短信時(shí)間線
雖然在IOS短信界面中,每條信息的頂部都有其到達(dá)時(shí)間。但如果當(dāng)一條信息過長(zhǎng),那么你查看的時(shí)候順便想看這條信息的到達(dá)時(shí)間就比較麻煩。
不過好在蘋果早已經(jīng)考慮到了這個(gè)問題,當(dāng)你將短信界面從右往左滑動(dòng),即可呼出右邊隱藏的時(shí)間線。這樣一來上面的問題就解決了,而且非常地直覺。
計(jì)算器數(shù)字退位
在IOS系統(tǒng)的計(jì)算器中,蘋果提供了AC(All Clear)和C(Clear)兩種清除操作。這兩個(gè)按鍵共享同一個(gè)位置,如果你進(jìn)行到某一部計(jì)算的時(shí)候,該位置會(huì)先顯示C,讓你可以僅清除這一步計(jì)算的數(shù)字,而不影響此前的計(jì)算結(jié)果;然后才會(huì)顯示AC,讓你可以直接清除所有計(jì)算過程的緩存,重新開始計(jì)算。
但這兩個(gè)機(jī)制都沒有考慮到用戶僅需要修改一個(gè)數(shù)字的需求,所以蘋果又想出了另一個(gè)交互解決這個(gè)問題。你只需要在顯示數(shù)字的部分,滑動(dòng)(左滑右滑均可)即可清除掉最右邊一位的數(shù)字,同樣十分直覺。
不同界面滑動(dòng)阻尼不同
如果你仔細(xì)比較設(shè)置界面與瀏覽器界面上下滑動(dòng)的感覺,那你應(yīng)該會(huì)發(fā)現(xiàn)兩者的阻尼是不一樣的。
瀏覽器的滑動(dòng)阻尼相對(duì)設(shè)置界面稍大,滑動(dòng)起來會(huì)更慢,也更利于瀏覽內(nèi)容;而設(shè)置界面因?yàn)楹苁煜?,所以人們一般是用來尋找某個(gè)設(shè)置,所以阻尼小一些利于尋找。
四:其他一些易忽略小細(xì)節(jié)
速度不同的亮度調(diào)節(jié)機(jī)制
雖然目前幾乎所有手機(jī)都有了屏幕亮度自動(dòng)隨環(huán)境光調(diào)節(jié)的功能,但IOS的亮度調(diào)節(jié)機(jī)制還是有一些不同的。你如果將手機(jī)拿到很亮的地方,你會(huì)發(fā)現(xiàn)屏幕亮度增長(zhǎng)得比較快;但當(dāng)你將手機(jī)拿到很暗的地方,屏幕亮度降低地卻非常慢,這是為什么呢?
如果你仔細(xì)感受一下就會(huì)發(fā)現(xiàn),原來人眼對(duì)于環(huán)境光線的適應(yīng)程度也是有快有慢的。如果你從很暗的位置到很亮的位置,你可以很快地適應(yīng),那么手機(jī)屏幕亮度自然要跟上你的節(jié)奏;但你如果從很亮的位置到一個(gè)很暗的位置(譬如電影院),那么你估計(jì)要很長(zhǎng)一段時(shí)間去適應(yīng),這時(shí)候手機(jī)屏幕亮度就得下降得慢一點(diǎn)來等等你,這樣就不至于一下子看不清手機(jī)了。
iBooks自動(dòng)切換夜間模式
如果你使用iBooks來看書的話,估計(jì)很容易就發(fā)現(xiàn)了。如果你正好處在光線很暗的環(huán)境下,iBooks會(huì)自動(dòng)幫你切換夜間模式,讓你看得更舒服。
其實(shí)有許多朋友覺得iBooks導(dǎo)入書籍麻煩,需要用到坑爹的iTunes。但其實(shí)有一個(gè)小竅門,可以讓你不用連接電腦也能同步書籍。你只需要給自己發(fā)一封帶有書籍文件的郵件,然后在手機(jī)或iPad上打開就可以了。這時(shí)候系統(tǒng)會(huì)提示你用什么軟件打開,你選擇iBooks即可。
全局停止播放功能
我們都知道IOS的計(jì)時(shí)器可以從控制中心直接呼出,許多人對(duì)這項(xiàng)功能的利用率也很高。但是大家可能都沒有發(fā)現(xiàn)計(jì)數(shù)器的一個(gè)隱藏功能,就是全局停止播放。
計(jì)時(shí)器有一個(gè)“計(jì)時(shí)結(jié)束時(shí),啟用”選項(xiàng),這里的絕大多數(shù)選項(xiàng)都是鈴聲,但最下面有一個(gè)“停止運(yùn)行”選項(xiàng)。如果選擇這個(gè),等計(jì)時(shí)器到時(shí)間后就會(huì)停止所有正在播放的音樂與視頻。這就相當(dāng)于有了一個(gè)適用于所有音樂或視頻應(yīng)用的計(jì)時(shí)停止功能。對(duì)于晚上晚上喜歡聽歌入睡的小伙伴來講,這個(gè)功能還是很貼心的。
多任務(wù)界面的安全考慮
像支付寶、京東錢包這些,屬于個(gè)人金融管理類應(yīng)用。由于涉及到Money,所以安全就十分重要。阿里和京東都給應(yīng)用設(shè)置了手勢(shì)解鎖功能,但是在系統(tǒng)的多任務(wù)界面,依然是會(huì)出現(xiàn)應(yīng)用的略縮圖。
但如果你仔細(xì)觀察IOS的多任務(wù)界面,你就會(huì)發(fā)現(xiàn)其他應(yīng)用的略縮圖都是清晰的,而支付寶和京東錢包卻都做了模糊處理。這樣一來,你在借給其他人手機(jī)的時(shí)候,就不必?fù)?dān)心別人通過多任務(wù)界面窺探到你的財(cái)務(wù)情況了。
五:值得一看的動(dòng)畫效果
除了以上這些目的性與實(shí)用性都很強(qiáng)的功能與交互外,IOS系統(tǒng)還充斥著大量精致而又流暢的過場(chǎng)動(dòng)畫。這些動(dòng)畫看上去沒多大用,但卻是IOS系統(tǒng)用起來舒服流暢的重要原因。下面筆者列舉幾個(gè)值得一看的動(dòng)畫效果,大家可以慢慢看:
1.時(shí)鐘應(yīng)用上的指針會(huì)實(shí)時(shí)轉(zhuǎn)動(dòng)這個(gè)大家都知道,但當(dāng)你進(jìn)入應(yīng)用編輯模式時(shí),指針的移動(dòng)會(huì)從連續(xù)變?yōu)椤暗未鸬未稹钡臉幼印?/P>
2.當(dāng)你開啟飛行模式時(shí),會(huì)有小飛機(jī)從頂部左側(cè)飛入,而當(dāng)你取消時(shí),小飛機(jī)會(huì)向右邊飛走并逐漸消失。
3.當(dāng)你開啟勿擾模式時(shí),屏幕頂部右側(cè)會(huì)出現(xiàn)月亮的月相變化動(dòng)畫。
4.當(dāng)你正在更新系統(tǒng)時(shí),代表正在下載系統(tǒng)的那個(gè)齒輪會(huì)轉(zhuǎn)動(dòng)
5.你的應(yīng)用圖標(biāo),還有Safari標(biāo)簽頁(yè)均會(huì)受重力影響,你如果將手機(jī)側(cè)到一邊,你會(huì)發(fā)現(xiàn)圖標(biāo)會(huì)里那邊更近。
6.當(dāng)你點(diǎn)亮屏幕時(shí),鎖屏界面會(huì)有輕微的放大效果。
7.當(dāng)你在短信界面上下滑動(dòng)時(shí),每條短信息都會(huì)有一個(gè)慢慢跟隨靠攏的特效。
總結(jié)
俗話說得好:The Devil is in the details(魔鬼藏于細(xì)節(jié)之中)。有許多極大影響用戶體驗(yàn)的設(shè)計(jì),都是在一些毫不起眼的細(xì)節(jié)處存在著。而這些細(xì)節(jié),正是IOS系統(tǒng)完美流暢體驗(yàn)的基礎(chǔ)。當(dāng)然,IOS系統(tǒng)的設(shè)計(jì)細(xì)節(jié)還有許多許多,筆者發(fā)現(xiàn)的這些不過是冰山一角,如果你有新的發(fā)現(xiàn),可以在下方的評(píng)論處回復(fù)。
蘋果iPhone6 |
蘋果手機(jī) | |||||||||||||||
|