編者按：2012年的Spotify 設(shè)計團(tuán)隊還是一團(tuán)亂麻，到今天已經(jīng)是協(xié)同效率，有標(biāo)準(zhǔn)可循的頂尖團(tuán)隊。來看這位總監(jiān)如何從零開始改善它的。

歡迎關(guān)注譯者的微信公眾號：「非科班設(shè)計」

“設(shè)計無法標(biāo)準(zhǔn)化”在過去四年一直困擾著我。2012年我加入Spotify設(shè)計團(tuán)隊的時候，被當(dāng)時的混亂與分散嚇到了。說得詳細(xì)點，字體、色彩、圖片、板式、信息架構(gòu)和交互方式好像全部都沒有能夠遵循的標(biāo)準(zhǔn)。

當(dāng)我開始跟他們談?wù)撨@件事時，我才知道整個團(tuán)隊也為此覺得沮喪。我們的結(jié)論是：支離破碎的產(chǎn)品恰巧反映這個團(tuán)隊的松散，設(shè)計師分散在不同的項目、時區(qū)和漫無目標(biāo)的時程表，當(dāng)然不可能有任何機(jī)會去改善。

可是，這些原因在現(xiàn)代科技公司不是很常見嗎？所以我第一次說出：“設(shè)計無法標(biāo)準(zhǔn)化”。

編者按：很多同學(xué)不清楚交互設(shè)計師是做什么的，也不知道如何評價一個App 的交互，不過看完這篇你就懂啦。

一、交互設(shè)計師的價值

1. 職能價值

將需求轉(zhuǎn)化為解決方案的能力（將模糊抽象的需求轉(zhuǎn)化成清晰具體的可視化解決方案）。

這個價值是最基本的專業(yè)價值，但你千萬不要覺得你做的僅僅是用軟件畫幾個頁面而已。

例如你接到一個掃碼申請加入群聊的需求，你的任務(wù)不只是將申請加入的頁面畫出來，而是要考慮整個用戶場景，就比如用戶申請入群后，如果審批人沒有拒絕，也沒有同意，相當(dāng)于服務(wù)器沒有接收到任何指令，那申請的頁面怎么反饋呢，這些都是要考慮進(jìn)去的。

所有交互設(shè)計師要提供的是一整套解決方案，其中要考慮正向、反向、閉環(huán)等各種場景。

復(fù)古一直在流行，這也是為什么過去許多設(shè)計趨勢常常會沉寂若干年之后，又再次走到潮流的最前線。今天，我們要聊的是孟菲斯設(shè)計風(fēng)（Memphis Design），這種設(shè)計風(fēng)格充滿了80年代的特征，明亮的色彩和多樣的圖形與線條充斥其間，它也是近年重歸流行的設(shè)計風(fēng)格之一。

了解孟菲斯設(shè)計

孟菲斯設(shè)計是一種時髦的風(fēng)格，它擁有現(xiàn)代設(shè)計的特征，最初是源自于紡織品的設(shè)計。有人嗜好孟菲斯設(shè)計風(fēng)格，而有人則恰恰相反，一點也不適應(yīng)。

編者按：卡片式設(shè)計一直是以強(qiáng)兼容性和“百搭”的形象出現(xiàn)在大眾的面前，但是它同樣有無法滿足用戶需求的時候，今天的文章我們就在實戰(zhàn)中聊聊這件事~

Material Design的流行讓卡片式設(shè)計走上神壇，卡片式設(shè)計在如今的網(wǎng)頁設(shè)計中更是隨處可見。尤其是那些偏向于大量信息匯總的頁面，卡片式設(shè)計幾乎是不二的選擇。

卡片常常被用作信息詳情的進(jìn)入入口。

我們的用戶體驗團(tuán)隊近期負(fù)責(zé)了好幾個重設(shè)計的項目。毫無疑問，其中有不少就是借用卡片式設(shè)計來實現(xiàn)的。而有意思的地方在于，我們通過這些項目實踐發(fā)現(xiàn)一些有意思的情況：卡片式設(shè)計在一些新聞類的網(wǎng)站，尤其是首頁和歸檔頁面，并不是那么適用。

聆瀾子：遙想新版本表情上線，已經(jīng)過去了許久。隨著開發(fā)哥們不辭辛苦的版本優(yōu)化，我們終于如約迎來了QQ新表情的加入（撒花）。今天這篇為你揭秘這些表情是如何設(shè)計出來的！

尋找中國茶

茶表情的加入源于我們對于表情中華元素缺失的反思。不同于emoji表情，作為中國人獨(dú)有的表情包，QQ表情有義務(wù)更主動地去傳播中國自己的文化。茶表情，將是我們的開端。

茶文化博大精深，世界各地已經(jīng)形成了許多獨(dú)特的飲茶文化和風(fēng)格，但我們需要做的是中國人的茶。那么，如何讓我們的茶表情能夠一眼分辨出是“中國茶”，是設(shè)計上遇到的最大難題。

本著考據(jù)黨死磕到底的精神（微笑），我們地毯式地搜集了各種畫風(fēng)的茶文化。

在進(jìn)行App設(shè)計時，有沒有什么規(guī)范參考標(biāo)準(zhǔn)，還是自己想象一個出來？究竟如何去根據(jù)iOS的規(guī)范具體實現(xiàn)設(shè)計落地？今天@Jaret_杰瑞特 （優(yōu)酷土豆上海部設(shè)計經(jīng)理）這篇用優(yōu)酷的實戰(zhàn)案例帶你入門。

最近，與上海的“谷歌開發(fā)者社區(qū)”（GDG）一起策劃并與大家進(jìn)行了一期關(guān)于Material Design的話題分享會。

這幾天我抽空將當(dāng)天分享的PPT內(nèi)容再精簡整理了一下，并在關(guān)鍵頁面配上了對應(yīng)的文字說明，便于分享給沒有來得及到場及更多的朋友。

編者按：今天這篇文章，是由騰訊高級交互設(shè)計師@C7210 向同學(xué)們征集問題后作出的回答，涉及交互設(shè)計、行業(yè)趨勢、職場、工具推薦等等，都是大家平時特別關(guān)心的，趕緊來收。

歡迎關(guān)注作者（高級交互設(shè)計師、貓奴、吉他手、鼓手、老狗、單身，現(xiàn)就職于騰訊ISUX）的微信公眾號：Beforweb

提問

來自@X丶field：請問對于現(xiàn)在視覺和交互逐漸融合的UX/Product Designer崗位有什么看法？

C 回復(fù)：

好問題，也是我個人以及一些朋友正在親身面對、體會和見證的所謂“行業(yè)趨勢”。

首先排除全能型個人以一當(dāng)十的情況，單就通常意義上的團(tuán)隊協(xié)作的形式而言，目前我所能看到的“融合”分為兩類：

第一類：交互設(shè)計師與視覺設(shè)計師在產(chǎn)品層面統(tǒng)一認(rèn)知，理解并認(rèn)同商業(yè)意義及產(chǎn)品目標(biāo)，以此為基礎(chǔ)，在各施所長、各盡其職的同時，更多的學(xué)習(xí)、了解彼此職能的目標(biāo)、焦點和工作方法，互相理解，融會貫通，減少分歧，降低成本，以最大化的合力完成產(chǎn)品設(shè)計工作。這種模式下，所謂“UX/產(chǎn)品設(shè)計師”是對兩種職能的統(tǒng)稱。本質(zhì)上講，這就是對于我們?nèi)缃袼煜さ膫鹘y(tǒng)團(tuán)隊模式的一種漸進(jìn)式提升。

晶晶：獨(dú)立項目中，交互設(shè)計師的工作可以分成四個核心環(huán)節(jié)：定義方向策略、確定解決方案、有理有據(jù)的進(jìn)行設(shè)計輸出、上線效果跟蹤。本期要和大家分享的是：方向策略。

雨涵_Zoe：最近為了設(shè)計提率和質(zhì)量，我開始研究如何做規(guī)范?？戳艘蝗e人做的設(shè)計規(guī)范，又回想了一下自己以前做的，總結(jié)了以下幾個經(jīng)驗。

說到設(shè)計規(guī)范，這里有一篇絕對不能錯過的：《內(nèi)部教程！超實用6步透視網(wǎng)易設(shè)計規(guī)范（附完整PDF下載）》

設(shè)計規(guī)范的共性

不同的規(guī)范雖然內(nèi)容差別很大，但是對比一下它們的目錄，卻又很多相似之處，通常包含：布局、組件、配色、圖標(biāo)這四部分。組件里的分類無非是導(dǎo)航、菜單、表單、列表、表格、按鈕、彈出框諸如此類，我就不一一列出了。

先撇開用戶興趣和碎片時間的爭論，我們來聊聊較長的內(nèi)容在網(wǎng)頁設(shè)計中應(yīng)當(dāng)注意的問題吧。對于網(wǎng)站和APP而言，長內(nèi)容，或者說長文，可能是內(nèi)容策略中最有價值的一個組成部分（前提是它并不是無聊內(nèi)容的堆砌）。用戶喜歡好故事，而長內(nèi)容所提供的沉浸式的閱讀感受則能夠為用戶提供引人入勝的體驗。

為了能夠讓用戶保持興趣不停讀下去，你必須提供令人愉悅的設(shè)計和交互，讓內(nèi)容從頭到尾的體驗都是一致的。想要達(dá)成這個目標(biāo)，需要有針對性地進(jìn)行設(shè)計。