移動界面那些小處見大的設(shè)計細節(jié)

移動界面設(shè)計、交互設(shè)計的細節(jié)的內(nèi)容。包括手機界面設(shè)計、應(yīng)用界面設(shè)計、系統(tǒng)界面設(shè)計、網(wǎng)站APP界面設(shè)計，在移動界面設(shè)計工作中細節(jié)處理上作為一個小小的參考。

1.Google驗證(Google Authenticator) - 用戶點擊驗證碼后系統(tǒng)會自動對其進行復(fù)制(便于后續(xù)的粘貼操作)。

2.Any.do Cal - 會顯示兩個事件之間的間隔時間。

3.Forbes - 熱門文章列表中，每個條目都有白色的背景條，以展示這些文章的受歡迎程度(點擊量)。

4.Timehop - 當你瀏覽到界面底部時，如果繼續(xù)滾屏，就會看到吉祥物小恐龍只穿底褲的樣子。

5.iOS7的控制中心 - 打開手電筒后，其高亮狀態(tài)的圖標上，手電筒的開關(guān)也是處于“打開”的位置。

6.iOS7 - 鎖屏時，狀態(tài)欄上文字與圖標的尺寸比平時更大。

7.iOS7的Safari - “閱讀列表”圖標里的眼鏡變成了喬布斯的經(jīng)典樣式。

8.App Store - 如果沒有打分就直接發(fā)表評論的話，系統(tǒng)會通過彈出框告知，并在其中直接提供打分功能。

9.iOS7 - 主屏上的時鐘圖標可以動態(tài)的顯示當前實際時間。

10.iOS7 - 天朝版本的iOS7官方介紹視頻中，Twitter和Facebook的圖標被替換為新浪微博和騰訊微博。

11.Tumblr for Android - 長按“創(chuàng)建”按鈕，可以在照片和文本內(nèi)容之間選擇。

12.谷歌地圖iPhone版 - 雙擊地圖之后就可以通過單指來進行縮放操作。

13.Yelp for iOS - 在紐約使用應(yīng)用時，距離單位自動從“英里”切換為“街區(qū)”。

14.Conditions for iOS - 下拉刷新時，狀態(tài)指示圖標是一個溫度計的樣式，而且溫度計內(nèi)部液面的高度會隨著下拉的過程而上升。

15.Twitter - 超出140字的部分會有紅色底色。

16.Dropbox(iPhone) - 在設(shè)備電量過低時自動禁用拍攝上傳功能。

17.British Gas - 輸入電表讀數(shù)的界面提供了手電筒照明功能，方便用戶在昏暗的環(huán)境中查看讀數(shù)。

18.Pocket(iPhone) - 如果用戶在其他應(yīng)用中復(fù)制了一段URL，然后打開Pocket，它會詢問你是否要將目前存儲在剪貼板當中的URL添加到閱讀列表中。

19.Tweetbot - 評論一篇推文時，在文本框當中下拉，即可看到原推文的作者和內(nèi)容。

20.Siri - 如果用戶在午夜使用時提到“明天”，Siri會和用戶確認“明天”指的具體是哪一天，以防用戶搞錯。

21.Pair - 輸入安全碼時，安全遮罩是愛心的形象，而不是傳統(tǒng)的星號，更符合產(chǎn)品自身的特色。

22.RunKeeper - 加載時的反饋動畫是跑步者的形象，更符合產(chǎn)品自身的特色。

23.Foursquare - 下拉刷新時，如果用戶把界面拉的太遠，頂部會出現(xiàn)界面發(fā)出的求救信息“嘿，可以放開我了！”

24.iOS6 郵件應(yīng)用 – “草稿”的圖標是帶有折線的白紙，而“已發(fā)送郵件”的圖標則是將白紙按照折線折成的飛機。

25.iOS版Chrome - 如果已開的tab數(shù)量超過99，tab圖標將不再顯示數(shù)字，取而代之的是可愛的笑臉。

26.Windows Phone - 如果發(fā)送短信的過程中出現(xiàn)問題，短信應(yīng)用圖標中的笑臉會變成苦臉，以提示用戶消息沒有發(fā)送成功。