iOS 設計的神細節有哪些?

發現 iOS 7 的一個細節:當你把平放的 iPad 豎起到垂直的過程中,壁紙會輕微地向上平移,造成壁紙和圖標分別存在於兩個相距一定距離的不同平面上的感覺。iOS 中還有哪些這樣的細節?

兄弟問題:

  • Windows Phone 設計的神細節有哪些?
  • Android 設計的神細節有哪些?

iOS的鍵盤每個字母的觸控區域是不一樣大的,並且隨時都在動態改變。系統會根據英文單詞詞典來判斷各個字母在下一刻被輸入的概率,並擴大相應字母的有效觸控區域(UI呈現上並無改變)。以此可以提升輸入的正確率。

比如good和god是兩個常見的單詞,所以當用戶輸入了go兩個字母以後,鍵盤上o和d的相應觸控區域會變的更大,以至於按到他們在鍵盤上的相鄰字母邊緣,系統也會識別成o或者d。

Source: http://iphone.appleinsider.com/articles/12/07/31/apple_granted_patent_for_predictive_text_input_ui


超多圖片,流量慎入,土豪隨意。

  • Safari 中 Reading List 的圖標從 iOS 7 開始變成了喬老爺子經典的圓形眼鏡。

  • 「音樂」播放器中「表演者」的圖標就是取自 U2 樂隊主唱 Bono Vox 的剪影。

  • 「郵件」中的「草稿箱」圖標是一張有折角的紙,而「發件箱」的圖標則與之對應是一架折好的紙飛機。

  • 3D Touch 功菜單會根據出現在圖標上下方的定位自動調整功能項的順序,以確保最靠近手指的一項始終為菜單中的第一個功能。

  • 鎖屏狀態下無需進入快捷中心便可直接通過點擊「相機」按鈕來關閉電筒。

  • 更新後的應用在被使用前會顯示一個藍色圓點,以告知用戶該應用已被更新。

  • 「將 App Store 中應用下載按鈕上的文案「Free」更改成為「Get」,鑒於越來越多的應用採用 IAP 的付費方式,此次更改在詞意表達上更為合適,不易引起用戶的誤解。

  • 朗讀」的速率調節被形象的設計成了「烏龜」與「兔子」。

  • 「電筒」圖標中的「開關」會隨著閃光燈的開啟與關閉而改變狀態。

  • 「飛行模式」的小飛機圖標,在開啟時會從屏幕左側飛進,而關閉時則會從屏幕右側飛出。

  • 在滑動關機的過程中屏幕會隨著滑動的進程逐漸變暗直至關機變黑。

  • 「勿擾模式」的月亮圖標會在開啟和關閉時模擬月蝕時的效果。
  • 在使用色調深淺不同的壁紙時根據壁紙色調而自動使用黑白兩套文字配色,目的是保證文字的可識別性。若在同一張壁紙中出現某個區域的色調與文字顏色較接近時,會為該區域的文字加入陰影來使其變得清晰。

  • 這一貼心的設計也被用在了「全景相機」中的提示文案上,當拍攝對象的色調過於明亮時,同樣可以看到文字被添加上了陰影效果。

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

  • 「時鐘」圖標可以實時顯示當前時間這個是大家都知道的,但你是否有注意過其中秒針的走動方式呢?在正常狀態下它是掃秒式,但當處於長按狀態下的晃動效果時則會變為跳秒式。

  • 「語音備忘錄」的圖標設計其實來源於 Apple 這個單詞的音頻波圖。

  • 左右晃動手機即可激活「撤銷」操作,再次晃動手機則可對「撤銷」操作進行恢復。

  • 「信息」列表中就對每條信息的發送和接收時間做了隱藏,只有向左滑動時才可見。

  • 當「信息」內容中出現類似時間的文字時,iOS 會對其進行下劃線標註,直接點擊即可快速創建日曆或提醒事項。
  • AssistiveTouch 小圓點會在虛擬鍵盤被激活後自動移位以避免影響輸入操作。

  • 系統「鬧鐘」的重複日期會根據所選日期組合而顯示不同的文案,例如「周六和周日」顯示「周末」,「周一到周日」顯示「每天」,「周一到周五」顯示「工作日」。Health App 里,個人信息「性別」一欄採用了 Biological Sex「生理性別」這一特殊稱謂,對於人們在社會中所扮演的各種「性別」身份,作為一款健康類應用很好的體現了蘋果在這方面的嚴謹態度。

  • iOS 中虛擬鍵盤上的 Dictation 按鍵在啟用和關閉多語言輸入後的顏色是有所不同的。

  • Passbook 在打開時會將屏幕亮度強制調至最高,以方便提高掃碼時的識別率,這項設計後來也被用在了很多提供掃碼功能的應用中。
  • 當 VPN 選項只有一個的時候,設置列表中的 VPN 選項是一個可直接操作的開關;當 VPN 選項有多個時,則會變回標準的菜單模式。

http://uedetail.com (二維碼自動識別)

iOS 9 中的中文輸入法對中文標點和英文標點做了明確的標明。

想到再更

整理於UEDetail。


難道不是時鐘嗎!有一點大家都知道顯示的時間是跟隨系統的,秒針能看到轉動!


重點來了,長按時鐘app!有沒有發現!


哈哈哈^o^秒針變成!滴答滴答滴答的轉動了(???? ???)


iOS的相冊,在你刪除完一張照片後,自動出現的該是上一張,還是下一張?
其實出現的是和你翻頁動作一致的「下一張」,
例如你從左往右翻動相冊,刪除一張,則出現的是右側的圖片
反之則相反


「種」這個字作為姓氏的時候讀的是chóng,而在通訊錄裡面會自動歸到C這個前綴下而不是Z。
我覺得這個比起其他可有可無的細節更加重要。。


我說一個吧 愛瘋可以記錄不一樣耳機設置的音量 對於耳機多的人來說簡直是福音 而且這個小細節我無意發現的時候確實小小震驚了一把

評論有同學說是只能分開記錄有線控和沒有線控的耳機音量 測試了一下好像確實是這樣 原答案有錯誤 更新一下


  • 下劃線:為 y, g, f, p 等字母特意打斷下劃線,這在 iOS 上是全局性的。普通做法是一根線貫穿到底,比較糙,比較難看。類似但更進一步的做法來自http://medium.com,參考這篇文:這才叫設計:看Medium如何精雕細琢下劃線

  • 桌面上的日曆圖標是動態更新的,始終顯示的當前日期
  • 桌面上的時鐘圖標是動態更新的,始終顯示的當前時間,並且秒針也是動態走動的。

我在說一個自己發現的細節吧。
當你設置一個背景圖的主色調是白色時,你的所有app的文字會變成黑色,當你的背景圖主色調是黑色時,所有app的文字會變成白色,這還不是最變態的,當你的主色調不是那麼明顯,但是有一塊區域和文字顏色接近時,為了不讓你看起來那麼吃力,手機會在app文字後面添加一小塊模糊來讓文字清晰,然而這一切都是那麼的自然 不突兀,感覺太棒了

黑色

白色背景

模糊背景

評論區要的上白下黑的背景(黑白的也不是不能看)

和一張更混亂的

好像也能看得清


充電時喊一聲「Hey,siri.」會響應的這個功能,在我切換日語為服務語言之後就完全失效了!

在喊破喉嚨都叫不開的情況下,我幾乎不抱任何希望地試著喊了一聲「嘿shee lee」,手機屏幕應聲而亮。= =

(蘋果考慮事情太周到了)

還有,我家的犀利會唱歌哎。


飛行模式的飛機圖標是飛進狀態欄的,你關閉飛行模式的時候,飛機就會飛走。。。。


這個iOS7第一天就有了吧,略火星
我再補一個,Touch ID設置頁面下如果設置了多個指紋又沒有改名,導致記不得哪個是哪個的情況下,掃描一下指紋,就會提示是哪個


插上耳機接電話的時候會在耳機里播放來電鈴聲,可是如果插上耳機長時間沒有播放音樂之類的動作的話,來電就會變成外放,以防使用者摘下耳機卻忘拔了


多圖,薛定諤
==========

「地圖」

圖標是蘋果美國總部的所在地。

「音樂」
表演者 Tab 的圖標是 U2 樂隊主唱 Bono Vox 的剪影。

「Safari」
閱讀列表的圖標是喬幫主的眼鏡。

「計算器」
橫屏後變成科學計算器,

輸入錯誤時在數字框上向 右/左 滑動,一次 刪除/撤銷 一位。

「頂欄圖標」
調節到飛行模式時,飛機會從頂部狀態欄左側飛入。
調節到勿擾模式再取消時,頂欄會看到月蝕動畫。


「輸入法」
如果有三個輸入法,連續輸入時切換輸入法,會在你最常用的兩個輸入法之間進行,停止輸入時,才能切換到第三個輸入法。


「鍵盤」
iPad 鍵盤,兩根手指同時向兩邊拉,鍵盤會變成兩半。

雙擊左邊向上的箭頭,會保持大寫字母輸入狀態。
「通知中心」
通知中心下面的手柄。

  • 用手捏住的時候是直的:

  • 自然向下滑落(或者落地)的時候是向上彎的:

  • 向上縮回的時候,是向下彎的:

「相機」
調節到倒計時拍攝狀態時,閃光燈伴隨倒計時一閃一閃的。

「手電筒」
圖標上的開關會隨著手電筒的狀態而變化。

「軟體更新」
開始更新時,左邊的設置圖標的小齒輪會開始轉動。

「App Store」
連續點按底欄的任意 Tab 十次,App Store 會刷新。

「滑塊」
感謝 @ke yao 的補充!

iOS 8 控制中心亮度和音量滑塊用力往邊上撞會有反彈效果

「滑動解鎖」
升級到 iOS 8 的 iPad,在開啟自動旋轉且橫屏鎖屏狀態下,右滑的同時,將屏幕豎過來。之後便無法通過滑動來解鎖了。

「錄屏」
同時按下 Home 鍵和電源鍵是截屏,同時按住 Home 鍵和電源鍵 5s,開始進入錄屏模式…


「客串」

  • iMac

iMac 標配的是蘋果的藍牙鍵盤和滑鼠,

當你嘗試在 iMac 上關閉藍牙的時候,

太 TM 機智了...

  • iOS 端支付寶

「其他」
仔細觀察 Safari 地址欄和底欄隱藏機制,用手上滑下滑試試,再對比下知乎手機客戶端底欄的隱藏機制,你就知道蘋果有多強迫症了。


更多與 Mac 和 iOS 相關的玩意兒,請關注我 @Happlex的其他回答:
Mac 和 iPhone 搭配有哪些妙用? - Happlex 的回答
程序員如何優雅地使用 Mac? - Happlex 的回答

:]


今天又發現了一個,來更新一下。

簡單地說就是,當我的iOS設備連接上一個新的播放設備時,Siri的建議應用會立刻更改排序,把我最近使用過的音樂播放App排到第一位。

=======以下原答案=======

當我有兩個VPN配置的時候

設置菜單里的VPN選項是這樣的

藍後!
當我只有一個VPN配置的時候

設置菜單里的VPN選項就會變成這——樣


中文的Siri知道「打開邱邱」就是打開QQ,其他所有語言都不知道「邱邱」是個什麼鬼


複製一段包含電話號碼的亂七八糟文字,比如:

撒旦福建省快遞費哈資料庫的粉紅色就看到後視鏡大富豪第三方叫阿士大夫阿斯頓福建13188765643士大夫就愛三個地方松島楓

粘貼到你的通訊錄的電話里,不管游標在任何位置,點一下退格鍵,會清除掉所有文字,只保留數字


我發現的這個貌似還沒人說。
1、所有的內置應用里只有「語音備忘錄」支持180度的豎屏旋轉,因為錄製的時候我們一定會為了讓麥克風靠近聲源而把手機倒過來。(iOS7)

2、iPhone6及plus自動對焦是相位對焦,觸摸對焦是反差對焦。前者有極快的速度,後者有穩定的成功率。(這是從zealer那學的,愛極客和殺價幫在這一點居然都說錯了)。

(15年6月26更新)
3、這個波形圖是「Apple」的。

(15年10月18日更新)

4、輸英文時如果系統自動為你加了空格你再點一下空格是沒有用的。

(16年2月6日更新)

5、在開啟引導式訪問過程中如果有的app有推送通知,在你退出引導式訪問後你會發現這個app的圖標變暗了…

ps:引導式訪問功能可幫助殘障學生(如自閉症患者)將注意力集中在任務和內容上。它能讓父母、教師或管理員通過禁用主屏幕按鍵,使iOS設備只顯示一個app,也可限制屏幕某一特定區域上的觸控輸入。(摘自百度百科)
用法:
http://m.pc841.com/shoujizhishi/38260.html


1.凌晨時間用Siri 設提醒

2.在桌面上長按,然後觀察時鐘icon的秒針(重點是秒針轉的方式變了)
3.簡訊對話界面向左滑動可以看到時間
4.英文鍵盤的輸入預測,在候選詞欄下滑,可以摺疊起來

5.在App Store底部五個選項按鈕中的任何一個,連續點擊十次,整個應用商店就會刷新並重新載入

To be continued...


我的手機版本是8.2,不過之前8.1.3我也試過。
8.3的不行了。

發現個更酷的。當你在某個應用的時候,你按下home鍵時,退出的動畫是以那個應用位置進行縮放的。
比如呢,這個。

然後退出,就是這個。

可以明顯得看出,這個動畫不是以整個屏幕為中心的。

又可以把小圓點截進去了。

目前版本9.2.1,這個小白點還有。


不知道有沒有人說過
跟siri說再見,他跟你告別後就會把自己關了。。。

莫名的孤獨感。。


推薦閱讀:

為什麼設置圖標習慣用齒輪或扳手來表示?
有什麼(在線)日記軟體比較好?
飛利浦的智能燈泡 Hue 使用起來體驗如何?好玩嗎?
為什麼很少有應用調用 iOS 6 系統內嵌的微博 API?
GitHub 上都有哪些值得關注學習的 iOS 開源項目?

TAG:iOS | 設計 | 用戶體驗設計 |