回看自己做的一些設計，大都除了配色和圖標外，大同小異。有時候為了快速開發，交互組件也都差不多。看起來更沒有什么差異化，顯得單調乏味。
最近在做UI100day.com上的每日練習。看了大家的作品發現那些好看的作品，往往都加入了?有趣又好玩的元素。這些界面在滿足了功能需求的同時，也帶有情感表達的設計。同時用戶在使用時也能被帶入到使用情景中，讓人與產品產生更多的連接。
其實仔細想想，曾經的擬物設計就是情景化界面設計，筆記本樣子的記事本，鐘表一樣的時鐘... 讓用戶打開界面的時刻，就融入到了使用場景。只是在今天，全擬物的設計又太顯復雜與沉重。于是如何讓頁面的信息能清晰表達，又能讓頁面具有更funny的東西，是個值得思考的問題。
我搜集了一些使用情感化場景的界面設計，總結有以下幾種。
1.??頭部大圖使用
頭部用大圖大概是見到最多的提升頁面情景化的方法了。
下圖是多態VPN的界面。其實所要顯示的信息很少，但是加上頭部大圖后就不會顯得空白太多，也讓產品更有親和力。
這個界面真是讓人喜愛爆了，雖然快遞不都是摩托運的，不過精致的插畫和那只慵懶的小貓，讓人感覺快遞寶貝在小哥的呵護下，一定會順利達到的！背景上漸變的曲線也使得產品優雅而不單調。
2.全背景大圖
還有一種就是全背景大圖了，這種一般背景圖只會傳遞很少的信息，主要作為氛圍的烘托。比如下圖，墨跡天氣的界面，只是傳達天氣信息和區分白天黑夜。
3.導航欄背景的使用
Navigation bar導航欄最常見的設計方法就是使用純色或者漸變作為背景。58同城這個界面的導航欄，背景是一個城市場景，在不同的城市會切換不同的插畫表示所在城市。更有趣的是在下拉整個界面時，插畫還帶有動效果，代替加載時的loading狀態。
4.非正常狀態的使用
在一些常見分非正常狀態頁面，比如空數據頁面，我們也可以加入插圖，讓這種狀態不那么討人厭。如果你的產品有吉祥物的話，那么這也是個展示自己品牌形象的好機會。
下圖這個界面就比較典型，擬人化的一個卡通，來輔助信息的展示。
另外值得注意，他的Tab bar也是應用了個性化換膚的一種辦法，讓產品能契合不同活動主題。
以上就是我體驗到得幾種讓界面場景化的設計，在現在這種UI越來越難做的時期，這些能讓產品有情的方法還是蠻重要的。也是UI這個職位目前還存在的一個重要意義吧。
我的lofter是?http://ivanid.lofter.com/
歡迎各位一起交流，共同進步。
