2016-3-3 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
來源:莫貝網(wǎng)
iOS系統(tǒng)的細(xì)節(jié)非常之多,總體可分為視覺和交互兩個(gè)方面。Safari 中 Reading List 的圖標(biāo)從 iOS 7 開始變成了喬老爺子經(jīng)典的圓框眼鏡。
「音樂」播放器中「表演者」的圖標(biāo)就是取自 U2 樂隊(duì)主唱 Bono Vox 的剪影。
「郵件」中的「草稿箱」圖標(biāo)是一張有折角的紙,而「發(fā)件箱」的圖標(biāo)則與之對(duì)應(yīng)是一架折好的紙飛機(jī)。
「語音朗讀」的速率調(diào)節(jié)被形象的設(shè)計(jì)成了「烏龜」與「兔子」。
「電筒」圖標(biāo)中的「開關(guān)」會(huì)隨著閃光燈的開啟與關(guān)閉而改變狀態(tài)。
「飛行模式」的小飛機(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)使用黑白兩套文字配色,目的是保證文字的可識(shí)別性。若在同一張壁紙中出現(xiàn)某個(gè)區(qū)域的色調(diào)與文字顏色較接近時(shí),會(huì)為該區(qū)域的文字加入陰影來使其變得清晰。
這一貼心的設(shè)計(jì)也被用在了「全景相機(jī)」中的提示文案上,當(dāng)拍攝對(duì)象的色調(diào)過于明亮?xí)r,同樣可以看到文字被添加上了陰影效果。
「信息」列表中,信息時(shí)間早晚是通過氣泡顏色的深淺來進(jìn)行表示,而信息間隔時(shí)長則是通過氣泡間距的大小進(jìn)行表示。
「時(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ī)則可對(duì)「撤銷」操作進(jìn)行恢復(fù)。
「信息」列表中就對(duì)每條信息的發(fā)送和接收時(shí)間做了隱藏,只有從左向右滑動(dòng)時(shí)才可見。
當(dāng)「信息」內(nèi)容中出現(xiàn)類似時(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「生理性別」這一特殊稱謂,對(duì)于人們?cè)谏鐣?huì)中所扮演的各種「性別」身份,作為一款健康類應(yīng)用很好的體現(xiàn)了蘋果在這方面的嚴(yán)謹(jǐn)態(tài)度。
iOS 中虛擬鍵盤上的 Dictation 按鍵在啟用和關(guān)閉多語言輸入后的顏色是有所不同的。
Passbook 在打開時(shí)會(huì)將屏幕亮度強(qiáng)制調(diào)至最高,以方便提高掃碼時(shí)的識(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 中的中文輸入法對(duì)中文標(biāo)點(diǎn)和英文標(biāo)點(diǎn)做了明確的標(biāo)明。
作者:格物吱吱
來源:知乎
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com