7月份即將結束，那么將有那些值得我們關注的設計小細節(jié)，讓我們一起來看看吧！

 01、騰訊視頻-護眼實驗室利用騰訊視頻觀看影片時，在屏幕右上角更多功能有一個“護眼實驗室”，矯正用戶的觀影習慣，達到保護眼睛的作用。

當用戶開啟此模式后，眼睛距離屏幕過近時，視頻停止播放并彈出一個提醒用戶遠點觀看的畫面，只有眼睛離屏幕遠些才正常播放，以達到保護眼睛的作用。

林四桶 摘錄 02、豆瓣 FM 內(nèi)測版本的全新設計風格豆瓣 FM 內(nèi)測版全新的卡片式播放頁，上下滑動卡片實現(xiàn)切歌，左右滑動在模式導航頁和播放頁切換，交互流暢，界面簡潔大氣，打造了全新的設計風格。

九七 摘錄 03、Airbnb 個人中心改版Airbnb 的個人中心改版之前如左圖，文字在左邊而圖標在右邊，圖標的價值沒有得到體現(xiàn)，左邊的文案已經(jīng)理解了含義，右邊的圖標就失去了存在的價值。

新版?zhèn)€人中心如右圖，布局上更有效率，圖標語義化很強，下方的文字起輔助說明作用，有效減少了用戶的決策時間。

認真的半瓶子醋 摘錄 04、淘寶-查看物流淘寶查看物流信息時除了會預計快遞送達時間，右側還有個 icon 可聯(lián)系快遞員的緊急需求，相比復制快遞員電話再返回通話頁面粘貼電話聯(lián)系快遞員，這個操作更加高效便捷。

林四桶 摘錄 05、車來了的“孕媽媽空間計劃”車來了是一款查詢公交車實時位置的產(chǎn)品，最近使用體驗中發(fā)現(xiàn)，在車輛標識上設計了一個懷孕媽媽圖形，點擊進入到“孕媽媽空間計劃”的新功能，是給特殊人群 - 懷孕媽媽專用的?？梢圆榭窜囕v實時的擁擠程度，方便做出選擇。該功能提升了用戶對產(chǎn)品的好感度，有愛、貼心、人性化。

平時公交車的到站距離、預計到站時間可以預測，但是擁擠程度確實并不可預料和預測。這就需要更多的用戶提供實時信息，才能更好的幫助別人，所以間接提高了與用戶的互動性和粘性。除了作為提供信息者，還可以把這樣一個特別好的功能分享出去讓更多用戶知道，起到一定的推廣作用。

喵嗚丸子 摘錄 06、快手電丸底部 icon 設計電丸廣場版塊按鈕直接運用 App 圖標內(nèi)元素，整體運用面型風格，色彩飽和度高，符合游戲氛圍；其次點擊按鈕會有輕量的動畫交互效果，且按鈕會相應變大！

九七 摘錄 07、進入青少年模式最近大家在體驗一些娛樂產(chǎn)品的時候有沒有發(fā)現(xiàn)一個相同的彈出提示：進入青少年模式，提示家長選擇青少年模式。

在青少年模式中，為未成年的用戶做了很好的內(nèi)容過濾，還有時間鎖、禁用時間等，家長可以設置監(jiān)護密碼。同時，用戶在瀏覽內(nèi)容時，如果畫面涉及到危險動作時，頁面底部會有浮層提示，可能存在風險，請注意辨別。這個小提示對用戶起到積極引導的作用。

認真的半瓶子醋 摘錄 08、全民K歌，不一樣的K歌體驗打開全民K歌，當?shù)撞繕撕灆谶x擇動態(tài)欄之后與選擇點歌欄是兩種不一樣的狀態(tài)，小麥克風的圖標由傾斜變成垂直，設計新穎，略帶一點小俏皮。

碎碎的藍 摘錄 09、美團外賣-智能點餐美團外賣提供細化的選項給用戶選擇，更精準、快速完成點餐，解決了一些用戶“點餐困難癥”。設置 SIri 捷徑后，可直接通過 Siri 快捷指令跳轉到美團智能點餐頁面。

林四桶 摘錄 10、如何處理混亂的 QQ 消息QQ 消息信息太多容易混亂怎么辦？長按消息列表欄會出現(xiàn)快速預覽對話框，可通過左右滑動快速切換對話框?？梢酝ㄟ^預覽的形式大致看一下消息動態(tài)，如果遇到與自己有關聯(lián)的消息便點擊查看更多。

小鯨魚 摘錄 

11、微信如何拒收分享鏈接

當有好友跟你發(fā)送游戲分享鏈接時，右下角有一個小手的標志可設置拒收/接受此應用的所有信息，有些用戶經(jīng)常收到此類信息干擾，拒收功能對用戶來說比較人性化。

林四桶 摘錄 12、微信讀書不一樣的消息提示現(xiàn)在有很多人有強迫癥，就是看到消息紅點會去把他標為已讀，一些推送消息往往會忽略掉。微信讀書對查看消息加了一步操作，底部 icon 引導提示，并且增加了趣味性。

小鯨魚 摘錄 13、界面新聞的夜間模式界面新聞在我的和資訊文章中都有添加夜間模式，便于用戶晚間閱讀。并且夜晚模式在我的里邊較為明顯的位置，相較于其他新聞資訊類產(chǎn)品來說易于用戶使用，降低學習成本。在閱讀新聞正文的時候，也可以根據(jù)閱讀情況對亮度進行調(diào)節(jié)，字體大小進行選擇等。

wuli兔子 摘錄 14、美團-蠢蠢欲動的免單功能進入美團 App 首頁，免單按鈕以半彈出的方式懸浮在屏幕的右下方，卡片式的界面設計及留白上拉瀏覽時，絲毫不受按鈕的影響，屏幕下拉時，按鈕完全彈出，回到頂部后恢復半彈出狀態(tài)。方便用戶操作的同時，也不會影響其他內(nèi)容的信息傳達。

飛鷹創(chuàng)意之旅 摘錄 15、平安口袋-隱藏功能的交互方式進入平安口袋 App 首頁，底部會出現(xiàn)一排平安業(yè)務的 H5 內(nèi)嵌延展功能，頁面上拉則會自動隱藏，下拉時，功能列表從底部彈出且可左右滑動，上拉時再次隱藏。

此交互的展示方式，既不影響產(chǎn)品的美觀和使用，又有效的宣傳了公司的其他業(yè)務。方便用戶操作的同時，也不會影響其他內(nèi)容的信息傳達。（平安其他APP均使用了此類相同宣傳方式，如：平安銀行、平安保險、平安證券……）

飛鷹創(chuàng)意之旅 摘錄 16、網(wǎng)易云音樂的音樂密友在體驗網(wǎng)易云音樂每日推薦功能時，列表中推薦符合用戶口味的音樂，列表右上方還顯示了一部分其他用戶頭像；點擊頭像轉跳進入另一功能界面（音樂密友），該功能指在通過對音樂口味相似度來推薦好友。

音樂密友界面與其他主頁面風格不同，以黑色為主色，重點強化口味相似度內(nèi)容呈現(xiàn)，突出用戶間的相同點達到促進社交的目的。其次右下角以齒輪左右滑動的交互效果來切換推薦的用戶，在探索好友的過程中有種游戲的體驗感，促進用戶探索好友的時長，為社交提供更多可能性。

九七 摘錄 17、同花順一步到位的登錄同花順 App 登錄界面，打破了傳統(tǒng)登錄形式，把第三方登錄方式“微信登錄”和“手機號登錄”放在個人中心，把兩步登錄變成一步，更加直觀的引導用戶去注冊登錄，降低用戶的操作成本。

微言 摘錄 18、QQ 聊天輸入框的全屏輸入長按 QQ 聊天輸入框會有一個全屏輸入的功能，方便用戶輸入長文本內(nèi)容時可全屏預覽輸入的內(nèi)容。

林四桶 摘錄 19、餓了么-貼心的小提示在餓了么 App 首頁下拉時，根據(jù)其下拉的距離即出現(xiàn)不同的操作提示，防止用戶誤操作。降低了用戶的操作成本，其目的就是降低用戶的出錯概率。

飛鷹創(chuàng)意之旅 摘錄 20、QQ 空間的拔河互動進入空間好友動態(tài)的詳情頁面，往下拉會有一個拔河的互動，隨機選取用戶一起參與拔河的游戲中，這個小游戲增加了下拉刷新的互動體驗。

林四桶 摘錄 

 作者：黑馬家族 公眾號：行設視覺