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

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

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

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

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

尋找中國(guó)茶

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

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

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

【譯者注】Julie
Zhuo，原上海人，在5歲時(shí)舉家移民美國(guó)德州，家人本希望她成為一名醫(yī)生或者律師，但因?yàn)閷?duì)視覺藝術(shù)的熱愛，她選擇成為一名設(shè)計(jì)師。她是Facebook的第一名實(shí)習(xí)生，2006年5月加入時(shí)剛滿22歲，那時(shí)的社交網(wǎng)絡(luò)還局限于電子郵箱往來。在10年的職業(yè)生涯中，她充分展示了對(duì)產(chǎn)品設(shè)計(jì)的深入理解和卓越管理能力，成為了Facebook的設(shè)計(jì)總監(jiān)，在Medium等媒體發(fā)表自己對(duì)產(chǎn)品設(shè)計(jì)的見解和觀點(diǎn)，篇篇飽含真知灼見，又不失個(gè)人特色洞察，逐漸被設(shè)計(jì)同行熟知。如今，這個(gè)32歲的華人姑娘已成為硅谷最偉大公司之一Facebook的設(shè)計(jì)副總裁，她分享了自己數(shù)年來形成的產(chǎn)品設(shè)計(jì)觀，相信你們讀了之后會(huì)找到很多啟發(fā)與共鳴。

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

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

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

聲勢(shì)浩大的改版設(shè)計(jì)總使人望而生畏。有太多變化與未知，有可能會(huì)失敗。但我們知道，如果想要打造未來，我們就得欣然接受挑戰(zhàn)。這就意味著不僅僅是在外觀上下賭注，也是在重新想象整個(gè)流程。

Uber原本的主旨很簡(jiǎn)單，“按下按鈕，搭上一輛車。”你不必設(shè)定目的地，也不必選擇產(chǎn)品，只要按一下按鈕，或者兩下，之后就不用管了。

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

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

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

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

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

先撇開用戶興趣和碎片時(shí)間的爭(zhēng)論，我們來聊聊較長(zhǎng)的內(nèi)容在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)當(dāng)注意的問題吧。對(duì)于網(wǎng)站和APP而言，長(zhǎng)內(nèi)容，或者說長(zhǎng)文，可能是內(nèi)容策略中最有價(jià)值的一個(gè)組成部分（前提是它并不是無聊內(nèi)容的堆砌）。用戶喜歡好故事，而長(zhǎng)內(nèi)容所提供的沉浸式的閱讀感受則能夠?yàn)橛脩籼峁┮巳雱俚捏w驗(yàn)。

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

今天講講關(guān)

                         于情感化設(shè)計(jì)的知識(shí)，通過一些案例和場(chǎng)景來了解它。

作為一名初級(jí)的APP設(shè)計(jì)師，如何來把握好情感化設(shè)計(jì)，還是有點(diǎn)困難的。因?yàn)椴恢缽哪膸追矫嫒ハ率衷O(shè)計(jì)。

1985年，任天堂的設(shè)計(jì)師們用一格一格徒手填像素的方法，創(chuàng)造了席卷一代人的游戲《超級(jí)馬里奧》。在今日，即便全高清3D渲染畫面已然成為游戲界主流，作為對(duì)經(jīng)典的永恒致敬，像素化游戲仍然擁有不可磨滅的影響力，而像素化設(shè)計(jì)作為一種游走在復(fù)古與潮流之間的探索，也在用獨(dú)特魅力招徠一批批年輕消費(fèi)者的心。