7月份即將結(jié)束，那么將有那些值得我們關(guān)注的設(shè)計(jì)小細(xì)節(jié)，讓我們一起來(lái)看看吧！

 01、騰訊視頻-護(hù)眼實(shí)驗(yàn)室利用騰訊視頻觀看影片時(shí)，在屏幕右上角更多功能有一個(gè)“護(hù)眼實(shí)驗(yàn)室”，矯正用戶的觀影習(xí)慣，達(dá)到保護(hù)眼睛的作用。

當(dāng)用戶開(kāi)啟此模式后，眼睛距離屏幕過(guò)近時(shí)，視頻停止播放并彈出一個(gè)提醒用戶遠(yuǎn)點(diǎn)觀看的畫(huà)面，只有眼睛離屏幕遠(yuǎn)些才正常播放，以達(dá)到保護(hù)眼睛的作用。

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

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

新版?zhèn)€人中心如右圖，布局上更有效率，圖標(biāo)語(yǔ)義化很強(qiáng)，下方的文字起輔助說(shuō)明作用，有效減少了用戶的決策時(shí)間。

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

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

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

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

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

在青少年模式中，為未成年的用戶做了很好的內(nèi)容過(guò)濾，還有時(shí)間鎖、禁用時(shí)間等，家長(zhǎng)可以設(shè)置監(jiān)護(hù)密碼。同時(shí)，用戶在瀏覽內(nèi)容時(shí)，如果畫(huà)面涉及到危險(xiǎn)動(dòng)作時(shí)，頁(yè)面底部會(huì)有浮層提示，可能存在風(fēng)險(xiǎn)，請(qǐng)注意辨別。這個(gè)小提示對(duì)用戶起到積極引導(dǎo)的作用。

認(rèn)真的半瓶子醋 摘錄 08、全民K歌，不一樣的K歌體驗(yàn)打開(kāi)全民K歌，當(dāng)?shù)撞繕?biāo)簽欄選擇動(dòng)態(tài)欄之后與選擇點(diǎn)歌欄是兩種不一樣的狀態(tài)，小麥克風(fēng)的圖標(biāo)由傾斜變成垂直，設(shè)計(jì)新穎，略帶一點(diǎn)小俏皮。

碎碎的藍(lán) 摘錄 09、美團(tuán)外賣(mài)-智能點(diǎn)餐美團(tuán)外賣(mài)提供細(xì)化的選項(xiàng)給用戶選擇，更精準(zhǔn)、快速完成點(diǎn)餐，解決了一些用戶“點(diǎn)餐困難癥”。設(shè)置 SIri 捷徑后，可直接通過(guò) Siri 快捷指令跳轉(zhuǎn)到美團(tuán)智能點(diǎn)餐頁(yè)面。

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

小鯨魚(yú) 摘錄 

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

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

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

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

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

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

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

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

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

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

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

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

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

林四桶 摘錄 

 作者：黑馬家族 公眾號(hào)：行設(shè)視覺(jué)