值得每個(gè)設(shè)計(jì)師閱讀思考的深度剖析文

來(lái)源:騰訊ISUX 作者:Wellso 學(xué)習(xí):3796人次

這篇博文來(lái)自國(guó)外,一經(jīng)發(fā)表即掀起設(shè)計(jì)圈的一陣轟動(dòng),文章言辭雖激烈但一針見(jiàn)血,戳痛處也不忘給干貨,現(xiàn)在騰訊的Wellso同學(xué)把它翻譯過(guò)來(lái),Dribbble 大牛務(wù)必冷靜閱讀。

前言

wellso:13年底,Intercom 的產(chǎn)品VP Paul Adams 在 Intercom 官博發(fā)表了 一篇博文 。文章講述了網(wǎng)絡(luò)上設(shè)計(jì)社區(qū)里普遍存在的一種現(xiàn)象,大意是“許多設(shè)計(jì)師在社區(qū)中分享的作品往往是為了炫技,而產(chǎn)品的邏輯通常都經(jīng)不起推敲的,真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā),而不只是做表面上的工作”。

文章發(fā)布后,在 Twitter 、HN 及博客評(píng)論下引起了反響。雖然部分內(nèi)容在一些設(shè)計(jì)師眼里看起來(lái)比較有攻擊性(也就是俗稱“開(kāi)噴”),甚至還帶有些地圖炮,但是文中關(guān)于“設(shè)計(jì)的四個(gè)層次”以及“when..I want to..then I can…”等設(shè)計(jì)觀點(diǎn)和方法論都非常值得我們回味并運(yùn)用到工作當(dāng)中。

文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權(quán),在這里也應(yīng)作者需要,貼上 Intercom 的官博連接:http://blog.intercom.io/ 。

譯文開(kāi)始,Dribbble 大牛務(wù)必冷靜閱讀。 =D

設(shè)計(jì)追波風(fēng)

值得每個(gè)設(shè)計(jì)師閱讀思考的深度剖析文

這些天氣app中,只有一個(gè)試圖解決用戶的實(shí)際問(wèn)題。

現(xiàn)在的產(chǎn)品設(shè)計(jì)和交互設(shè)計(jì)界發(fā)生了一些奇怪的事情。一方面有著如 Ryan Singer 和 Julie Zhuo 這樣能寫(xiě)出很贊的文章的人來(lái)推動(dòng)我們?cè)O(shè)計(jì)水平的發(fā)展。另一方面則是越來(lái)越多的人在 Dribbble 上發(fā)布與交流他們的作品,不過(guò)最后結(jié)果是追波上的這些玩意反而使我們的水平倒退了。 我寫(xiě)這篇文章不是在談追波的好壞是非,而是想探討什么才是追波真正的價(jià)值。我會(huì)將“產(chǎn)品設(shè)計(jì)”貫穿始終,尤其是在談到用戶體驗(yàn)和交互設(shè)計(jì)的時(shí)候。

“屌爆了!”Dribbble就是用這種形式來(lái)鼓勵(lì)大家炫技

去年我看了不少應(yīng)聘 Facebook 和 Intercom 的求職者的設(shè)計(jì)作品,然后我發(fā)現(xiàn)了一個(gè)令人擔(dān)憂的現(xiàn)象。太多的設(shè)計(jì)師都在為吸引同行的關(guān)注而做設(shè)計(jì),而不是把心思花在解決實(shí)際的工作問(wèn)題上。這點(diǎn)一直都是廣告創(chuàng)意領(lǐng)域才有的毛病(比起優(yōu)先解決客戶需求,做酷炫的作品拿個(gè)獎(jiǎng)攢點(diǎn)人氣似乎更重要),并且,這在產(chǎn)品設(shè)計(jì)以及交互設(shè)計(jì)的領(lǐng)域越來(lái)越突出。

我最近看的許多求職者的產(chǎn)品設(shè)計(jì)作品都聚焦在最表層,只關(guān)注于自己做的東西是否足夠的“追波味兒”。所以他們做出來(lái)的設(shè)計(jì),好看卻不中用。“完美的扁平化設(shè)計(jì)”,“像素級(jí)的精致度”,聽(tīng)起來(lái)很犀利,但往往這些作品都沒(méi)有實(shí)現(xiàn)產(chǎn)品的真正目的。既沒(méi)有解決用戶每天真實(shí)遇到的問(wèn)題,也沒(méi)有將完整的業(yè)務(wù)體系考慮進(jìn)來(lái)。追波上的設(shè)計(jì)師們喜歡鉆研界面的輪廓和絢麗的色彩等細(xì)節(jié),以此交朋結(jié)友,相互點(diǎn)贊和分享。看完別人的作品后,自己跟著興沖沖來(lái)一發(fā)。結(jié)果就是大量的設(shè)計(jì)在追波上都長(zhǎng)得差不多。不管你做的是社交軟件,金融軟件,電商網(wǎng)站還是天氣應(yīng)用,同樣的風(fēng)格都可以套進(jìn)去使。你想想,如果給你的眼睛加一層毛玻璃效果,再看看這些界面,你能說(shuō)出他們到底有什么不同嗎?

值得每個(gè)設(shè)計(jì)師閱讀思考的深度剖析文

設(shè)計(jì)最重要的一步,往往并不會(huì)去追求外觀的美

相比之下,優(yōu)秀的求職者通常都附上了他們的思考過(guò)程。手繪稿、圖解、利弊、 阻礙、權(quán)衡、解決方案,以及闡明交互和動(dòng)效的原型。在真實(shí)參數(shù)的考量下,描述產(chǎn)品的模塊如何移動(dòng)和變化,它們的動(dòng)態(tài)效果又如何呈現(xiàn)。

而糟糕的求職者,只會(huì)發(fā)他們的酷炫扁平 PNG 或牛逼線框 PDF 過(guò)來(lái)。沒(méi)有關(guān)于待解決問(wèn)題的關(guān)鍵點(diǎn),看不到商業(yè)和技術(shù)層面的限制,也不描述使用場(chǎng)景和上下文聯(lián)系。這些完美的視網(wǎng)膜像素級(jí)的 PNG 或許在追波上看起來(lái)很贊,但實(shí)際上,這些東西卻連基本的設(shè)計(jì)價(jià)值都難以體現(xiàn)。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!