設(shè)計(jì)的路上，我們都在努力成為一名優(yōu)秀的設(shè)計(jì)師，我們似乎都被類似「如何成為一名優(yōu)秀設(shè)計(jì)師」的文章吸引，情不自禁地點(diǎn)擊進(jìn)去，看完它，然后下定決心要成為一名「優(yōu)秀設(shè)計(jì)師」。

有一句話說(shuō)，當(dāng)你不是在進(jìn)步時(shí)，你就是在退步。雖然這句話聽(tīng)起來(lái)有點(diǎn)極端，但是如果真的去想想，其實(shí)是有道理的。設(shè)計(jì)的世界里，瞬息萬(wàn)變，可能今天會(huì)出一個(gè)設(shè)計(jì)方法，明天可能會(huì)再出一個(gè)設(shè)計(jì)方法去推翻今天的方法，如果你的想法永遠(yuǎn)停留在昨天，那么你只是在設(shè)計(jì)著過(guò)時(shí)的「設(shè)計(jì)」。

所以，讓我們來(lái)聊聊關(guān)于「設(shè)計(jì)師」的故事

拿到需求，馬上開(kāi)始畫(huà)圖

今天 PM 給設(shè)計(jì)師 Jane 一個(gè)需求文檔，是一個(gè)關(guān)于 OA 審批的需求界面，PM 也貼了幾張競(jìng)品系統(tǒng)界面做參照。Jane 拿到原型后，看了一眼，然后就開(kāi)始動(dòng)手畫(huà)圖。 2 個(gè)小時(shí)后，PM 收到初稿設(shè)計(jì)圖，他心里想，「嗯，不錯(cuò)，這速度還可以」， 然后他打開(kāi)文件，看了 1 秒， 2 秒，3 秒……突然火氣上升好幾度，原來(lái) Jane 完全照著他給的參考界面，重新畫(huà)了一次。而且有些設(shè)計(jì)沒(méi)有依照需求文檔，卻跟著參考界面畫(huà)了一樣的圖……

PM 生氣的原因，設(shè)計(jì)師 Jane 完全沒(méi)有思考，直接照搬。設(shè)計(jì)稿完全看不出設(shè)計(jì)的價(jià)值，只是重新畫(huà)了一遍。設(shè)計(jì)師 Jane 甚至沒(méi)有問(wèn)過(guò)他，關(guān)于需求的背景，頁(yè)面的優(yōu)先級(jí)，想要展示的重點(diǎn)是什么，就直接設(shè)計(jì)。PM 心里很懷疑 Jane 根本不了解需求是什么。設(shè)計(jì)師 Jane 不負(fù)責(zé)的態(tài)度，讓他也火大。所以他決定找她聊聊。

小劇場(chǎng)：

PM：速度不錯(cuò)，但是需求你是照需求文檔來(lái)的么，怎么好像有些不大對(duì)啊

Jane：沒(méi)有啊，都是照你需求來(lái)的，還有你提供的參考

PM：....

PM：頭部展示信息的部分，太緊湊了，所有信息都擠在這里了，優(yōu)化下。

Jane：你給的參照不就是這樣的么，信息這么多，當(dāng)然會(huì)擠

PM：....

PM：我給的是參照，不是照抄，具體呈現(xiàn)和頁(yè)面布局的方式，當(dāng)然是要你發(fā)揮設(shè)計(jì)師的才能，但是你就直接照搬，而且這么亂，完全沒(méi)有設(shè)計(jì)。

這樣的案例實(shí)在看到太多，設(shè)計(jì)師畫(huà)圖前沒(méi)有對(duì)需求進(jìn)行梳理，直接就照搬產(chǎn)品經(jīng)理或同事給的「所謂原型」。設(shè)計(jì)師自己沒(méi)有主動(dòng)去了解真實(shí)的需求，而且完全依靠產(chǎn)品經(jīng)理給的內(nèi)容，就直接開(kāi)工，結(jié)果只是做了「美工」的工作，卻沒(méi)有達(dá)到需求本身真正的要求。

不重視細(xì)節(jié)

PM 冷靜了五分鐘，主動(dòng)回來(lái)和設(shè)計(jì)師 Jane 詳細(xì)溝通了需求的問(wèn)題。設(shè)計(jì)師 Jane 也重新梳理了需求，了解整個(gè)頁(yè)面要傳達(dá)給用戶的信息是什么。Jane 回去重新設(shè)計(jì)了一版，基于對(duì)需求的進(jìn)一步理解，她也提出很多好的建議和調(diào)整。

7 個(gè)小時(shí)后，設(shè)計(jì)師 Jane 重新提交了二稿設(shè)計(jì)給 PM， 這次 PM 滿意多了，頁(yè)面布局更合理，信息也沒(méi)有擠在一起，優(yōu)先級(jí)低的信息進(jìn)行收攏，讓頁(yè)面整體更有層次。但是 PM 還是發(fā)現(xiàn)了新問(wèn)題。

小劇場(chǎng)：

PM：這個(gè)按鈕是不是沒(méi)和下面表格對(duì)齊？這人名填充能不能不要用張三、李四，太假了，找個(gè)真實(shí)點(diǎn)的吧……

Jane：人名就是占位，有什么關(guān)系

PM：雖然這是 demo，但是不要讓產(chǎn)品散發(fā)出一種「我很山寨」的感覺(jué)，這樣客戶怎么能放心為我們的產(chǎn)品買單呢？

對(duì)齊、間距、樣式統(tǒng)一，這些看似很「簡(jiǎn)單」的問(wèn)題卻經(jīng)常發(fā)生，這本身就是一個(gè)問(wèn)題。每一個(gè)細(xì)節(jié)都是一個(gè)設(shè)計(jì)。或許你覺(jué)得這樣的小問(wèn)題沒(méi)什么，不會(huì)影響產(chǎn)品。但其實(shí)這個(gè)是態(tài)度問(wèn)題，壞習(xí)慣都是從小細(xì)節(jié)開(kāi)始養(yǎng)成，然后在不知不覺(jué)中它成為習(xí)慣的一部分，成為性格的一部分，然后就變成你我。

數(shù)據(jù)填充問(wèn)題，建議用相對(duì)真實(shí)數(shù)據(jù)填充，如果不知道，可以去問(wèn)產(chǎn)品或開(kāi)發(fā)。如果數(shù)據(jù)涉及敏感，可以在脫敏后展示。真實(shí)的數(shù)據(jù)會(huì)讓整個(gè)設(shè)計(jì)更加「活」。

填充時(shí)，還會(huì)碰到字段長(zhǎng)度問(wèn)題，如果過(guò)長(zhǎng)要怎么處理，要在頁(yè)面上作示例，不要想當(dāng)然以為前端開(kāi)發(fā)都知道要「……」來(lái)處理或者換行全部展示，你真的想太多，前端根本不管……而這樣無(wú)疑增加后期設(shè)計(jì)驗(yàn)收的時(shí)間和精力，不僅僅是你的，開(kāi)發(fā)同學(xué)的時(shí)間和精力也是。而且會(huì)讓開(kāi)發(fā)同學(xué)覺(jué)得你很不專業(yè)，所以多做一步，雙方都少返工。

比如，有個(gè)字段是描述，這個(gè)字段要考慮最多允許用戶輸入多少個(gè)字符。當(dāng)顯示在表格中，顯示多少要截?cái)嘤谩浮箒?lái)展示，hover 顯示全部。或者因?yàn)樵撟侄翁厥庑裕褪且耆故荆蔷鸵紤]換行的設(shè)計(jì)。如果這個(gè)字段是在詳情頁(yè)展示，是否就要完全展示，這都是需要斟酌的地方。

雖然這是個(gè)很小的細(xì)節(jié)，但是其實(shí)要考慮的事情很多，有時(shí)候不一定會(huì)體現(xiàn)在設(shè)計(jì)上面，但是設(shè)計(jì)師要自己清楚規(guī)則是什么。

永遠(yuǎn)的伸手黨

設(shè)計(jì)師 Jane 今天要做一個(gè)動(dòng)效設(shè)計(jì)，發(fā)現(xiàn)自己好像沒(méi)有這類網(wǎng)站收藏，她就問(wèn)了隔壁設(shè)計(jì)師 John

小劇場(chǎng)：

Jane：有沒(méi)有好的動(dòng)效網(wǎng)站推薦啊

John：有的，我找下

1 分鐘后，John 發(fā)了好幾個(gè)動(dòng)效網(wǎng)站給 Jane

3 個(gè)月過(guò)去了，設(shè)計(jì)師 Jane 又要做個(gè)其他動(dòng)效，但是她發(fā)現(xiàn)上次的網(wǎng)站找不到了，網(wǎng)址也忘記保存

Jane：上次的動(dòng)效網(wǎng)站再發(fā)我下吧，我之前忘記保存了

John：好的

生活當(dāng)中，不知道你是否會(huì)碰到這樣的人，總是問(wèn)你「這個(gè)怎么做」「那個(gè)網(wǎng)站推薦下」等等，這里想強(qiáng)調(diào)的不是幫助別人不好，或者說(shuō)尋求別人幫助就不對(duì)。而是自己是否先查找過(guò)，當(dāng)從別人那得到想要的「資訊」時(shí)，是否多做一步，保存收藏，消化吸收。

培養(yǎng)自己成為主動(dòng)的人，付出代價(jià)學(xué)會(huì)的東西，才會(huì)變成你的東西。任何在網(wǎng)絡(luò)上可以查到的資訊，不要問(wèn)別人。你對(duì)查到答案感到懷疑，再和別人討論，那是另一件事。

Yes Designer !

XX 產(chǎn)品問(wèn)題反饋 QQ 群：

用戶 Tony：這個(gè)新建產(chǎn)品，能不能增加些字段？

設(shè)計(jì)師 Eric：可以的，要加什么。

用戶 Tony：產(chǎn)品標(biāo)識(shí)、產(chǎn)品聯(lián)系人、所屬城市、聯(lián)系電話、聯(lián)系地址、PID……

產(chǎn)品 Richard：我看到 XX 產(chǎn)品，有個(gè)很有意思的功能，我們產(chǎn)品也要加上，別人有的，我們也要有。

設(shè)計(jì)師 Eric：好的

大家應(yīng)該都有看過(guò)金凱瑞 Jim Carrey 的「好好先生 Yes Man」，劇中男主角因?yàn)閷?duì)所有人都說(shuō) YES，他遇到了一些有趣的事，也因此遇到女主角，happy ending……但是如果設(shè)計(jì)師也這么做，這或許就不是你的 happy ending 了

這兩個(gè)案例，我經(jīng)常碰到。業(yè)務(wù)方想加個(gè)字段，加個(gè)功能。但是問(wèn)題不在于需求本身，而在于設(shè)計(jì)師對(duì)需求態(tài)度。不要對(duì)接到的需求，全盤(pán)接收，當(dāng)然也不要全然否定。很多時(shí)候會(huì)發(fā)現(xiàn)這個(gè)需求是不合理的，或者這是偽需求。要主動(dòng)挖掘需求的盲點(diǎn)，了解它，不要被業(yè)務(wù)方給出的解決方案迷惑，用全局視角去看待這個(gè)需求，去評(píng)估其合理性。

盡量讓需求方提供文檔或原型，方便后期追溯。口述需求，容易產(chǎn)生誤解，有文檔的話需求也會(huì)更加清晰。

梳理完需求后，再拉需求方過(guò)一下需求，畢竟人與人之間的理解是有 gap 的。可以讓需求方拉會(huì)議，技術(shù)和設(shè)計(jì)同學(xué)都需要參加，如果涉及業(yè)務(wù)，最好也拉業(yè)務(wù)一起。

這可能是一個(gè)循環(huán)的過(guò)程，也不要太糾結(jié)為什么需求方?jīng)]理清楚就找你，需求有時(shí)候也需要反復(fù)推敲才完成。

工作當(dāng)中總是會(huì)遇見(jiàn)「很好心」的一些人，他們給你提需求的時(shí)候，也同樣提供的解決辦法，有些時(shí)候他們提供的想法真的挺好的，眼前一亮。但是有些時(shí)候，卻是「不合適的建議」，所以設(shè)計(jì)師要能分辨他們提供的建議是否適用于現(xiàn)在的產(chǎn)品，大家提出自己的觀點(diǎn)時(shí)，都是主觀的從個(gè)人的角度出發(fā)，個(gè)人的利益著手，會(huì)選擇性的忽略對(duì)全局產(chǎn)品的影響。但是，設(shè)計(jì)師卻要更全局的去看待，一個(gè)小功能點(diǎn)的添加有可能會(huì)影響其他的地方，如果沒(méi)有全局的評(píng)估，設(shè)計(jì)的工作會(huì)讓你變成「不是在挖坑的路上，就是在填坑的路上」。

為了反駁而反駁

小劇場(chǎng)：

PM: 這個(gè)設(shè)計(jì)看起來(lái)怪怪的，能嘗試下其他布局么？

設(shè)計(jì)師 Rita: 不會(huì)啊，用卡片是主流啊，XX 產(chǎn)品也是用卡片。

每個(gè)設(shè)計(jì)師都把自己的設(shè)計(jì)當(dāng)作孩子一樣的溺愛(ài)，一旦有反駁意見(jiàn)的，反射性就反駁，容不得別人半點(diǎn)質(zhì)疑。設(shè)計(jì)本身就是開(kāi)放的，先不去判斷對(duì)方建議是否是好的，要先去接納別人的建議，再去思考建議的合理性和可行性，也可以多想下為什么他會(huì)有這樣的問(wèn)題。當(dāng)然最后的決定還是要你做。

最后的二三句

有人會(huì)疑惑說(shuō)，如果 PM 或交互已經(jīng)給出詳細(xì)的原型了，視覺(jué)設(shè)計(jì)師還要不要再去理一次需求，這不是在浪費(fèi)時(shí)間么，而且會(huì)不會(huì)讓 PM 和交互覺(jué)得，在挑戰(zhàn)他們。

我想說(shuō)的是，設(shè)計(jì)，一定會(huì)碰到?jīng)_突，一定會(huì)有分歧。每個(gè)人都有自己對(duì)產(chǎn)品的理解和思考，而且都會(huì)有自己遺漏的地方。我想大家都會(huì)遇到，設(shè)計(jì)時(shí)覺(jué)得這個(gè)設(shè)計(jì)已經(jīng)很完美了，可是過(guò)了一段時(shí)間發(fā)現(xiàn)，這個(gè)設(shè)計(jì)是有問(wèn)題的，當(dāng)初自己怎么會(huì)沒(méi)想到這個(gè) bug。同樣的，雖然 PM 或交互已經(jīng)畫(huà)好原型了，但是設(shè)計(jì)師仍然要去梳理，只有理解產(chǎn)品，才能畫(huà)出更好的視覺(jué)，不要讓自己只是在做美化。

PM，交互，視覺(jué)，角色不同，大家看待需求的方式也是完全不一樣的。簡(jiǎn)單來(lái)說(shuō) ，PM 會(huì)更看重整體產(chǎn)品的目標(biāo)、戰(zhàn)略、架構(gòu)，主要功能等。交互則會(huì)更注重產(chǎn)品與用戶的關(guān)系，整體人機(jī)交互是否順暢，產(chǎn)品的可用性，用戶在使用這個(gè)功能時(shí)，是不是能達(dá)到他想要的結(jié)果等等。視覺(jué)則是讓整體設(shè)計(jì)在友好交互的前提下，可以更加悅?cè)说难勰浚屓擞X(jué)得在使用中獲得愉快感。

PM 和交互做好了他們的本分，而設(shè)計(jì)師也要做好自己的本分。只有深入了解需求，才能更好的設(shè)計(jì)。大家是一個(gè)團(tuán)隊(duì)，不是誰(shuí)找誰(shuí)的問(wèn)題，而且站在自己的位置上，愿意付出努力來(lái)堵住團(tuán)隊(duì)的破口，讓產(chǎn)品可以更好的呈現(xiàn)給用戶使用，從而體現(xiàn)產(chǎn)品的價(jià)值

不需要把自己定位成 XX 設(shè)計(jì)師，要用全局的角度去思考設(shè)計(jì)師的定位，不要給自己畫(huà)框框，然后住在里面。

當(dāng)用框框限制自己只做什么事的時(shí)候，也限制了你的能力。

歡迎關(guān)注作者微信公眾號(hào)：「箴鹽設(shè)計(jì)」