咚咚咚：前段時間參與設計一個較大的線上活動，包含十個奧運相關小游戲及一些相關界面，前后歷時幾個月。奧運后活動下線，設計工作完結后，我整理了這過程中的收獲及工作方式，和大家分享下。

立項前信息收集與準備

有些大型項目是很早就規劃了要做的，只是具體哪天立項發郵件或哪些人參與還沒確定，如果知道要自己要參與這件事，可以做些準備工作，提前了解一些信息：

• 項目人員。了解各個職能的接口人是誰，運營、產品、視覺、前端、后端、測試等有誰參與，有些人可能之前都不認識，大家的工作方式和性格也不一樣，提前了解認識下，對后期合作和方案推進會有幫助。
• 信息。保證自己了解到的信息是一手資料很重要。和各方溝通過程中收集下項目的背景、目標、投入的資源、方案的思路及活動體量、以及可能的用戶利益點、項目時間點（通常deadline是確定的）等等等等。這些信息可以通過產品和運營了解到。如果是公司的例行活動，能夠拿到以往活動的數據和資料當然是最好，如果沒有的話也盡量找到以前做過類似活動的人員了解一些前人的方法和經驗。
• 別人的想法。項目組人員總會有自己的想法和方案，有時候甚至方案是比較確定的。盡早的了解到產品或者運營的想法可以預估個大概的時間節點和需求，做到心中有數。如果有好的想法這個時候提出來也最容易被采納，畢竟時間上一切來得及。

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

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

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

在很長一段時間里面，網頁中的背景圖片元素，一直都生活在CSS、JS甚至視頻的陰影當中，它的“參與感”并不強烈。不過隨著審美和用戶需求的逐步變化，背景圖片在網頁裝飾上，開始發揮著越來越重要的作用。

當然，從總體上來看，變化并不明顯，但是在絕大多數的情況下，背景圖片開始作為主要的視覺驅動力而存在。

傳統意義上的背景主要是使用圖片，近幾年開始流行視頻背景了。而這些主要還是集中在網站的頁頭、Banner等位置，大多用來歡迎用戶，推薦內容。許多網站都采取了相似的策略，讓用戶有所期待。

隨著動效的流行，現在越來越多的設計師開始試圖將CSS3、HTML5和JS等技術融入到背景設計中來，尋求全新的解決方案。事實上，現在已經有四種不同類型的動態背景設計方案，它們風格都非常符合時下流行的趨勢，且都具備不俗的發展潛力，今天我們聊聊這四種風格前衛大氣的背景設計。

動效能講述故事。和圖片不同，動效能夠呈現變化的過程，講述一段簡短而有趣的故事，能夠同你進行對話：“嘿，你該看這個按鈕了”或者“哦耶！你剛剛完成了一個操作！”不過，動效的目標并不是單純的娛樂用戶，而是幫助用戶了解交互的效果和界面中發生的變化，讓用戶更為有效地使用你的APP。Zurb 有一句話很好的解釋了這一點：

“我們設計的不再僅僅只是靜態的界面，實際上，我們所設計的是用戶從界面獲得內容的過程。”

動效廣泛運用于網頁內容和背景當中，用來強化功能，提升美感：它會直接影響用戶的行為，引導用戶注意到特定的內容，呈現狀態，幫助用戶找到他們想要的內容，達成目標。想要借助動效提升用戶體驗，可以參考下面的指引來進行優化：

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

一、使用模糊背景

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

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

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

1，業務深度帶來業務驅動力

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

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

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

傳統的分隔方式

在UI界面中，最傳統也是最常見的分隔方式用的是線，將視覺上或者內容上需要區分的內容用橫向或者縱向的細線區分開來，它幫助用戶了解頁面的層次結構，賦予頁面內容以組織性。

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

啟動頁

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