首頁

Facebook 資深設(shè)計(jì)師何如佳:當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理時(shí)

資深UI設(shè)計(jì)者

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

這篇8000字長文,能幫你學(xué)會組件化設(shè)計(jì)與開發(fā)的思維方式

資深UI設(shè)計(jì)者

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

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

學(xué)會用這5個(gè)正確姿勢闡述你的設(shè)計(jì)作品,輕輕松松一稿過!

資深UI設(shè)計(jì)者

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

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

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

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

用兩個(gè)實(shí)戰(zhàn)案例,幫你掌握專業(yè)設(shè)計(jì)師才會的設(shè)計(jì)思維方法

資深UI設(shè)計(jì)者

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

表單經(jīng)典原則是錯(cuò)的?來看這5個(gè)表單設(shè)計(jì)新規(guī)則

資深UI設(shè)計(jì)者

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

內(nèi)容為王的時(shí)代,阿里設(shè)計(jì)師用實(shí)戰(zhàn)案例解讀內(nèi)容化設(shè)計(jì)!

資深UI設(shè)計(jì)者

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

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

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

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

人氣好文!寫給網(wǎng)頁設(shè)計(jì)師的視覺設(shè)計(jì)基礎(chǔ)手冊

資深UI設(shè)計(jì)者

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

如何才能在所從事的領(lǐng)域成為世界頂尖?

資深UI設(shè)計(jì)者

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

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

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

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

視覺系統(tǒng)中的按鈕

資深UI設(shè)計(jì)者

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

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

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

現(xiàn)在網(wǎng)頁設(shè)計(jì)中圖片有哪些常見的使用技巧?

資深UI設(shè)計(jì)者

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

日歷

鏈接

個(gè)人資料

存檔