原文地址https://www.mockplus.cn/blog/post/1148

隔行如隔山嘴办，這句話人人耳熟能詳，但其實隔行并不可怕买鸽，大家各謀其事涧郊，各盡其職，倒也互不打擾癞谒，真正可怕的是底燎，是內行還要受外行指點江山刃榨，而最難的部分，便是那溝通双仍。流暢的溝通枢希，和聲細語，是有如時雨之化者朱沃；無效的溝通苞轿，言辭激烈，是話不投機半句多逗物。

說起溝通難搬卒，很多人都必然會有身受之感，而苦逼的UI設計師們更是其中的一個典型群體翎卓。外有客戶爸爸和甲方契邀，內有產品經(jīng)理和攻城獅，明明只想安安靜靜的做設計失暴，去偏偏要在交流和協(xié)作上耗去了大半精力坯门。

讓UI設計師崩潰的瞬間，究竟有哪些逗扒？

崩潰場景一：甲方爸爸指點江山古戴，改了999版后還是用了第一版。

“很快的矩肩，就把字體改小一點现恼，logo該大一點，就可以了黍檩！”

“嗯叉袍，感覺不夠大氣，你看看那種高大上的設計建炫，簡潔畦韭，卻氣勢很足疼蛾「氐”

“這些給你參考一下，大概就是這種感覺”

這些個話察郁，每個UI設計師的耳朵都被轟炸過吧衍慎。客戶語言太難懂 皮钠，遇見不懂專業(yè)的客戶更是凄慘稳捆，UI設計師永遠不知道客戶的需求是什么，改什么錯什么麦轰，還要不斷地改乔夯。最無奈的是砖织，加班熬夜，嘔心瀝血之后末荐，客戶爸爸一句——“還是改回第一稿吧侧纯！”這真的是可以徹底讓每一個UI設計師瞬間奔潰！

崩潰場景二：親朋好友齊上陣甲脏，免費的美工無疑了眶熬。

“幫我p一下這幾張照片嘛，就用ps块请，很快的娜氏，么么噠！”

“你是做設計的墩新，這個裝修怎么樣贸弥，幫姨看一下『Ｔǎ”

“我需要做個傳單茂腥，這個簡單，不用設計的那么高大上切省，幫我搞一下嘛”

這些個請求最岗，真的是欲哭無淚。相關的請求朝捆，當你十八般武藝能分分鐘搞定般渡，舉著人情免費壓榨；不相關的請求芙盘，還當你學藝不精驯用，苦口婆心說著同志還需努力。身心俱疲的UI設計師儒老，能不奔潰嗎蝴乔？

崩潰場景三：半個月做好了精美設計稿，一個月手動做完全部標注和切圖驮樊，累覺不愛薇正。

好容易接了個大項目，矜矜業(yè)業(yè)，發(fā)揮了100%的才能，動用了色彩學劳翰，心理學冬殃，繪畫技能，設計原則，設計規(guī)范，終于欧宜，界面辽俗，ICON疾渣，平面構成、版式設計崖飘、操作邏輯稳衬、人機交互的整體設計，每個細節(jié)都拿出了最高水準坐漏。本以為終于完美交工薄疚，卻還要像拿針婆婆一樣，一針一線標注每個元素的尺寸赊琳，距離街夭，還要手動做切圖給攻城獅。最后看著那密密麻麻的標注圖躏筏，自己都不認得這是自己的設計稿了板丽。內心奔潰又心酸。

崩潰場景四：產品經(jīng)理的需求趁尼，云里霧里埃碱，聽懂了又似不懂，能不能好好交流酥泞，告訴我究竟要什么砚殿？

產品經(jīng)理和老板頭腦一熱，腦門一拍芝囤，原本的界面下一秒就要換似炎，產品需求展示不清不楚，UI設計師連蒙帶猜畫稿子悯姊，一日三問羡藐，不恥下問，卻還是一句悯许，不是這樣的仆嗦。天天如此工作，UI設計師不奔潰都不行了先壕。

崩潰場景五：產品常迭代瘩扼，App越升級越混亂，沒有一致性启上，領導問：為什么不整理設計資源統(tǒng)一規(guī)范邢隧？

缺乏一致性，一直是很多UI設計師會規(guī)范的一個錯誤冈在，有時候，客戶不滿意了按摘，需要重新設計來改進APP的視覺效果和用戶體驗包券，但是改著改著纫谅，怎么成了一個新東西？這時候老板會問了：設計資源怎么不整理呢溅固？設計規(guī)范怎么不做呢付秕？

天知道整理設計資源是一個多么龐雜的活？此時的UI設計師侍郭，一面委屈询吴，一面自我檢討，整個人也是很不好了亮元。

崩潰場景六：最高顏值的設計稿終于交付了猛计，攻城獅代碼敲完后，等等爆捞，怎么不認得了奉瘤？

設計稿畫完了，批注也標了煮甥，切圖也切了盗温，重點也講了，攻城獅怎么就是能把原本顏值出眾的設計稿弄成一眾路邊APP成肘，人群中不會看第二眼呢卖局？UI設計師的心血呢？看著面目全非的APP双霍，每個UI設計師都會像那看見孩子被欺負臟了臉的老母親吼驶，心里發(fā)痛。最奔潰的店煞，這個鍋蟹演，很多時候還得UI設計師自己背，誰叫你標漏了一個參數(shù)呢顷蟀？

讓UI設計師奔潰的瞬間酒请，舉不勝舉，以上是一些典型的例子鸣个。UI設計師們羞反，你們經(jīng)歷過了哪些了？這里呢囤萤，既是提出了以上的問題昼窗，不妨順藤摸瓜，找找背后的原因涛舍，對癥下藥澄惊，方能藥到病除。

我們先來看看一個產品理想化的流程：

從上圖不難看出，產品掸驱、設計肛搬、開發(fā)，測試和運維毕贼，產品的每一環(huán)都極其重要温赔。而UI設計師，是其中一個必不可少的關鍵環(huán)節(jié)鬼癣。既是其中一環(huán)陶贼，那就可以從核心處入手，對癥下藥待秃。UI設計師要扮演好自己的角色拜秧，其實沒有那么復雜，最簡單也是最見效的辦法锥余，就是搞定自己的上下游環(huán)節(jié)腹纳。這樣，UI設計師要做的驱犹，也就一目了然了嘲恍，就是兩處溝通和交付。

對上雄驹，是產品經(jīng)理佃牛，UI設計師需要明確產品需求；對下医舆，是攻城獅俘侠，UI設計師要完整交付自己的設計稿。

然而蔬将，現(xiàn)實情境里爷速，產品每一環(huán)的交付，都伴隨著溝通難霞怀、協(xié)同難惫东、效率低的問題。如果可以解決溝通和協(xié)作問題毙石，一定可以讓UI設計師從繁瑣中解脫出來廉沮，專注設計和思考。

所幸徐矩，有人在密切關注著設計師們的用戶體驗滞时，現(xiàn)在已經(jīng)有部分工具，可以為產品人員提供一個高效協(xié)作的平臺滤灯，支持自動批注和切圖坪稽，再不用每個產品環(huán)節(jié)都生產繁重的文檔曼玩，所有的交付和溝通，都匯集到一個平臺刽漂，匯集成一份文檔演训。

摹客iDoc弟孟，就是這些工具中的一個佼佼者贝咙。

首先，它是一個支持智能標注/切圖的設計高效神器拂募，可以幫助UI設計師輕松交付作品庭猩，它的核心功能有：

l 完成設計一鍵上傳

l 支持Sketch、PS陈症、XD的設計原稿和設計圖

l 標注和切圖自動生成蔼水，再不用手工做

l 設計規(guī)范自動采樣生成，還可分類管理录肯、同步應用趴腋、一鍵導出設計風格指南

這樣一來，就可以把UI設計師從兩大奔潰中解救出來论咏。其一优炬，UI設計師再不用花費比做設計跟多的時間來手動標注和切圖，這可以說是一個提升效率的大解放厅贪；其二蠢护，智能標注和切圖，一鍵上傳养涮，攻城獅可以隨時隨地輕松查看葵硕，這樣的溝通，比指著標注圖苦口婆心的解釋方便太多贯吓，可以說是無聲勝有聲了懈凹。

此外，iDoc還可以：

l 顯示百分比標注悄谐；

l 一次選擇多個圖層進行智能標注介评；

l 自動下載多個或全部切圖；

l 對于頁面中的重復元素尊沸，可以一鍵查看威沫。

這樣一來，就極大地降低了溝通成本洼专，提升效率棒掠，減少開發(fā)周期。不僅解救了UI設計師屁商，更加解救了前端開發(fā)工程師烟很。

其次颈墅，iDoc是一個更快更簡單的協(xié)作設計平臺，他可以將產品核心人員雾袱，即產品經(jīng)理恤筛，設計師，工程師集中到一起芹橡，做到從產品毒坛，設計，到開發(fā)林说，只需要一份文檔煎殷。它可以：

l 全貌面板展示流程；

l 頁面任務完成度一目了然腿箩；

l 多種批注樣式豪直，更好的表達想法和意見；

l 交互演示快速方便珠移，支持多種動畫特效弓乙；

l 支持多種的原型（Axure、Justinmind钧惧、Mockplus）和各類文檔暇韧，直接在線預覽。

這樣一來垢乙，UI設計師和產品經(jīng)理之間的橋梁就完全搭建起來了锨咙，產品經(jīng)理能夠很好的表達產品需求，UI設計師能夠最大化接收追逮，無論產品經(jīng)理是用什么原型工具繪制的原型圖酪刀，都可以在iDoc里面查看，省去萬千繁瑣钮孵。

最后骂倘，摹客iDoc還有一些獨有功能，匠心獨運巴席，讓你的團隊高效協(xié)作：

l 細致入微：可以彈出放大鏡历涝，查看微小距離的標注；

l 更加實用：對不同設備的單位做自動轉換漾唉，更符合實際需要荧库；

l 更有效率：自動將頁面中使用的顏色、文本字號（樣式等）整理為設計規(guī)范赵刑。

據(jù)悉分衫，摹客iDoc將會和摹客設計系統(tǒng)整合，讓設計師告別手動整理設計規(guī)范的苦惱般此，這樣一來蚪战，一款APP里牵现，設計師使用過的字體，顏色邀桑，logo瞎疼，圖標等元素，可以自動整理為設計資源壁畸，生成設計規(guī)范贼急，對UI設計師而言，相信這又是一個極大的解放瓤摧。設計的一致性問題竿裂，輕松解決玉吁。

其實說來照弥，設計師還是人人艷羨的一個崗位，我就認識很多的學生們想要做一個腦洞大进副，創(chuàng)意足的UI設計師这揣。雖然UI設計師們有自己的苦逼故事，比如加班影斑，背鍋给赞，被誤解，但是UI設計師確實是一個很了不起的職業(yè)矫户，更是一個魅力十足的職業(yè)片迅。相信看著一款款受歡迎的App就出自自己的設計，每一個UI設計師都會感到與有榮焉皆辽。

對于那些已經(jīng)奔潰或者處在奔潰邊緣的設計師柑蛇，希望你們能調整心態(tài)，更自信的面對每一項挑戰(zhàn)驱闷，當然啦耻台，也要開動 腦筋，使用高效的工具空另，讓自己從繁雜中解脫出來盆耽，這樣，你才有足夠的時間去思考和設計扼菠，創(chuàng)造美摄杂，更創(chuàng)造價值！