編者按：可以說現(xiàn)如今的移動端UI設計中，卡片式設計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網(wǎng)頁和APP設計的大趨勢。個性化的新體驗大多建立在單獨內(nèi)容的聚合體之上，而多類型的內(nèi)容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設計，卡片式設計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設計對于設計師的意義，以及常見的卡片式設計的功能與特性。

進入2016年后，我們會發(fā)現(xiàn)行業(yè)在體驗設計上出現(xiàn)了很多新的元素，從我們平時經(jīng)常瀏覽的設計社區(qū)中，這些新元素出現(xiàn)的頻率越來越高，比如彩色投影、雙色調(diào)漸變設計等，我們也慢慢開始接受這些新變化，并且逐步應用到我們的產(chǎn)品中。這篇文章的初衷是希望能更系統(tǒng)更全面地梳理出一份流行趨勢的分析，能對我們平時的工作能產(chǎn)生一定的指導作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時下流行的扁平化和現(xiàn)代風的設計，設計效果十分的賞心悅目，可以很好的和幽靈按鈕以及時下流行的元素搭配起來，提升用戶體驗。

以淘寶電影為例，采用的是虛化電影海報作為背景，這樣做的好處是每一個頁面的頭部效果都不一樣，這樣的排版視覺效果更佳，同樣也突出電影信息等主要內(nèi)容。從設計的角度來看，這也很容易實現(xiàn)，讓內(nèi)容模塊變的清晰，同時可以規(guī)避復雜的設計，還可以降低設計成本，花最少的時間達到最大的效果。

從今年4月份開始，我被安排負責一個直播項目，設計之路可謂曲奇坎坷，難得的設計經(jīng)驗讓我對交互設計本身有了一些新的認識。結(jié)合自身的感悟，我自認為交互設計師除了專業(yè)能力的要求外，還應該具備以下素質(zhì)：

1，業(yè)務深度帶來業(yè)務驅(qū)動力

在工作之初，我認為無論負責什么項目，交互設計都是一種解決復雜問題的能力，從設計分析到設計產(chǎn)出是具有絕對的普適應；而且隨著設計能力的提升，經(jīng)驗的積累，這種普適性更加凸顯；這一層我并不否認，但交互設計師只聚焦于普適性可能永遠都處于門外漢的水準；有機會專門負責直播項目，讓我不得不接觸和使用各種直播App，不得不和很多專門做直播的人合作，在這過程中，讓我對于直播業(yè)務有了深入了解。

舉個栗子，比如設計一個直播的發(fā)布流程。

乍一看許多APP的布局并不復雜，感覺換成自己也能設計出來，但是當你真的開始著手設計這么一個APP的原型的時候，會發(fā)現(xiàn)事情并不是那么簡單?？粗鴦e人已經(jīng)設計完成的設計可能覺得不難，可是當自己動手的時候，在特定的元素的選取和設計上很容易陷入困局，這個時候才明白它的難點并不在于工作量的多少，設計者常常深陷于細節(jié)構(gòu)建的囹圄，這才是它的困難之處。即使是元素與元素之間的分隔方式，都能隨隨便便用一整篇文章來進行探討。

傳統(tǒng)的分隔方式

在UI界面中，最傳統(tǒng)也是最常見的分隔方式用的是線，將視覺上或者內(nèi)容上需要區(qū)分的內(nèi)容用橫向或者縱向的細線區(qū)分開來，它幫助用戶了解頁面的層次結(jié)構(gòu)，賦予頁面內(nèi)容以組織性。

啟動頁、空狀態(tài)、動畫反饋、框架界面… 今天提到的這4種狀態(tài)，都是容易被忽視，而又能讓移動App 脫穎而出的細節(jié)。如何做好這4個細節(jié)的用戶體驗設計？今天這篇好文總結(jié)了關(guān)鍵的幾個原則。

啟動頁

當用戶打開 app 時，最不能做的事情就是讓他們等待。但是如果 app 的初始設置非常耗時，又不可能優(yōu)化該怎么辦？你不得不讓用戶等。如果他們愿意等，你得知道如何 吸引他們。啟動頁解決了等待的問題，讓你有一個簡潔有力的窗口來吸引用戶。

文本框是設計工作中常見的組件之一，無論是PC還是無線，大多僅是樣式上的不同，它們的交互行為上是可以相互參照的。本文想從這一簡單的組件出發(fā)，讓大家看到交互設計師在工作中的邏輯思考方法，從而達到見微知著的直觀感受。

先來做個設計需求吧！

這個設計需求是：我們需要用戶填寫活動的名稱。

第一反應，這個是用來收集信息的，需要用戶填寫內(nèi)容，并提交給系統(tǒng)，應該使用文本框。

然后大筆一揮，設計如下圖：

嗯，我是作家，靠寫字糊口。但你也許不信：我討厭閱讀。

但別誤會——我還是會花大量時間閱讀。我努力并艱難地讀書，讀 Blog，讀雜志，報紙上的信息?？梢坏┳髡唛_始啰嗦，我眼睛就發(fā)花，只想葛優(yōu)躺。

嗯，我是作家，靠寫字糊口。但你也許不信：我討厭閱讀。

但別誤會——我還是會花大量時間閱讀。我努力并艱難地讀書，讀 Blog，讀雜志，報紙上的信息?？梢坏┳髡唛_始啰嗦，我眼睛就發(fā)花，只想葛優(yōu)躺。

新版Instagram 的UI去掉了圖標下面的文字，但去掉文字的圖標真的能帶來更好的用戶體驗么？今天這篇好文通過一個簡單的小實驗（附測試網(wǎng)址），幫這個一直爭議不休的話題蓋棺定論，順便聊聊圖標的作用以及未來圖標的發(fā)展，干貨豐富，建議閱讀。

設計師在工作中除了要完成產(chǎn)品經(jīng)理或者業(yè)務方的需求，往往還希望在設計產(chǎn)出上能有更多的創(chuàng)新來體現(xiàn)自身的價值。但是我們有時冥思苦想也無法有所創(chuàng)新，我在這里整理了一些方法，希望可以對大家有一點點啟發(fā)。

我將設計師所需要的設計創(chuàng)新能力劃分為兩種：發(fā)現(xiàn)問題和解決問題。如何提升這兩種能力呢？

張小龍在騰訊內(nèi)部長達8小時的演講

 

一、產(chǎn)品經(jīng)理要求

1、了解人性

2、了解群體心理

3、產(chǎn)品經(jīng)理像上帝一樣，可建造系統(tǒng)，制定規(guī)則，讓群體在系統(tǒng)中演化

4、提高自己的藝術(shù)品位、質(zhì)量要求品位/細節(jié)體驗品位；作品而非產(chǎn)品；工匠而非設計師

 

二、了解人性

1、人是懶惰的

2、人是跟風的、別人都在用，群體智商低于個體智商

3、人沒有耐心

4、人不愛學習

5、人們對隨機好奇

6、偉大產(chǎn)品應該滿足人的情感需求、滿足人性貪嗔癡

7、不要改變?nèi)藗兊某ＷR習慣，要設計時順應日常習慣

 

三、了解群體心理

1、重視屌絲用戶群，他們有存在感的渴望

2、為群體效應而做，容易傳播放大

3、沒有設計，只有解決問題；避免戰(zhàn)略行為代替真實需求：打通、整合、拉動、導入、多平臺、全面

4、需求不來自調(diào)研，用戶群大部分都是中庸普通的，他們的反饋只是幫助你了解他們是怎么想怎么看的；需求不來自競爭對手，大部分產(chǎn)品特性都是沒有什么價值意義的；