那些打動人的 iOS 應用細節

3 評論 8821 瀏覽 0 收藏 8 分鐘

“魔鬼存在于細節中”,這句格言在設計中更是如此。相信很多人都知道在 Tumblr 有一個叫做?Littlebigdetails?的網站,專門記錄一些很多人可能不易覺察的界面交互細節。今天我們整理 iOS 應用以及 iOS 本身一些不錯的?Little Big Details,希望能給您帶來啟發。

Batch

不知道你有沒有過這樣的場景,想用手機偷偷拍一張照片的時候卻發現閃光燈開啟著。而圖片分享應用 Batch (已被 Airbnb 收購) 的拍照界面很好的解決了這個問題,只需要拍照前留意一下 Icon 右上角會有沒有一個白色標記,有的話代表閃光燈已開啟,沒有則代表你很安全,放心偷拍吧。

Chrome

正常情況下我們看到的?Chrome iOS 應用界面是這樣子的(下圖左側),但據說當打開標簽數超過 99 個后,那個數字標識會變成一個笑臉(下圖右側)。

Dropbox

當電量不足時,Dropbox?會自動停止正在進行中的”照片上傳“動作。

Feather

Feather?是一個第三方 Twitter 客戶端,除了比較特色的齊全另類字符、編碼藝術字與回轉13位加密推文之外,最為人熟知的是它那比較另類的發送頁面,點擊那個可愛的 Twitter 鳥發推,隨著用戶逐漸輸入內容 Twitter 鳥會逐漸變綠,防止用戶輸入超過 140 個字符上限。

Foursquare

在 4sq 的?iOS 客戶端中,當向左拖動頁面中圖片時會看到一個拿著相機拍照的卡通吉祥物。

Google Translate

當使用谷歌翻譯完句子后,如果將設備橫屏旋轉其界面會自動全屏并放大,方便展示給旁邊的人觀看。

類似的,iOS 官方自帶的計算器(Calculator)應用在旋轉后功能會自動擴展。

但對于稍后閱讀應用?Instapaper?來說,如果在觀看的過程中設備發生旋轉,它會自動修正過來,并彈出對應的鎖屏設置,減少對用戶的打擾。

iOS (Apple)

1. 開啟飛行模式后,代表飛行模式的小飛機 Icon 會從左側緩慢飛出。當關閉飛行模式后,會小飛機會向右緩慢飛走。

2. 聯通 3G iPhone 用戶對下面這個畫面應該會很熟悉,當使用 3G 網絡時”加載菊花“轉得要比非 3G 快很多。

3. Newsstand 中的報刊雜志每期更新不僅內容更新,封面也會相應更新。

4. iOS 朗讀功能的朗讀速率設置 (設置>通用>輔助功能>Voice Over>朗讀速率) 中左側使用烏龜 Icon 代表慢速,右側使用兔子 Icon 代表快速。

Nike+

?Nike+?的線路信息界面,可以在地圖上查看跑步路線,其顏色代表速度快慢。


(圖片?Via

Path

Path?首頁的時間軸,在拖動過程中,會有浮動狀態顯示該信息的發布時間,尤其當快速下滑時浮動狀態的時鐘指針也會隨之轉動,有一種時光倒流的感覺。

Reeder

1.?Reeder?同步時在頂部狀態欄實時顯示同步進度

2. 在閱讀文章界面向下拖動可查看下一篇文章預覽,松開后開始加載(左側)。在列表界面向左滑動加星標注/取消加星標注,向右滑動標注已讀/未讀狀態。

RunKeeper

跑步健身應用?RunKeeper?聯系人加載動畫是一個正在跑步的小人。

Twitter

Twitter 官方客戶端,在“回復”窗口向下拖動空白處可顯示要回復的原推文內容,另外第三方 Twitter 客戶端 Tweetbot 以及國內的第三方微博客戶端墨客也可實現此功能。

另外發推過程也有像上面提到的 Reeder 那樣在頂部狀態欄實時顯示進度。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!