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