目前，隨著網際網路產品逐漸成熟，使用者對於APP的使用、視覺反應已經潛移默化成為習慣，很多產品越來越相似，差異化越來越小。所以，利用產品中一些走心的設計在使用者體驗中留下記憶點十分重要

今天就和大家介紹幾個不錯的設計案例，以便能在之後實際運用中有更多創意。

一、場景化設計

根據分析使用者使用的場景，用視覺的方式模擬出類似的效果，這樣一方面利用線下場景幫助使用者更好的理解功能，降低使用者理解和使用成本，另一方面增加功能的體驗度，帶給使用者更親切真實的感受。

常見的有電商產品中的優惠券、會員卡片、刮刮樂，銀行或工具類產品中的卡包，教育行業產品的入學通知書、結業證書等

實際的優惠券和車票樣式

左邊的效果就是模仿實際生活中優惠券樣式，撕去的動作增加使用者使用的趣味性。撕的那麼爽，一點也沒覺得買買買會“肉疼”。同樣，右邊的出票樣式就像購買就出票，彷彿馬上就可以乘車一樣。

多張卡片重疊效果

左邊的樣式是一些票據的疊加，可以包含二維碼或者條形碼；右邊除了有卡片樣式以外，下方添加了盤子的樣式，向下拖動的互動有明顯的指向性，就像將美食放入盤中一樣。

網易考拉黑卡

網易考拉的黑卡設計從之前的大篇幅顯示，改為了現在隱藏彈出的動效，這種互動樣式就像將卡放入錢包一樣。

二、微互動

用細微的互動效果提升應用的趣味性，也是現在很多應用的亮點。

微互動反饋系統狀態

輸入即展示的互動

三、漸變+簡單的曲線

去年漸變開始走入大家視野，起初大多使用的是同色系漸變，現在漸變的應用越來越大膽（多為相鄰色系漸變）。隨著漸變的增多，設計師已經不滿足純漸變的效果，在漸變中新增簡單的曲線來豐富層次感，也是一種很不錯的體現。

漸變與簡單曲線的融合

四、乾淨的空間感

不是畫布大才能有空間感，就像不是字大就一定突出一樣，合理的利用間距、對比、顏色及陰影都可以設計出具有空間感的效果。

大投影拉開空間感，利用投影輕重和遠近創造多層次空間，用色塊或圖片製作精緻乾淨的投影；

用間距替換線條，進行簡化設計；

用規律性的排版，把握閱讀節奏感。

不同投影的設計運用

規律的排版

五、AR應用

隨著網路越來越好，為了讓使用者能有更真實的體驗，出現了3D展示、影片展示和VR展示的樣式。

打碼之後的VR功能

VR展示效果

六、資料視覺化設計

下圖介紹一個反面案例，感受一下純表格及資料所帶來的視覺感受

純資料展示樣式

資料視覺化的設計方法可以更加直觀的看到各個維度的資料表現，看到的不是一個個數字，而是轉化為視覺效果更好的資料視覺化形式，減輕閱讀疲勞，提高體驗

資料視覺化

還可以有效的減少使用者思考時間，讓頁面設計感更強。常見的視覺化有健身應用、地圖、金融應用等。

用圖表展示資料案例1

用圖表展示資料案例2

七、適當破壞

適當破壞已有的視覺樣式，達到突出和視覺指引的效果。常見的有在連結出新增元素、多個元素連線、元素融合等。

在增加視覺效果，提高頁面設計層次的同時，提高功能的易用性，優化了使用者體驗。

以上就是本次介紹的一些走心設計，在現如今越來越趨於一致的產品設計中，尤其是同類產品，產品功能同樣都可以滿足使用者的需求，但是體驗好的產品一定會吸引且留下更多使用者，所以，更多創意、有心的設計很重要~