本期我們請到了 Facebook 設(shè)計師 何如佳。她曾任 Facebook 視頻、照片創(chuàng)作和編輯領(lǐng)域的主設(shè)計師、Facebook 前沿科技研究團(tuán)隊 Building 8 早期成員，主導(dǎo)交互設(shè)計，設(shè)計了擁有全球數(shù)千萬活躍用戶的 Facebook 獨立照片分享應(yīng)用 Moments，現(xiàn)在為 Facebook Messenger 設(shè)計。

組件化的工作方式信奉獨立、完整、自由組合。目標(biāo)就是盡可能把設(shè)計與開發(fā)中的元素獨立化，使它具備完整的局部功能，通過自由組合來構(gòu)成整個產(chǎn)品。

對于計算機(jī)這么復(fù)雜的工業(yè)產(chǎn)品，組件化是唯一能使它成為現(xiàn)實的方法。我中學(xué)暑假去電腦城打工，跟著別人學(xué)習(xí)電腦維修。CPU在哪里，負(fù)責(zé)什么，如何拆裝；內(nèi)存在哪里，負(fù)責(zé)什么，如何拆裝。這些都是基礎(chǔ)知識，各部分各司其職，什么壞了就換什么。我還見過資深維修工修主板，他真的能找出主板上哪個電容爆了，換一個相同規(guī)格的上去，電腦又能正常開機(jī)了。

設(shè)計風(fēng)格是一種很虛的東西，對于大部分的 UI 設(shè)計師來說，都是如此。

相信很多人都是在一家小型的互聯(lián)網(wǎng)公司做設(shè)計，估計還是公司唯一的設(shè)計師，同時對設(shè)計風(fēng)格又拿捏不定，總感覺是跟著產(chǎn)品經(jīng)理或老板的思路去做設(shè)計。比如老板的要求是“大氣”，誰 TM 知道這“大氣”指的什么鬼？

即使花了不少時間去研究其他公司的產(chǎn)品，依然做不出領(lǐng)導(dǎo)滿意的視覺稿，最后還被各個崗位的同事指點著去修改你一把屎一把尿喂大的稿子。

我上面也說了，其實這種事情（講述設(shè)計風(fēng)格）對于視覺設(shè)計師而言是一種很常見的現(xiàn)象。我身邊也同樣有很多設(shè)計師出現(xiàn)這個問題，不知道如何向領(lǐng)導(dǎo)或客戶講述自己的設(shè)計風(fēng)格。

什么是設(shè)計思維呢？顧名思義，設(shè)計思維就是設(shè)計師用來思考問題和解決問題的方法。如何培養(yǎng)設(shè)計思維？今天這篇用兩個實戰(zhàn)案例幫你一窺設(shè)計思維的奧妙。

每天我們都使用表單進(jìn)行基本的網(wǎng)上操作。網(wǎng)上購物、注冊郵箱、社交網(wǎng)絡(luò)甚至參與討論、描述美味的午餐等等都需要我們填好表單。不夸張地說，表單是數(shù)字信息分享的生命根基。然而多年以來，表單的體驗鮮有提升，僅僅停留在功能足夠好卻達(dá)不到體驗上的優(yōu)秀。然而現(xiàn)在，在使用恰當(dāng)技術(shù)的幫助下，我們可以設(shè)計出更快、更簡單、更有成效的表單體驗。

如果說好的產(chǎn)品是運營出來的，那么內(nèi)容作為用戶體驗中的重要部分不容忽視。然而我們在設(shè)計中經(jīng)常缺乏內(nèi)容體驗的意識。借著第十三屆用戶體驗大會User Friendly 2016的分享，手淘的設(shè)計師和業(yè)內(nèi)的同學(xué)們一起做workshop，探索如何進(jìn)行行之有效的內(nèi)容策略腦爆，以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計策略和用戶行為數(shù)據(jù)驗證。希望能讓大家對無線端導(dǎo)購的內(nèi)容化設(shè)計有所啟發(fā)。以下是對大會相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計是什么之前，或許有人奇怪：設(shè)計為什么要關(guān)注內(nèi)容呢？

內(nèi)容一直是設(shè)計缺少關(guān)懷的“冷門”，一直以來內(nèi)容似乎是運營的事兒，設(shè)計更多是參與到產(chǎn)品、技術(shù)的流程中。那么，大家覺得作為設(shè)計師的我們是否要管內(nèi)容的事兒呢？

要關(guān)注！為什么？因為交互設(shè)計是一門關(guān)注人(people)、產(chǎn)品(product)、情境(context)的科學(xué)。我們平時在工作中最多關(guān)注的是用戶，也就是人和產(chǎn)品之間的交互。但情境也是重要一環(huán)，除了具體場景化情境，設(shè)計師也要關(guān)注當(dāng)前的時代環(huán)境。

編者按：這篇文章總結(jié)的18條網(wǎng)頁設(shè)計技巧，多是新手設(shè)計師容易犯的細(xì)節(jié)錯誤，每條技巧都有案例有對比，簡單易懂全干貨。

有時你會覺得，自己永遠(yuǎn)實現(xiàn)不了自己的夢想。你知道你想做什么，但有無數(shù)的障礙在你的眼前。你要在和成千上萬人的競爭中勝出，才能真正做你想做的事。

你要如何擺脫這種激烈競爭？你的進(jìn)步速度要有多快，才不會讓你的夢想被社會“現(xiàn)實”砸得粉碎？你如何才能實現(xiàn)所需的飛躍，從千萬人當(dāng)中脫穎而出？

你首先要維持生計、更有很多其他責(zé)任。你每天能用的時間有限。下班后你還要處理生活瑣事，很容易就把事情拖明天了。即使你的心里有工作的熱情，你可能也會因為違背了自己對自己的承諾而感到內(nèi)疚。

這是一種壓倒性的絕望。我們要學(xué)習(xí)的東西太多。我們太容易質(zhì)疑自己的能力。也許我們應(yīng)該放棄奮斗、就這樣接受現(xiàn)實算了……？

我愛按鈕們。我可以用按鈕做很多事：進(jìn)行下一步，做出決定，或者完成事務(wù)。有了按鈕，交互變得煥發(fā)生機(jī)。

這就是為什么按鈕們是一個設(shè)計系統(tǒng)里最重要的組成部分。非常簡單，它們在指定的區(qū)域提供可以點擊的簡單標(biāo)簽。因此，按鈕是你應(yīng)用一種設(shè)計語言的基本特征的重要方式，之后你可以把特征擴(kuò)展到其他更復(fù)雜的部分上。

這篇文章講的是我在一個新生系統(tǒng)中著手設(shè)計主要按鈕、次要按鈕、以及一大堆其他類型按鈕的時候所學(xué)習(xí)到的 12 條經(jīng)驗。

圖片在網(wǎng)頁中所扮演的角色越來越重要。作為最常見也是最早使用的網(wǎng)頁多媒體，圖片對于網(wǎng)頁設(shè)計師而言至關(guān)重要。如何用好圖片已經(jīng)成為了一項成熟、完善而又講究的技巧，而在高清屏幕無處不在的今天，稍有瑕疵的圖片都在高密度的像素下無所遁形，而不合理的圖片設(shè)計也不會逃過訪客的雙眼。