最近和某個(gè)設(shè)計(jì)師有段有趣的對(duì)話，行走江湖那么久，很多時(shí)候我們因?yàn)樽约憾喑粤藥啄觑埗X(jué)得自己很senior 。事實(shí)上，其他人卻好像完全不是這么想…到底該怎么定義 senior 與 junior 呢？

許多人認(rèn)為資深跟資淺的差別是在于腦子是不是比較靈光，比較有創(chuàng)意有想法……我卻有不同的想法，憑良心講，很多時(shí)候我覺(jué)得 junior 比我們這些老人更有創(chuàng)意，因?yàn)闆](méi)有包袱跟過(guò)往經(jīng)驗(yàn)的束縛，他們更能提出有意思的點(diǎn)子，就好像設(shè)計(jì)師跟凡人的差別從來(lái)也不在于設(shè)計(jì)師比較有創(chuàng)意，而在于設(shè)計(jì)師能夠?qū)⒛切﹦?chuàng)意具體化的實(shí)現(xiàn)，而凡人卻無(wú)法。

既然如此，資深設(shè)計(jì)師和菜鳥的差別是什么呢？

過(guò)去我會(huì)回答「是經(jīng)驗(yàn)，差別在于經(jīng)驗(yàn)」，這兩個(gè)字聽起來(lái)很抽象，經(jīng)過(guò)和大量不同層次與國(guó)籍的設(shè)計(jì)師交流后，我發(fā)現(xiàn)造成兩者之間差別的「經(jīng)驗(yàn)」，其實(shí)是體現(xiàn)于「對(duì)于細(xì)節(jié)的執(zhí)行程度」。

你的意思是說(shuō)，資深設(shè)計(jì)師做事情比較仔細(xì)，而剛?cè)胄械木捅容^隨便嗎？

一個(gè) junior 的同學(xué)憤恨不平地說(shuō)。

沒(méi)錯(cuò)，我就是那個(gè)意思?。](méi)有要掩飾）好的想法人人都有，卻不是每個(gè)人都有辦法將這個(gè)想法在經(jīng)過(guò)周密的思考后，系統(tǒng)化成為真正可執(zhí)行的設(shè)計(jì)，一個(gè)無(wú)法將想法落地到細(xì)節(jié)的設(shè)計(jì)師，恕我直言，你就只是個(gè)PM而已， 俗語(yǔ)說(shuō)得好：

少壯不努力，老大當(dāng) PM 。

就是這個(gè)道理。（毫不意外，每次都要酸一下 PM 就對(duì)了。）

「我覺(jué)得我自己超仔細(xì)的！仔細(xì)小天王就是我！」另一個(gè)junior已經(jīng)在一旁暴跳如雷了。

很多 PM 也常以為自己的想法超棒……但事實(shí)證明，這世界上不是只有「你以為」而已。

坊間有太多的演講跟書籍教我們要如何畫大餅，卻鮮少有人告訴我們?cè)撛趺瓷钊氲郊?xì)節(jié)層面。事實(shí)上那卻是最基本，也是最容易用最快的速度讓對(duì)方覺(jué)得「你真的好專業(yè)」的方法，有鑒于每次內(nèi)部評(píng)審我家小朋友的設(shè)計(jì)時(shí)，我都會(huì)重復(fù)地拋出一樣的考古題，我特別為他們做了一個(gè)自查表，讓他們每次在進(jìn)行評(píng)審前都先確認(rèn)自己已經(jīng)完成了表上所有的項(xiàng)目，而這個(gè)自查表的名字，姑且就稱之為「一個(gè)讓你好像瞬間變專業(yè)的自查表」。

分享之前先注明兩件事：

1. 我們家的 UI/UX designer 負(fù)責(zé)的是 交互+視覺(jué)（ interaction + visual design ），所以這些自查表上的項(xiàng)目會(huì)涵蓋兩者。
2. 這東西真的是給初級(jí)設(shè)計(jì)師看的常識(shí)性項(xiàng)目，身為資深設(shè)計(jì)師的新警察如果覺(jué)得沒(méi)啥用，麻煩把警棍跟電擊棒收好。

在與你的主管或進(jìn)行設(shè)計(jì)評(píng)審之前，請(qǐng)先確定以下所有的項(xiàng)目都已經(jīng)完成：

1、如果你只是想討論概念而不是完整的設(shè)計(jì)成品，請(qǐng)用線框圖

開始制作 mockup 之前請(qǐng)先確定這次評(píng)審的目的是什么？因?yàn)橐坏┠?present 時(shí)使用的是高保真的 mockup ，所有人都會(huì)瞬間開始追究所有的細(xì)節(jié)。確定這次的 presentation 真的要使用高保真 mockup 之后，請(qǐng)確定接下來(lái)的每一項(xiàng)都有確實(shí)完成。

2、所有在 mockup 上的元素都請(qǐng)保持合理的 margin 和 padding

任何很奇怪或是沒(méi)有對(duì)齊的突兀元素都會(huì)讓你的 mockup 看起來(lái)很不專業(yè)

3、不要出現(xiàn)無(wú)效的鏈接

確認(rèn)所有的link都確實(shí)可以點(diǎn)擊，特別是那些跟你 presentation 相關(guān)的功能

4、盡可能地遵守公司制式的設(shè)計(jì)手冊(cè)和規(guī)范

不會(huì)有人覺(jué)得在明明已經(jīng)有這樣的規(guī)范的情況下你還硬是要設(shè)計(jì)一套新的是一件很酷的事情，只會(huì)被覺(jué)得「真是個(gè)菜鳥」。

5、Mockup 上盡可能使用公司產(chǎn)品中真正會(huì)出現(xiàn)的圖片

不要使用圖庫(kù)裡那些極度美麗的圖片，因?yàn)闊o(wú)論如何上線后根本不會(huì)長(zhǎng)那樣，你只是在騙自已，很多時(shí)候你的 mockup 看起來(lái)很干凈簡(jiǎn)潔只是因?yàn)橛昧四切┦д娴膱D片。

盡可能地考慮每種使用場(chǎng)景，即使是很極端的場(chǎng)景，不要臆測(cè)只給完美使用場(chǎng)景的解決方案。

這里有幾個(gè)可以作為自查的參考：

圖片的形狀：當(dāng)圖片是動(dòng)態(tài)生成的時(shí)候，我的 mockup 在放了長(zhǎng)=寬，長(zhǎng)>寬，長(zhǎng)<寬的圖片是什么樣子？

字?jǐn)?shù)和產(chǎn)品數(shù)量：當(dāng)文字或產(chǎn)品數(shù)量是動(dòng)態(tài)生成的時(shí)候，最多跟最少的數(shù)量限制是多少？

反饋設(shè)計(jì)

尚未進(jìn)行任何設(shè)定時(shí)，這個(gè)產(chǎn)品默認(rèn)的體驗(yàn)是怎樣？

當(dāng)產(chǎn)品是要靠動(dòng)態(tài)生成內(nèi)容時(shí)，沒(méi)有內(nèi)容的體驗(yàn)又是怎樣？

第一次使用這個(gè)產(chǎn)品的用戶的感受是怎樣？

確定你已經(jīng)盡可能地思考過(guò)所有的防錯(cuò)機(jī)制

無(wú)論是用哪種工具，確認(rèn)你的文件非常有組織，任何人都能一目了然。

有些時(shí)候你就是無(wú)法站在所有主管面前 present 你的設(shè)計(jì)理念，他們很可能會(huì)以 E-mail 的方式拿到你的設(shè)計(jì)，確保你的設(shè)計(jì)在那個(gè)時(shí)候他們還是看得懂。

真的不需要做出超級(jí)高保真的 prototype

Prototype 只是一個(gè)幫助溝通的工具，如果你真的做不出來(lái)就不要做，不需要花很多時(shí)間在上面，那種時(shí)候只需要做一些靜態(tài)的 mockup 然后描述清楚你想要的交互方式就可以了。

如果你想要在 mockup 上放 icon 或是插畫，請(qǐng)反復(fù)確認(rèn)你是不是真的需要他們。

Icon 和插畫在 UI 上是被拿來(lái)幫助人們更了解這個(gè)功能的含義，這世界上沒(méi)有比直接用文字寫出來(lái)更好的方法，如果你 icon 的存在沒(méi)有辦法幫助用戶辨識(shí)，請(qǐng)不要放。

這里有個(gè)錯(cuò)誤的案例：

在這個(gè)案例裡，基本上甚至沒(méi)人注意到那些品類旁邊有放 icon，用戶也無(wú)法只透過(guò)那些 icon 了解它的含意，因此，一旦你擁有使用 icon 或是插畫的欲望，請(qǐng)先確定你的情況有沒(méi)有符合以下的情境：

1. 空間很有限實(shí)在放不下文字，必須得用一些比較小的 icon 來(lái)表現(xiàn)。
2. 這是一個(gè)通用的 icon ，完全不需要提示的情況下大家都能了解那是什么（比如表示下載的 icon ）
3. 文字實(shí)在太多了，有些比較重要的部分需要用插圖來(lái)吸引人注意。

不管是 icon 還是插畫都是用來(lái)直接傳遞核心信息，不管這個(gè)icon畫得有多漂亮，只要用戶無(wú)法立刻知道他的意思，那他就失敗了。

確定非用 icon 不可之后，這里有一些設(shè)計(jì) icon 時(shí)需要注意的小技巧：

Icon 必須要清楚簡(jiǎn)潔，不要放一大堆不相關(guān)的元素在里面，即使很漂亮也不行。

在這個(gè)案例裡，關(guān)鍵信息是「資料分析」，即使 A1 這個(gè) icon 比較漂亮也比較完整，但是其實(shí)光看到 A2 ，用戶就已經(jīng)能夠抓住含義了，筆記本的圖在此處的存在實(shí)在沒(méi)什么必要，反而會(huì)有點(diǎn)失焦。

在這個(gè)案例里，即使這三個(gè) icon 的意圖都是要傳達(dá)用戶可以透過(guò)電腦做某些事情，但是當(dāng)這三個(gè) icon 放在一起的時(shí)候，你會(huì)發(fā)現(xiàn)電腦的存在真的很重復(fù)，試著把不斷重復(fù)/相關(guān)度較低的元素刪掉，將重點(diǎn)集中在這些 icon 之間跟彼此不一樣的暗示上。

如果你需要需要一整個(gè)系列的 icon 或是插畫，確保這些 icon 彼此之間的風(fēng)格是一致的，這里有一個(gè)不好的案例：

很明顯的，最右邊那個(gè) icon 完全不是同個(gè)家族的，不管他被設(shè)計(jì)的有多漂亮，都會(huì)讓人瞬間有種「真的很不專業(yè)」的感覺(jué)。

一旦大部份的人都無(wú)法一眼看出你設(shè)計(jì)的icon是什麼意思，那就意味著這個(gè) icon 真的不行，別再掙扎，用文字就行了！這里有一個(gè)不好的案例：

毫無(wú)疑問(wèn)的，紅色框框裡面那個(gè) icon 我到現(xiàn)在都不知道是什么意思？是鋼筋水泥的鳥瞰圖嗎？

以上是我目前能想到的一些幫助初級(jí)設(shè)計(jì)師工作的小tips，如果能夠養(yǎng)成習(xí)慣在 present 設(shè)計(jì)前先過(guò)一遍這個(gè)自查表，present 過(guò)程中再適時(shí)的夾雜幾個(gè)感覺(jué)很高大上的英文單詞（但是英文的數(shù)量要控制好，量太大會(huì)有反效果可能會(huì)被討厭）…保證可以讓人瞬間有一種「這個(gè)人好像很高 bigger 耶」的感覺(jué)。

然而如果你皺著眉，說(shuō)這個(gè)自查表好長(zhǎng)，有沒(méi)有更精簡(jiǎn)的版本？

唔，那你可能比較適合去當(dāng)PM。

作者：KIT?LIN

來(lái)源：設(shè)計(jì)夾

版權(quán)聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉(zhuǎn)載的文章都注明作者和來(lái)源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645更改。