那些打動(dòng)人的 iOS 應(yīng)用細(xì)節(jié)
![](http://image.woshipm.com/wp-files/img/33.jpg)
“魔鬼存在于細(xì)節(jié)中”,這句格言在設(shè)計(jì)中更是如此。相信很多人都知道在 Tumblr 有一個(gè)叫做?Littlebigdetails?的網(wǎng)站,專門記錄一些很多人可能不易覺察的界面交互細(xì)節(jié)。今天我們整理 iOS 應(yīng)用以及 iOS 本身一些不錯(cuò)的?Little Big Details,希望能給您帶來啟發(fā)。
Batch
不知道你有沒有過這樣的場(chǎng)景,想用手機(jī)偷偷拍一張照片的時(shí)候卻發(fā)現(xiàn)閃光燈開啟著。而圖片分享應(yīng)用 Batch (已被 Airbnb 收購(gòu)) 的拍照界面很好的解決了這個(gè)問題,只需要拍照前留意一下 Icon 右上角會(huì)有沒有一個(gè)白色標(biāo)記,有的話代表閃光燈已開啟,沒有則代表你很安全,放心偷拍吧。
Chrome
正常情況下我們看到的?Chrome iOS 應(yīng)用界面是這樣子的(下圖左側(cè)),但據(jù)說當(dāng)打開標(biāo)簽數(shù)超過 99 個(gè)后,那個(gè)數(shù)字標(biāo)識(shí)會(huì)變成一個(gè)笑臉(下圖右側(cè))。
Dropbox
當(dāng)電量不足時(shí),Dropbox?會(huì)自動(dòng)停止正在進(jìn)行中的”照片上傳“動(dòng)作。
Feather
Feather?是一個(gè)第三方 Twitter 客戶端,除了比較特色的齊全另類字符、編碼藝術(shù)字與回轉(zhuǎn)13位加密推文之外,最為人熟知的是它那比較另類的發(fā)送頁面,點(diǎn)擊那個(gè)可愛的 Twitter 鳥發(fā)推,隨著用戶逐漸輸入內(nèi)容 Twitter 鳥會(huì)逐漸變綠,防止用戶輸入超過 140 個(gè)字符上限。
Foursquare
在 4sq 的?iOS 客戶端中,當(dāng)向左拖動(dòng)頁面中圖片時(shí)會(huì)看到一個(gè)拿著相機(jī)拍照的卡通吉祥物。
Google Translate
當(dāng)使用谷歌翻譯完句子后,如果將設(shè)備橫屏旋轉(zhuǎn)其界面會(huì)自動(dòng)全屏并放大,方便展示給旁邊的人觀看。
類似的,iOS 官方自帶的計(jì)算器(Calculator)應(yīng)用在旋轉(zhuǎn)后功能會(huì)自動(dòng)擴(kuò)展。
但對(duì)于稍后閱讀應(yīng)用?Instapaper?來說,如果在觀看的過程中設(shè)備發(fā)生旋轉(zhuǎn),它會(huì)自動(dòng)修正過來,并彈出對(duì)應(yīng)的鎖屏設(shè)置,減少對(duì)用戶的打擾。
iOS (Apple)
1. 開啟飛行模式后,代表飛行模式的小飛機(jī) Icon 會(huì)從左側(cè)緩慢飛出。當(dāng)關(guān)閉飛行模式后,會(huì)小飛機(jī)會(huì)向右緩慢飛走。
2. 聯(lián)通 3G iPhone 用戶對(duì)下面這個(gè)畫面應(yīng)該會(huì)很熟悉,當(dāng)使用 3G 網(wǎng)絡(luò)時(shí)”加載菊花“轉(zhuǎn)得要比非 3G 快很多。
3. Newsstand 中的報(bào)刊雜志每期更新不僅內(nèi)容更新,封面也會(huì)相應(yīng)更新。
4. iOS 朗讀功能的朗讀速率設(shè)置 (設(shè)置>通用>輔助功能>Voice Over>朗讀速率) 中左側(cè)使用烏龜 Icon 代表慢速,右側(cè)使用兔子 Icon 代表快速。
Nike+
在?Nike+?的線路信息界面,可以在地圖上查看跑步路線,其顏色代表速度快慢。
(圖片?Via)
Path
Path?首頁的時(shí)間軸,在拖動(dòng)過程中,會(huì)有浮動(dòng)狀態(tài)顯示該信息的發(fā)布時(shí)間,尤其當(dāng)快速下滑時(shí)浮動(dòng)狀態(tài)的時(shí)鐘指針也會(huì)隨之轉(zhuǎn)動(dòng),有一種時(shí)光倒流的感覺。
Reeder
1.?Reeder?同步時(shí)在頂部狀態(tài)欄實(shí)時(shí)顯示同步進(jìn)度
2. 在閱讀文章界面向下拖動(dòng)可查看下一篇文章預(yù)覽,松開后開始加載(左側(cè))。在列表界面向左滑動(dòng)加星標(biāo)注/取消加星標(biāo)注,向右滑動(dòng)標(biāo)注已讀/未讀狀態(tài)。
RunKeeper
跑步健身應(yīng)用?RunKeeper?聯(lián)系人加載動(dòng)畫是一個(gè)正在跑步的小人。
Twitter 官方客戶端,在“回復(fù)”窗口向下拖動(dòng)空白處可顯示要回復(fù)的原推文內(nèi)容,另外第三方 Twitter 客戶端 Tweetbot 以及國(guó)內(nèi)的第三方微博客戶端墨客也可實(shí)現(xiàn)此功能。
另外發(fā)推過程也有像上面提到的 Reeder 那樣在頂部狀態(tài)欄實(shí)時(shí)顯示進(jìn)度。
- 目前還沒評(píng)論,等你發(fā)揮!