RD 和設計師的溝通落差
RD 和設計師的溝通落差

下午有位設計師往群裡貼了張圖,開始念工程師腦袋不知道在裝什麼,老愛甩人一臉專有名詞、猛算數學,設計師根本聽不懂,和他們合作都雞同鴨講。

嗯…大概像這樣子的圓型進度條。

怎麼和 RD 配合製作 UI Animation

昨天貼的動態效果通靈文在粉絲團釣出幾位 RD 分享經驗。在講怎麼和 RD 配合製作 UI Animation 前,先來看 Rplus Chen 推薦的這篇勸世文 Stop Gratuitous UI Animation ,這篇文在呼籲大家不要為了炫而炫,少用莫名奇妙的動態特效

(本文為個人筆記,我都用 Hype3 直接產出 Prototype 和 JS,避開和一堆數值的大混戰,但該知道「為什麼要這樣做」的部份還是要懂。)

動態效果的通靈之路

課堂上我出了一項練習,在講完 Wireframe 怎麼畫、包含哪些元素、說明文字怎麼寫後,拿了 Dribbble 上漂亮的 Mockup 當範例,請學員畫出 Wireframe。在台上看得出學員們滿不在乎以為小菜一碟的表情,但當我要求下拉選單、特效之類所有「輸入、運作、輸出」等邏輯條件都要寫成說明文字後,台下表情從傻眼變成惶恐,一副大難臨頭死了要怎麼寫的臉。(從台上看大家的表情變化超有趣。)

現在很流行「動態效果」啊,好多教學教你用 AE 做動畫。是啦動效好炫好漂亮,弄個 Demo 影片交給 RD,完全沒想過 「輸入、運作、輸出」 等條件,是要 RD 看著影片照抄練滿通靈 Lv.99 嗎?

創意與可行性

下午和群裡的設計師唇槍舌戰了一番,然後發現溝通落差,設計思考階段根本不在同一階。他希望要大家幫忙 Brainstorming 提意見,結果我一直拿可行性和他杠。(老公看到肯定覺得欣慰,養出一個會幫 RD 擋可行性的 UI 老婆。)

設計和 F2E 的切圖與切版

收到讀者來信,這位讀者是 F2E,發現設計師的切圖和 F2E 的切版似乎不太一樣,所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明,其實還滿想回他一句「多被RD罵幾次就會了啊」…orz

如何讓公司的平面設計師交出可以用的 Web 圖?

在演講的 QA 時間,有幾位 F2E 跑來問我這個問題,看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來,卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢?

UI 怎麼面對 RD 的美學?

應該沒有 UI 會跳出來寫這種文章,哈哈,這篇應該要歸類在「RD 老公觀察紀錄」裡。不過本文主要想聊聊從 UI 的角度來觀察 RD 在工作上的美學,至於生活上的就另開一篇再討論了。我合作過的 RD 人數不多,出社會到現在大約 70 位左右吧,樣本數不夠大,但這 70 位都有個很明顯的特質:「非黑即白,沒有灰色」。RD 的世界不是 0 就是 1 ,就跟 iOS 切圖沒有 131 x 327 的 @2x.png 要縮小成 1x 檔這玩意一樣。

改不停的設計與加班

台灣是個很不尊重專業的地方,尤其是設計這個行業。相較之下,沒什麼人敢第一時間質疑醫師開的藥方,也沒幾位敢對著律師嗆聲說法條引用錯誤,更不會有人衝進廚房搶大廚的鏟子煮給他看。做設計做久了,從沒被客戶改稿改超過 5 次以上的人真的需要燒香拜佛感謝老天保祐。(相信一定有人被客戶搶過滑鼠,建議改用 Wacom 繪圖板,就算客戶跟你搶筆也會因為不懂使用而馬上還你,擺在桌上看起來專業唬人好用。)

UI 跟 RD 溝通的三個誤區

我相信一定有 RD 想砍了他們家的 UI,講話這麼風花雪月,有點邏輯概念是會怎樣。也一定會有 UI 想撬開他家 RD 的腦袋,都用這麼多形容詞和例子說明了怎麼還是聽不懂,腦袋有洞喔。這其實真的不能怪 UI 或是RD,他們本身的思考迴路本來就不一樣。達文西這種超神級人物有史以來也就這麼一位,(他是畫家、雕刻家、建築師、音樂家、數學家、工程師、發明家、解剖學家、地質學家、製圖師,植物學家和作家),要求平凡人等文武全才也太超過了。

這篇文目的在分享和 RD 相處的經驗(順便捅我家老公),不代表所有RD 都是這麼缺筋,RD 也有百百種人啊。

UI 和 RD

幾乎每個面試官都會問我:「妳和RD的溝通情況如何?」我通常會反問:「都嫁給 RD 了,你覺得我和 RD 溝通情況怎麼樣?」不管是在家或是在工作,我整天都和 RD 相處啊!但即使和老公很有默契,遇到夫妻吵架,還是會大喊:「RD 的腦袋真不知道在裝什麼。」