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

轉(zhuǎn)載贊3 收藏3 評(píng)論

舉報(bào) 2014-04-18

掃描,分享朋友圈

來源：beforweb

31、iOS7

鎖屏?xí)r，狀態(tài)欄上文字與圖標(biāo)的尺寸比平時(shí)更大。

32、iOS 7 的Safari

“閱讀列表”圖標(biāo)里的眼鏡變成了喬布斯的經(jīng)典樣式。

33、Optimizely

白金會(huì)員擁有直接聯(lián)系Optimizely CEO的專享特權(quán)。

34、Gmail

在多人郵件中添加新的聯(lián)系人之后，TA的名字比其他聯(lián)系人的字色要深。

35、Speaker Deck

在某套幻燈片的縮略圖上橫向移動(dòng)鼠標(biāo)，即可按順序一頁一頁的預(yù)覽該幻燈片當(dāng)中的內(nèi)容。

36、Projecto

如果在郵寄地址中留下了英國的地址，系統(tǒng)就會(huì)以古板的英國紳士的口吻向你告知進(jìn)口稅方面的問題。

37、Youtube

當(dāng)視頻處于播放狀態(tài)時(shí)，瀏覽器標(biāo)簽當(dāng)中會(huì)出現(xiàn)一個(gè)代表”播放中”的三角圖標(biāo)。

38、Dropbox

當(dāng)你被邀請(qǐng)到一個(gè)新的共享文件夾時(shí)，文件夾的圖標(biāo)當(dāng)中會(huì)有一個(gè)微笑的表情。

39、App Store

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

40、Chrome

當(dāng)你正在使用語音搜索功能時(shí)，瀏覽器標(biāo)簽當(dāng)中的favicon會(huì)變成一個(gè)帶紅點(diǎn)的樣式，表明系統(tǒng)當(dāng)前正在監(jiān)聽。

41、Press Café

鼠標(biāo)懸停在”營業(yè)/打烊”狀態(tài)標(biāo)識(shí)上時(shí)，氣泡中會(huì)顯示距離”打烊/營業(yè)”的時(shí)間，精確到分鐘。

42、Kayak

篩選航班信息時(shí)，你可以通過點(diǎn)擊某個(gè)篩選條件中的”only”來取消選中其他條件，只讓這一條處于選中狀態(tài)。

43、Chrome

在頁面上搜索內(nèi)容時(shí)，如果搜索結(jié)果所處的位置正好被Chrome的搜索欄遮擋住，那么搜索欄會(huì)自動(dòng)移到旁邊。

44、Gmail

如果郵件需要用戶執(zhí)行某些特定的行為，例如”RSVP(回復(fù)確認(rèn))”、”確認(rèn)訂閱”、”跟蹤包裹”等等，那么用戶可以在收件箱的郵件列表當(dāng)中直接完成相關(guān)的確認(rèn)操作。

45、Tumblr

“動(dòng)態(tài)(Activity)”按鈕上的曲線圖是真實(shí)數(shù)據(jù)曲線的縮略版本。

46、Google

搜索”kerning”時(shí)，搜索結(jié)果中該單詞的字符間距會(huì)變大(確保字母r與n不會(huì)被誤讀為m)。

47、GitHub System Status

頁面的favicon會(huì)隨著當(dāng)前系統(tǒng)狀態(tài)的不同而發(fā)生變化。

48、Facebook

訪問自己配偶的頁面時(shí)，會(huì)看到”TA已與你成婚”。

49、Amazon Kindle

產(chǎn)品頁的照片中，護(hù)照與Kindle書上面的文字會(huì)根據(jù)你所在的地區(qū)不同而變化。

50、Google Docs

當(dāng)前文檔的匿名瀏覽者會(huì)被分配到不同的動(dòng)物名字與圖標(biāo)。

51、iOS7

主屏上的時(shí)鐘圖標(biāo)可以動(dòng)態(tài)的顯示當(dāng)前實(shí)際時(shí)間。

52、iOS7

天朝版本的iOS7官方介紹視頻中，Twitter和Facebook的圖標(biāo)被替換為新浪微博和騰訊微博。

53、Google Chrome

用戶準(zhǔn)備清除瀏覽數(shù)據(jù)時(shí)，Chrome會(huì)首先提示用戶，以后可以使用隱身模式瀏覽網(wǎng)頁，這樣就無需手動(dòng)清空數(shù)據(jù)了。

54、PSN

“變形金剛：賽博坦的隕落”游戲的新聞郵件中，如果圖片默認(rèn)沒有被加載，空缺的部分會(huì)拼合成博派的logo。

55、Tumblr

如果用戶上傳了一張超大寬幅的圖片，Tumblr會(huì)自動(dòng)將文案中的”照片”一詞變?yōu)椤比皥D(panorama)”。

56、Headline Shirts

如果用戶在購物車頁面滯留超過45秒，Headline Shirts就會(huì)為其打折，折扣會(huì)在10分鐘內(nèi)有效；如果超過10分鐘沒有使用，他們還會(huì)送出可供將來使用的優(yōu)惠碼。

57、Tumblr for Android

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

58、YouTube

Favicon可以動(dòng)態(tài)的體現(xiàn)出”緩沖中”、”播放中”和”暫停播放”的狀態(tài)。

59、谷歌地圖iPhone版

雙擊地圖之后就可以通過單指來進(jìn)行縮放操作。

60、IA Writer

選中一段文字后，底部狀態(tài)欄會(huì)顯示這段文字相關(guān)的統(tǒng)計(jì)數(shù)據(jù)，例如包含的單詞量、字符數(shù)量以及閱讀這段文字花費(fèi)的大致時(shí)間。另外，這些統(tǒng)計(jì)數(shù)字擁有和選中文字相同的背景色，便于在認(rèn)知上建立關(guān)聯(lián).