就容我大膽的臆想一番，會(huì)涉及到下面幾個(gè)點(diǎn)(不按順序,扯到哪是哪)：

• UI設(shè)計(jì)稿還原度低

• PM能被UI代替嗎

• 設(shè)計(jì)師的地位啥時(shí)候能來(lái)

 

先拋個(gè)觀點(diǎn)：這凡事只要到了我大天朝，他就變了味兒，談不上變好變壞，因?yàn)槲覀兙吞孛慈硕?，量變質(zhì)變，就這么簡(jiǎn)單個(gè)邏輯；不然淘寶哪來(lái)的10塊錢做圖，滿意為止。

 

這兩天在自己給自己寫個(gè)APP項(xiàng)目2.0迭代的總結(jié)報(bào)告，說(shuō)是2.0，其實(shí)變的很多，而且我剛接手，相當(dāng)于1.0的開荒階段。真正到了UI驗(yàn)收階段，我是真想帶著刀去，淘寶搜雷神之錘，500多的那個(gè)，真想買一把以示朕的龍威，真的是感覺自己的標(biāo)注跟空氣一樣，開發(fā)就是看不到，用的是measure，不存在漏標(biāo)。不多吐槽了，在我總結(jié)的時(shí)候，其實(shí)我發(fā)現(xiàn)問(wèn)題在于開發(fā)對(duì)于你的設(shè)計(jì)布局邏輯不理解，有時(shí)候我當(dāng)面看圖講解好像也是不起啥作用，我們自以為很好理解，但事實(shí)啪啪打臉，什么叫流式布局，這個(gè)地方要左對(duì)齊寫，那里要固定間距自適應(yīng)。

 

所以我不止一次想過(guò)，如果我自己會(huì)擼前端的界面，那該有多叼，我知道這個(gè)地方要寫居中我就寫居中，再也受不了開發(fā)不管你居中不居中只管寫他的固定內(nèi)邊距左對(duì)齊，在他們看來(lái)能做出來(lái)跟你標(biāo)注圖差不多就算是沒問(wèn)題。講實(shí)話，關(guān)于開發(fā)對(duì)設(shè)計(jì)稿的還原度我還真的仔細(xì)想過(guò)，比如專門做個(gè)PPT培訓(xùn)，把設(shè)計(jì)規(guī)范講一遍云云，當(dāng)然我還沒實(shí)踐。現(xiàn)在想來(lái)最爽的還是自己親自上陣擼代碼，擼的開發(fā)心服口服外帶佩服，如果我真的會(huì)擼了，一定回來(lái)寫文章分享心得，swift教程我都找好了。

 

其實(shí)我目前看來(lái)，UI在團(tuán)隊(duì)里相對(duì)于效率的流程是這樣的，僅限于200人以下的小公司：

1、產(chǎn)品經(jīng)理把原型圖很完善的做出來(lái)，功能跳轉(zhuǎn)和你的功能邏輯說(shuō)明都要有，然后各種評(píng)審能敲定不改的

2、UI在幾個(gè)版本迭代后把設(shè)計(jì)規(guī)范擼出來(lái)，因?yàn)樵O(shè)計(jì)規(guī)范從來(lái)都是邊做邊完善的，反之做出來(lái)的設(shè)計(jì)規(guī)范根本無(wú)法落地實(shí)操。

3、開發(fā)根據(jù)原型圖和UI的視覺規(guī)范做界面

 

上面的流程是我實(shí)踐過(guò)的，對(duì)于小公司特別爽，前提是你有一個(gè)嚴(yán)謹(jǐn)?shù)漠a(chǎn)品經(jīng)理，補(bǔ)充一下上面的，對(duì)于那種特殊需要單獨(dú)出圖的界面，UI肯定要單獨(dú)做，但對(duì)于整體常見的cell組合、卡片等等都可以做到規(guī)范里讓開發(fā)根據(jù)原型圖去做，這種做法一定是前期慢，后期快，剛開始開發(fā)肯定有很多地方不了解，但慢慢的有默契了，開發(fā)速度就快了，比如你左右間距都是12，CELL高度48，類似的云，開發(fā)擼多以后都可以不看標(biāo)注了，以至于驗(yàn)收階段效率很高。

 

對(duì)于上面的這個(gè)流程，要解決的就是杜絕UI不停的畫重復(fù)界面，比如有的卡片，明明只是加了一個(gè)元素，或者是幾個(gè)元素順序不同的組合，間距相同，以及界面的各種狀態(tài)，沒有經(jīng)過(guò)思考的UI會(huì)一個(gè)一個(gè)按原型圖做大量的重復(fù)組件界面，我覺得簡(jiǎn)直是浪費(fèi)生命，說(shuō)的大義凜然點(diǎn)，公司的設(shè)計(jì)成本真特么高，UI晃悠一天弄一堆重復(fù)頁(yè)面看著還挺多，你不虧的慌嗎？把時(shí)間節(jié)省出來(lái)去做更多重要的事不行嗎？這就涉及到 UI 設(shè)計(jì)的出路問(wèn)題了。

 

其實(shí)呢，不管國(guó)外的 UX 還是中國(guó)的 UX，我覺得不必?fù)赣谧盅?，?shí)際上用心的 UI，都會(huì)去思考產(chǎn)品，思考原型圖，思考用戶的操作等等， 也就是說(shuō)我們做的事情其實(shí)和老外的 UX 差不多了，當(dāng)然沒有人家專業(yè)，什么？用戶調(diào)研？我們這不存在的，先不妄自菲薄，總體意思是我們雖然叫 UI，但是我們做的事已經(jīng)是在向國(guó)外的 UX 靠齊了。

 

那么我們順著 UI 的具體工作效率來(lái)說(shuō)，如上面我講的 UI 工作流程優(yōu)化，然后 UI 似乎做的界面不多了，時(shí)間省出來(lái)是可以多和產(chǎn)品經(jīng)理一起開會(huì)的，這里有個(gè)觀點(diǎn)不知道大家是否贊成，我覺得單純畫界面是沒有意義的，你要搶著和產(chǎn)品經(jīng)理和領(lǐng)導(dǎo) BOSS 一起參與到從0到有的每一個(gè)討論里，只有徹底的了解原始需求才能做出準(zhǔn)確的設(shè)計(jì)，注意我用的詞是“準(zhǔn)確”喲，我忘了是哪個(gè)文章說(shuō)到過(guò)，老板的需求可能用自己的嘴表達(dá)出了90%，傳遞給產(chǎn)品經(jīng)理，產(chǎn)品經(jīng)理理解了70%，自己理解一番后擼出原型圖，可能剩50%，那么最后 UI 看到原型圖再加上自己的理解，可能這個(gè)需求的準(zhǔn)確度就只有30%；例子很夸張但確有此事啊。

 

我有個(gè)前置問(wèn)題，那就是 UI 設(shè)計(jì)師的出路是什么？

 

既然培訓(xùn)班每年產(chǎn)出大量的 UI 設(shè)計(jì)師，先不說(shuō)培訓(xùn)班出路的人工作質(zhì)量咋樣，就沖人多，人家便宜。這是人多的競(jìng)爭(zhēng)；

還有軟件，像素范泡泡那張嘴真的是能說(shuō)會(huì)道句句穿心，他提到過(guò)一個(gè)段子，說(shuō)自己當(dāng)年用 PS 能畫圓角，那老牛逼了，感覺自己能飛了，可現(xiàn)在的，他說(shuō)憑什么那些做 UI 的沒用過(guò) PS 上來(lái)就用sketch，憑什么不經(jīng)歷一下 PS 那苦逼的像素對(duì)齊做 UI。我也這么想，我自學(xué)了很久，踩了那么多的地雷，老子每天加班自學(xué) sketch，而你下班就走，憑什么以后我就得教你怎么用。

 

但是呢，這個(gè)事兒要靜下來(lái)往大了想，工具迭代是個(gè)很厲害的事，興許2018年那個(gè) craft 公司的那個(gè) UI 工具就能讓 sketch 分鐘被取代。興許以后會(huì)有個(gè)什么萬(wàn)能萬(wàn)金油的通用設(shè)計(jì)規(guī)范。現(xiàn)在我苦心研究的 symbols 邏輯，也許明年就會(huì)一無(wú)是處了。這是軟件的競(jìng)爭(zhēng)，也就是說(shuō)，在你的生命里，你花時(shí)間學(xué)習(xí)了 PS，而剛?cè)腴T的人，人家上來(lái)就學(xué) sketch，你是否覺得虧的慌？然后如此輪回

 

這就是引出我思考 UI 設(shè)計(jì)師的出路是什么的2個(gè)原因，人越來(lái)越多，軟件越來(lái)越效率，做個(gè)UI 就差能口述擼界面了沃日，想想都可怕，再者說(shuō)眼前的，就算我的設(shè)想很遠(yuǎn)，那么眼下的，UI kit 越來(lái)越多，做一個(gè)萬(wàn)能的 UI 組件庫(kù)并不是不可能啊，那么也就是說(shuō)，做 UI 界面會(huì)越來(lái)越快，這一點(diǎn)總不會(huì)錯(cuò)的。當(dāng)這些情況擺在眼前，作為 UI 設(shè)計(jì)師的我們有什么競(jìng)爭(zhēng)優(yōu)勢(shì)？好好思考下。

 

這時(shí)候就要放出萬(wàn)年背鍋神器：產(chǎn)品經(jīng)理

 

產(chǎn)品經(jīng)理科班出來(lái)的不多吧，然后我之前的團(tuán)隊(duì) BOSS 親自和老板對(duì)接畫原型圖，他本身在日本的 google 做了好幾年的 java 開發(fā)，年近40，叼吧，擼的原型圖在功能邏輯上杠杠的，但是呢？你說(shuō)沒毛病那都是扯淡，開發(fā)轉(zhuǎn)產(chǎn)品經(jīng)理就一個(gè)后果，邏輯是通了，但是真正的用戶體驗(yàn)他們根本不懂，設(shè)計(jì)？不懂！所以我覺得開發(fā)轉(zhuǎn)行產(chǎn)品經(jīng)理，做出的產(chǎn)品就缺少了人性化的東西，設(shè)計(jì)嘛，我不想說(shuō)是美，按我現(xiàn)在的理解是設(shè)計(jì)是舒服，不是負(fù)責(zé)美的，而且讓你用著舒服用著爽。

 

所以說(shuō)做設(shè)計(jì)是個(gè)手藝活兒，有點(diǎn)工匠，擼代碼自然是時(shí)間越久越精湛，但也是越老越擼不動(dòng)，而且開發(fā)的思維真的是無(wú)法作為連接用戶的橋梁，基于這一點(diǎn)我覺得開發(fā)轉(zhuǎn)產(chǎn)品不靠譜。

 

再說(shuō)運(yùn)營(yíng)，講實(shí)話運(yùn)營(yíng)我了解的不多，但我自己也是有個(gè)論壇百度排名行業(yè)內(nèi)也是數(shù)一數(shù)二的，我見過(guò)懂設(shè)計(jì)的運(yùn)營(yíng)沒有，我估計(jì)運(yùn)營(yíng)轉(zhuǎn)產(chǎn)品經(jīng)理能把開發(fā)和設(shè)計(jì)給逼瘋。要這要那，我不管，你給我做。

 

好了，我知道你們?cè)诘任疫@句話，UI 設(shè)計(jì)師轉(zhuǎn)產(chǎn)品經(jīng)理，我開始也沒覺得自己要轉(zhuǎn)產(chǎn)品經(jīng)理，而且一直到現(xiàn)在，給自己定位產(chǎn)品設(shè)計(jì)師。在開會(huì)的時(shí)候，每當(dāng)我看到領(lǐng)導(dǎo)和產(chǎn)品和運(yùn)營(yíng)，他們討論需求沒毛病，但他們還要討論這樣不好看，那樣用戶用著不舒服，我都很無(wú)奈，我心說(shuō)你們把需求討論清楚，想達(dá)到什么目的，以什么樣的運(yùn)營(yíng)方案，而怎么好看，怎么做交互，是設(shè)計(jì)師的事，你們直接討論了啥叫好看，那公司的設(shè)計(jì)師豈不是白給他們工錢了？做 UI 設(shè)計(jì)師，我們每天看“友商”看“競(jìng)品”，看別人家的 APP，我想對(duì)于怎么做才能好看，UI 設(shè)計(jì)師才是專業(yè)的吧。這一段我瞎 BB 的可能有點(diǎn)多，歸納一下就是其他部門的人把設(shè)計(jì)師的事兒給干了，讓設(shè)計(jì)師很尷尬，其實(shí)大家更需要想好怎么讓各部門協(xié)同擰成一根繩子各司其事，有時(shí)候設(shè)計(jì)真的是很尷尬的，開發(fā)擼代碼，不懂的人不敢瞎說(shuō)，媽的你說(shuō)設(shè)計(jì)？是個(gè)人都敢說(shuō)他也懂點(diǎn)設(shè)計(jì)，能跟你 BB 兩句，一句我看過(guò)某某都是這么做把你噎死。

 

接著說(shuō) UI 轉(zhuǎn)產(chǎn)品經(jīng)理的事，前面說(shuō)過(guò)，別看我們的職位叫 UI，但是我們做的工作已經(jīng)趨向于國(guó)外的 UX，我們不只是照著原型圖畫界面，而是思考其背后，查閱多少方案和理解他們，基于此，我就在想，如果我們 UI 可以自己來(lái)做產(chǎn)品經(jīng)理，從得到需求到擼出設(shè)計(jì)標(biāo)注到開發(fā)，都由我們來(lái)做，那這個(gè)產(chǎn)品的準(zhǔn)確度很流暢性會(huì)多么的高？我說(shuō)設(shè)計(jì)是個(gè)手藝活兒，因?yàn)樵O(shè)計(jì)是要經(jīng)過(guò)日積月累的，不是你報(bào)個(gè)班會(huì)個(gè)工具就能說(shuō)會(huì)設(shè)計(jì)的，這是其他職業(yè)想轉(zhuǎn)設(shè)計(jì)的大門檻，那么我們每天研究那么多案例，每天有那么多的想法，當(dāng)我們作為產(chǎn)品經(jīng)理去討論需求和去設(shè)計(jì)原型圖的時(shí)候，我們腦子里的各種想法會(huì)極大的給予我們充能，簡(jiǎn)直就是開掛。正因?yàn)槲覀兊牟豢商娲?，我們看一個(gè)界面不單單是看他好看，而且會(huì)想為什么好看，為什么要這樣設(shè)計(jì)，還有沒有其他的呈現(xiàn)方式，這些的思考，開發(fā)不會(huì)想、產(chǎn)品經(jīng)理不會(huì)想、運(yùn)營(yíng)更不會(huì)想，只有 UI 會(huì)做出一堆方案然后選其最佳，那這樣一個(gè)人去統(tǒng)領(lǐng)整個(gè)產(chǎn)品的走向，做出的產(chǎn)品一定很美好。

 

這是對(duì) UI 轉(zhuǎn)產(chǎn)品經(jīng)理的一個(gè)暢想，其實(shí)我們不用非要做產(chǎn)品經(jīng)理，就如我給自己的定位，是產(chǎn)品設(shè)計(jì)師，干嘛用分那么細(xì)呢，整個(gè)項(xiàng)目需要設(shè)計(jì)的地方到處都是。

 

說(shuō)點(diǎn)能落地的吧，你冷不丁去找老大說(shuō)要當(dāng)產(chǎn)品經(jīng)理那就是啪啪大嘴巴子啊。絕對(duì)不能那樣，我上面說(shuō)了，UI 設(shè)計(jì)工具越來(lái)越先進(jìn)，首先 UI 要最大程度的把你的組件庫(kù)做好，萬(wàn)能化，讓自己擼界面的效率最大化，然后，幫助開發(fā)狗提升看標(biāo)注的效率以及還原度問(wèn)題，這時(shí)，把你的組件庫(kù)和設(shè)計(jì)規(guī)范融合到一起，讓整個(gè)團(tuán)隊(duì)效率化才是你要做的。因?yàn)?UI 不僅僅是自己擼出美界面就完了，你得想著開發(fā)。當(dāng)你能把自己擼界面和開發(fā)擼界面的效率都最大化，那就是給自己騰出了大量的時(shí)間，這個(gè)時(shí)間去盡情的提升你作為設(shè)計(jì)的競(jìng)爭(zhēng)力，那就是找運(yùn)營(yíng)、產(chǎn)品經(jīng)理各種討論產(chǎn)品，他們?nèi)绻_會(huì)你一次都別放過(guò)，各種蹭，你可以不發(fā)言但一定要參與，因?yàn)橹挥羞@樣，你才能更了解產(chǎn)品，知道原來(lái)覺得很奇葩的功能原來(lái)是根據(jù)這個(gè)需求出來(lái)的，而對(duì)產(chǎn)品的了解，并運(yùn)用你祖?zhèn)鞯脑O(shè)計(jì)手藝讓他們以最風(fēng)騷的姿勢(shì)出現(xiàn)在用戶面前，舒服、爽，這是我理解的UI 設(shè)計(jì)師的價(jià)值。

 

說(shuō)一個(gè)事大家看看是否有同感，總是有人跟你討論設(shè)計(jì)細(xì)節(jié)，但我們都知道，一個(gè)視覺的呈現(xiàn)形式都可以有很多種，這玩意很主管，根本就沒有對(duì)錯(cuò)，因?yàn)橐粋€(gè)設(shè)計(jì)的呈現(xiàn)形式去拼個(gè)對(duì)錯(cuò)是一件很煞筆的行為。除非你有強(qiáng)力的數(shù)據(jù)支撐，而這時(shí)如果是你的老大， 幾句話就給你解釋了哪里需要改，因?yàn)樗麄儽饶愀a(chǎn)品，根本不在設(shè)計(jì)細(xì)節(jié)上和你 solo。

 

所以可見我們弄清楚產(chǎn)品需求是多么的重要，這就是 UI 小白、軟件迭代、甚至是人工智能無(wú)法替代我們的核心競(jìng)爭(zhēng)力，所以至少我，不單單給自己局限于 UI 設(shè)計(jì)師，而是要做統(tǒng)籌全局的產(chǎn)品設(shè)計(jì)師。

 

我balabala 這么多其實(shí)是寫給自己的，也希望能幫到需要的人。