作為一名還不夠成熟的UI設(shè)計(jì)師，只有不斷的體驗(yàn)產(chǎn)品，感受產(chǎn)品，從產(chǎn)品與產(chǎn)品之中找到關(guān)聯(lián)和設(shè)計(jì)特點(diǎn)，才能有所提高。同時(shí)，發(fā)現(xiàn)有趣的產(chǎn)品也會(huì)對(duì)我們的設(shè)計(jì)思維有很大的幫助，下面就是本人近一個(gè)月總結(jié)出來的產(chǎn)品體驗(yàn)日記。

一、突破尋常的卡片模塊樣式

在滬上阿姨小程序首頁中，最主要的兩個(gè)點(diǎn)單功能模塊，用了突破尋常的樣式設(shè)計(jì)。大多數(shù)產(chǎn)品用矩形或圓形來表現(xiàn)，而滬上阿姨用了不規(guī)則形狀的兩個(gè)模塊的切分來表現(xiàn)，同時(shí)用了IP形象來表現(xiàn)，拓展了視覺張力，并且吸引用戶點(diǎn)擊關(guān)注。

二、情感化IP形象的用戶體驗(yàn)

墨跡天氣首頁以IP形象為主，增強(qiáng)用戶情感化體驗(yàn)。同時(shí)，將體感融入IP形象表現(xiàn)，并且加入語音功能，加強(qiáng)用戶共情心理，將IP運(yùn)用的十分巧妙。多樣性的可交互操作也讓IP生動(dòng)起來，在用戶點(diǎn)擊IP時(shí)，IP會(huì)出現(xiàn)聊天框與用戶對(duì)話，而在用戶右劃IP形象時(shí)，還會(huì)出現(xiàn)IP形象替換管理的頁面，吸引用戶關(guān)注度，增強(qiáng)用戶體驗(yàn)感。

三、交互體驗(yàn)下的拓展banner

飛豬旅行的banner位于金剛區(qū)下面十分顯眼的位置，占據(jù)空間很小。當(dāng)用戶上滑時(shí)，banner會(huì)隨著手勢(shì)交互進(jìn)而拓展延伸。在原有banner的基礎(chǔ)上，加入風(fēng)格相同的宣傳模塊，提高用戶對(duì)banner的關(guān)注度。

四、視覺張力拉滿的圖標(biāo)設(shè)計(jì)

飛豬旅行APP首頁頂部金剛區(qū)視覺感十分強(qiáng)烈。首先主要的功能圖標(biāo)用了3D寫實(shí)的方式表現(xiàn)，顏色上不同，但統(tǒng)一和諧。下面的次級(jí)功能圖標(biāo)均為線性表現(xiàn)，與上面形成對(duì)比，視覺反差強(qiáng)烈。金剛區(qū)背景用了玻璃質(zhì)感，有了層疊的感覺，凸顯視覺張力。

五、動(dòng)態(tài)插畫的人性化設(shè)計(jì)

在高德地圖使用騎行方式的選擇路線模塊上，在確定位置之后，底部卡片會(huì)出現(xiàn)林蔭的動(dòng)態(tài)插畫，兩秒之后消失，然后卡片區(qū)域會(huì)出現(xiàn)綠色的蔭涼主題表現(xiàn)。這種情感化的插畫設(shè)計(jì)，增強(qiáng)用戶沉浸式體驗(yàn)，與用戶產(chǎn)生情感共鳴，符合人性化設(shè)計(jì)理念。

六、卡片組合推薦熱播視頻

當(dāng)用戶進(jìn)入愛奇藝首頁中，有一定概率會(huì)出現(xiàn)熱播視頻的卡片組合。該卡片由原先的功能卡片組合，去掉了文案部分，減少了卡片之間的間距，用戶心理會(huì)形成一個(gè)完整的畫面。其次該卡片為動(dòng)態(tài)視頻畫面，并且在畫面下方還有相關(guān)文案和按鈕提示，幾秒之后會(huì)恢復(fù)原功能卡片樣式，吸引了用戶關(guān)注，為熱播劇引流。

七、趣味性的標(biāo)簽動(dòng)效

知乎會(huì)員購(gòu)模塊上，頂部金剛區(qū)由四個(gè)圖標(biāo)組成，其中限時(shí)活動(dòng)圖標(biāo)以動(dòng)態(tài)標(biāo)簽形式提高關(guān)注度。標(biāo)簽動(dòng)效流暢自然，并且?guī)в腥の缎?，吸引用戶注意，提高圖標(biāo)的點(diǎn)擊率。

八、建筑元素與界面的融合

在云游長(zhǎng)城小程序中，底部導(dǎo)航欄的背景用了長(zhǎng)城的建筑結(jié)構(gòu)表現(xiàn)，加入了紋理細(xì)節(jié)，不僅新穎而且契合品牌概念。另外，在界面的卡片式設(shè)計(jì)上，也用了長(zhǎng)城的結(jié)構(gòu)來分割版塊內(nèi)容，增強(qiáng)了用戶體驗(yàn)感。

九、滑動(dòng)拓展功能模塊設(shè)計(jì)

攜程旅游的頂部金剛區(qū)，用了五個(gè)主要的功能模塊來區(qū)分，下方相關(guān)的延伸功能用了淺色來表現(xiàn)，視覺效果平衡有序。在用戶向右滑動(dòng)金剛區(qū)后，會(huì)出現(xiàn)全部的功能模塊，頁面也會(huì)往下方延伸，增強(qiáng)用戶體驗(yàn)感。

十、下拉刷新的情感化動(dòng)效

用戶在使用寶寶樹孕育APP下拉刷新時(shí)，會(huì)出現(xiàn)IP形象在做一個(gè)旋轉(zhuǎn)的動(dòng)效，并且表情上很可愛，還有一些小元素進(jìn)行點(diǎn)綴，吸引用戶關(guān)注，強(qiáng)化品牌IP概念。同時(shí)在首頁的刷新上，其他的動(dòng)效也會(huì)跟刷新動(dòng)效在一個(gè)速率上，視覺感平衡。

十一、活動(dòng)入口的特色按鈕

在淘寶首頁的右上角多了一個(gè)模塊來為活動(dòng)頁面引流，而該活動(dòng)入口與頁面風(fēng)格不同，用了簡(jiǎn)單的輕質(zhì)感圖標(biāo)，在界面上割裂開一個(gè)平滑的切面來表現(xiàn)，并且白天夜晚還存在不同的模式轉(zhuǎn)換，十分吸引用戶關(guān)注，提高活動(dòng)點(diǎn)擊率。

十二、超越版面的連線處理

在Woodoo小程序首頁上，每個(gè)功能模塊都做成了單一的卡片表達(dá)，同時(shí)用了S型的排版方式加入了IP形象來豐富畫面。每一個(gè)IP形象都做了趣味性的連線處理，最后用連線引到了產(chǎn)品圖片上，吸引用戶關(guān)注，增強(qiáng)用戶體驗(yàn)感。

十三、活動(dòng)入口的異形按鈕提示

夸克網(wǎng)盤界面整體色調(diào)只有黑白灰和品牌主色調(diào)十分簡(jiǎn)約整潔。為了引入活動(dòng)模塊，在首頁頂部出現(xiàn)異形的按鈕設(shè)計(jì)，視覺效果強(qiáng)烈與主界面形成反差，吸引用戶關(guān)注，為活動(dòng)長(zhǎng)圖引流。

十四、滿鋪圖片背景的設(shè)計(jì)風(fēng)格

在飛豬旅行的飛豬露營(yíng)模塊，進(jìn)入頁面可以看到全是鋪滿圖片背景的布局模塊，但是圖片做了蒙版處理不搶眼且顏色做了視覺統(tǒng)一。在用戶點(diǎn)擊其中卡片后，也會(huì)出現(xiàn)圖片背景為底的界面布局，視覺上十分搶眼并且吸引用戶關(guān)注。

十五、簽到模塊的隱藏設(shè)置

在喜馬拉雅簽到模塊中，為了其他功能模塊引流，簽到獎(jiǎng)勵(lì)用了隱藏設(shè)置。在用戶點(diǎn)擊展開簽到時(shí)，才會(huì)出現(xiàn)視覺效果豐富的簽到獎(jiǎng)勵(lì)。加入用戶交互，刺激用戶強(qiáng)行關(guān)注該模塊，并為了與下方視覺做統(tǒng)一處理，隱藏視覺豐富獎(jiǎng)勵(lì)模塊，為該模塊引流。

十六、插畫背景強(qiáng)化夏日氛圍

在喜馬拉雅夏日活動(dòng)版塊的視覺設(shè)計(jì)十分出彩，背景用了海洋插畫來表現(xiàn)夏日感。并且其插畫背景是固定在該位置不做變化的，用戶滑動(dòng)時(shí)只有卡片會(huì)隨之變化，增強(qiáng)了視覺統(tǒng)一，強(qiáng)化了夏日主題概念。

十七、簽到的視覺效果表達(dá)

在得物的簽到模塊中，用戶首次進(jìn)入頂部視覺會(huì)出現(xiàn)顯示當(dāng)日日期的盒子視覺設(shè)計(jì)，當(dāng)用戶簽到后，該盒子設(shè)計(jì)會(huì)做一個(gè)簡(jiǎn)單的位移動(dòng)效，往左右兩邊擴(kuò)張版面，顯示簽到獎(jiǎng)勵(lì)和天數(shù)。擬物感設(shè)計(jì)吸引用戶關(guān)注，增強(qiáng)用戶體驗(yàn)感。

十八、輕質(zhì)感版面的視覺統(tǒng)一

在夸克的學(xué)習(xí)模塊中，頂部視覺用了紅藍(lán)兩種顏色并做了輕質(zhì)感icon來表示，視覺上舒適和諧。為了與頂部視覺達(dá)到統(tǒng)一有序，在下方卡片中也用了這兩種顏色做了輕質(zhì)感icon來與之呼應(yīng)，設(shè)計(jì)規(guī)范上十分統(tǒng)一，讓用戶在視覺感受上形成一個(gè)整體。

十九、主題活動(dòng)視覺風(fēng)格轉(zhuǎn)換

用戶在未登錄狀態(tài)下首次進(jìn)入中國(guó)移動(dòng)首頁，頂部視覺會(huì)出現(xiàn)成都大運(yùn)會(huì)的視覺延展設(shè)計(jì)，下方圖標(biāo)也做成了大運(yùn)會(huì)運(yùn)動(dòng)的專屬圖標(biāo)，在設(shè)計(jì)上緊跟社會(huì)熱點(diǎn)進(jìn)行改版升級(jí)，為該主題活動(dòng)引流并吸引用戶關(guān)注。

二十、主題電影的特殊彩蛋

在美團(tuán)電影板塊中，當(dāng)用戶進(jìn)入主推電影的詳情頁模塊后，底部背景用了電影海報(bào)展示拉開視覺張力。同時(shí)還會(huì)出現(xiàn)一只九尾狐在評(píng)分卡片上跳動(dòng)，與電影情節(jié)關(guān)聯(lián)度強(qiáng)，會(huì)給予用戶一種正向反饋，吸引用戶關(guān)注該電影并增強(qiáng)用戶體驗(yàn)感。

小結(jié)

找到一個(gè)產(chǎn)品的特色設(shè)計(jì)是一件令人興奮的事情，這不僅拓展了思維并且對(duì)于工作上的運(yùn)用也有很大幫助。大多數(shù)的產(chǎn)品都存在十分細(xì)節(jié)的設(shè)計(jì)，這些都是成為優(yōu)秀設(shè)計(jì)師的必要條件。感受產(chǎn)品，體驗(yàn)產(chǎn)品，希望自己能不斷輸出，不斷超越。