這些內(nèi)容來自Tumblr的一個(gè)博客，LittleBigDetail。那邊的用戶提交了很多Web和App產(chǎn)品中設(shè)計(jì)用心的小細(xì)節(jié)，可以說，包括一些精妙的微交互模式，

這些內(nèi)容來自Tumblr的一個(gè)博客，Little Big Detail。那邊的用戶提交了很多Web和App產(chǎn)品中設(shè)計(jì)用心的小細(xì)節(jié)，可以說，包括一些精妙的微交互模式，一些小小的情感化元素，我很喜歡，于是就 挑出一些自己覺得有點(diǎn)意思的，匯總成期，童鞋們感受一下。

1、Google驗(yàn)證
用戶點(diǎn)擊驗(yàn)證碼后系統(tǒng)會(huì)自動(dòng)對(duì)其進(jìn)行復(fù)制（便于后續(xù)的粘貼操作）

2、Gumroad
聚焦到CVC安全碼字段時(shí)，右上方的信用卡圖標(biāo)會(huì)自動(dòng)翻轉(zhuǎn)并提示安全碼的位置。

3、Google Docs
準(zhǔn)備為某段文字添加連接時(shí)，系統(tǒng)會(huì)基于選中的文字自動(dòng)提供URL建議。

4、New Republic
頂部固定的標(biāo)題欄當(dāng)中有一條細(xì)紅線(進(jìn)度條)，可以隨著滾屏而自動(dòng)伸展或收縮，用來提示當(dāng)前閱讀的部分在全文當(dāng)中的位置。

5、MailChimp
注冊(cè)時(shí)，如果你填寫的用戶名已經(jīng)被占用了，系統(tǒng)會(huì)問你是否有個(gè)邪惡雙胞胎。

6、Chrome
無法找到頁面時(shí)，會(huì)提供一個(gè)與你輸入的URL非常相似的正確網(wǎng)址建議。

7、Medium
在小引用中，選擇一段文字后，出現(xiàn)的上下文工具當(dāng)中，雙引號(hào)圖標(biāo)只有一半是高亮的；而對(duì)大引用來說，這里的高亮狀態(tài)是完整的。

8、Turtable.fm
訂閱方案的選擇，使用了滑塊模式；小猴的表情會(huì)隨著你愿意支付的金額而動(dòng)態(tài)的產(chǎn)生變化。

9、Google圖片搜索
在加載完整圖片的過程中，縮略圖下方會(huì)展示一個(gè)進(jìn)度條。

10、Hipmunk
如果用戶輸入了過去的時(shí)間，會(huì)報(bào)錯(cuò)”我們尚未提供時(shí)空回朔的旅行服務(wù)”。

11、Chec
直接使用更有意義、更有上下文關(guān)聯(lián)感的語句來呈現(xiàn)選項(xiàng)(交互選項(xiàng)擁有高亮背景)。

12、Wikipedia
在文章中點(diǎn)擊引用內(nèi)容時(shí)，頁面底部會(huì)展示內(nèi)容來源的相關(guān)信息。

13、Google Maps
會(huì)顯示當(dāng)前地圖當(dāng)中區(qū)域的即時(shí)天氣信息。

14、Any.do Cal
會(huì)顯示兩個(gè)事件之間的間隔時(shí)間。

15、Pinterest
忘記登錄密碼時(shí)，收到的密碼重置郵件來自ohno@pinterest.com。

16、Forbes
熱門文章列表中，每個(gè)條目都有白色的背景條，以展示這些文章的受歡迎程度(點(diǎn)擊量)。

17、Close.io
當(dāng)你從其他地方直接復(fù)制了”John Smith” <john@example.com>這種形式的郵箱信息，并粘貼到Close.io的郵箱地址輸入框中，信息會(huì)被自動(dòng)分割，其中的姓名會(huì)被自動(dòng)填寫到Name輸入框，郵箱則留在郵箱地址輸入框。

18、Podio
創(chuàng)建新組織時(shí)，系統(tǒng)會(huì)根據(jù)你填寫的組織名稱自動(dòng)推薦相關(guān)的logo供選擇。

19、Litmus
當(dāng)你準(zhǔn)備取消服務(wù)時(shí)，頁面中的垃圾桶里會(huì)出現(xiàn)你曾經(jīng)使用Litmus發(fā)起過的調(diào)研郵件實(shí)際截圖。

20、OS X Finder
在通過”Alt+拖拽”復(fù)制一個(gè)包含年份數(shù)字的文件夾時(shí)，新文件夾當(dāng)中的年份會(huì)自動(dòng)加1。

21、Campaign Monitor
向賬戶中新增管理員時(shí)，確認(rèn)按鈕當(dāng)中會(huì)自動(dòng)包含新增的管理員名字，例如”添加Sally”。

22、Last.fm
在你更新了地區(qū)信息之后，系統(tǒng)會(huì)自動(dòng)更新時(shí)區(qū)和國家信息，并且通過反饋信息向你告知這些信息已經(jīng)根據(jù)新的地區(qū)自動(dòng)更新過了。

23、500px
照片頁的快捷鍵說明當(dāng)中，F(xiàn)鍵的圖標(biāo)上有一個(gè)突起樣式，和真實(shí)鍵盤的F按鍵相同。

24、Timehop
當(dāng)你瀏覽到界面底部時(shí)，如果繼續(xù)滾屏，就會(huì)看到吉祥物小恐龍只穿底褲的樣子。

25、Dropbox
當(dāng)你通過某個(gè)鏈接來到一個(gè)已經(jīng)被移除的共享文件夾時(shí)，出錯(cuò)提示頁面中的Dropbox logo會(huì)變成糾結(jié)的Escher立方體。

26、Google Calendar
提示信息條中”撤銷”按鈕會(huì)在整個(gè)提示條消失之前首先淡出。

27、Pinterest
如果你曾經(jīng)pin過某張圖片，那么再次試圖pin它的時(shí)候，系統(tǒng)會(huì)提示你之前已經(jīng)在某個(gè)畫板中pin過這張圖了。

28、OS X
當(dāng)系統(tǒng)檢測(cè)到你正在使用沒有觸控功能的鼠標(biāo)時(shí)，每個(gè)窗口中都會(huì)自動(dòng)呈現(xiàn)側(cè)邊滾動(dòng)條。

29、Goodreads
如果你正在瀏覽Web開發(fā)或UX方面的書籍，頁面右側(cè)就會(huì)出現(xiàn)Goodreads自家的相關(guān)職位招聘信息。

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

原文來自：beforweb

60個(gè)以小見大的設(shè)計(jì)細(xì)節(jié)系列

60個(gè)以小見大的設(shè)計(jì)細(xì)節(jié)（下篇）