iOS 設(shè)計(jì)的神細(xì)節(jié)有哪些?

2016-3-3    用心設(shè)計(jì)


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里


來源:莫貝網(wǎng)

iOS系統(tǒng)的細(xì)節(jié)非常之多,總體可分為視覺和交互兩個(gè)方面。

一、視覺

Safari 中 Reading List 的圖標(biāo)從 iOS 7 開始變成了喬老爺子經(jīng)典的圓框眼鏡。

04003300u

「音樂」播放器中「表演者」的圖標(biāo)就是取自 U2 樂隊(duì)主唱 Bono Vox 的剪影。

040035QDH

「郵件」中的「草稿箱」圖標(biāo)是一張有折角的紙,而「發(fā)件箱」的圖標(biāo)則與之對應(yīng)是一架折好的紙飛機(jī)。

040036KfO

「語音朗讀」的速率調(diào)節(jié)被形象的設(shè)計(jì)成了「烏龜」與「兔子」。

040037xD7

「電筒」圖標(biāo)中的「開關(guān)」會(huì)隨著閃光燈的開啟與關(guān)閉而改變狀態(tài)。

04004000u

「飛行模式」的小飛機(jī)圖標(biāo),在開啟時(shí)會(huì)從屏幕左側(cè)飛進(jìn),而關(guān)閉時(shí)則會(huì)從屏幕右側(cè)飛出。
在滑動(dòng)關(guān)機(jī)的過程中屏幕會(huì)隨著滑動(dòng)的進(jìn)程逐漸變暗直至關(guān)機(jī)變黑。

「勿擾模式」的月亮圖標(biāo)會(huì)在開啟和關(guān)閉時(shí)模擬月蝕時(shí)的效果。
在使用色調(diào)深淺不同的壁紙時(shí)根據(jù)壁紙色調(diào)而自動(dòng)使用黑白兩套文字配色,目的是保證文字的可識別性。若在同一張壁紙中出現(xiàn)某個(gè)區(qū)域的色調(diào)與文字顏色較接近時(shí),會(huì)為該區(qū)域的文字加入陰影來使其變得清晰。

040046vrz

這一貼心的設(shè)計(jì)也被用在了「全景相機(jī)」中的提示文案上,當(dāng)拍攝對象的色調(diào)過于明亮?xí)r,同樣可以看到文字被添加上了陰影效果。

040052MhX

「信息」列表中,信息時(shí)間早晚是通過氣泡顏色的深淺來進(jìn)行表示,而信息間隔時(shí)長則是通過氣泡間距的大小進(jìn)行表示。

040052MhX-2

「時(shí)鐘」圖標(biāo)可以實(shí)時(shí)顯示當(dāng)前時(shí)間這個(gè)是大家都知道的,但你是否有注意過其中秒針的走動(dòng)方式呢?在正常狀態(tài)下它是掃秒式,但當(dāng)處于長按狀態(tài)下的晃動(dòng)效果時(shí)則會(huì)變?yōu)樘胧健?/span>

二、交互

左右晃動(dòng)手機(jī)即可激活「撤銷」操作,再次晃動(dòng)手機(jī)則可對「撤銷」操作進(jìn)行恢復(fù)。

040054bgE

「信息」列表中就對每條信息的發(fā)送和接收時(shí)間做了隱藏,只有從左向右滑動(dòng)時(shí)才可見。

0400567Kb

當(dāng)「信息」內(nèi)容中出現(xiàn)類似時(shí)間的文字時(shí),iOS 會(huì)對其進(jìn)行下劃線標(biāo)注,直接點(diǎn)擊即可快速創(chuàng)建日歷或提醒事項(xiàng)。

系統(tǒng)「鬧鐘」的重復(fù)日期會(huì)根據(jù)所選日期組合而顯示不同的文案,例如「周六和周日」顯示「周末」,「周一到周日」顯示「每天」,「周一到周五」顯示「工作日」。

Health App 里,個(gè)人信息「性別」一欄采用了 Biological Sex「生理性別」這一特殊稱謂,對于人們在社會(huì)中所扮演的各種「性別」身份,作為一款健康類應(yīng)用很好的體現(xiàn)了蘋果在這方面的嚴(yán)謹(jǐn)態(tài)度。

040058Afp

iOS 中虛擬鍵盤上的 Dictation 按鍵在啟用和關(guān)閉多語言輸入后的顏色是有所不同的。

040101A6n

Passbook 在打開時(shí)會(huì)將屏幕亮度強(qiáng)制調(diào)至最高,以方便提高掃碼時(shí)的識別率,這項(xiàng)設(shè)計(jì)后來也被用在了很多提供掃碼功能的應(yīng)用中。

當(dāng) VPN 選項(xiàng)只有一個(gè)的時(shí)候,設(shè)置列表中的 VPN 選項(xiàng)是一個(gè)可直接操作的開關(guān);當(dāng) VPN 選項(xiàng)有多個(gè)時(shí),則會(huì)變回標(biāo)準(zhǔn)的菜單模式。

iOS 9 中的中文輸入法對中文標(biāo)點(diǎn)和英文標(biāo)點(diǎn)做了明確的標(biāo)明。

040103pRb

040109HNh

作者:格物吱吱
來源:知乎

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔