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

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


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


來(lái)源:莫貝網(wǎng)

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

一、視覺(jué)

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

04003300u

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

040035QDH

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

040036KfO

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

040037xD7

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

04004000u

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

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

040046vrz

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

040052MhX

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

040052MhX-2

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

二、交互

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

040054bgE

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

0400567Kb

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

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

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

040058Afp

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

040101A6n

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

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

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

040103pRb

040109HNh

作者:格物吱吱
來(lái)源:知乎

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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è)人資料

存檔