讀者來信:學生專題-1
這是封讓我覺得有點困擾的讀者信,收到的瞬間傻了一陣子,不知道該怎麼回應比較好。反覆看了很多遍,因為他附上學校專題作品,我還去把該系所近幾年的課程與學分全翻一遍。只能對這位學生說:「你爬的文太少!」 而且還爬錯方向…
自學 UI/UX 各階段心路分享
收到很多剛踏入 UI/UX 這個領域的學生或設計師傳訊,他們迷惘,並且擔心自己的未來…我又不是神怎麼會知道你的未來是什麼?只能分享自己自學 UI/UX 各階段的心路歷程供參考了。
讀者回信:如何轉職做 UI?
這 3 個問題我超常被問到,同時也是我對現行台灣教育大翻白眼的原因:學生在學校待了多少年,結果還是不知道怎麼找出解決問題的方法。
先承認自己有問題,才能找出問題,才有可能解決問題。
結果台灣的學生被訓練成教科書以外的東西通通不會,不會獨立思考,尤其是邏輯推理能力根本還在新手村,大腦跟全新的一樣…
初學者的 Prototype
(我竟然忘記寫這篇),和群裡設計師聊,發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係,導致大混淆,所以來說明下這三者的不同。
UI 設計師要不要懂技術?
UI 設計師要不要懂技術?廢話,當然要啊!不然怎麼把幻想變成現實?在實際產出之前設計師做的一切都是「美美的幻想」,還有可能不怎麼美,直到最後的產出才是真實。
舉個例子:建築師除了畫圖外,需不需要知道蓋房子每個階段的建造方式?要不要理解各種材料的特性和規格?需不需要熟悉當地環境的限制?
但建築師需不需要知道水泥車怎麼開?需不需要操作吊高機?
他們最後的成品是那疊圖紙嗎?誰去看圖紙啊,當然是實體的建築啊!那 UI 設計師最後的成品為什麼是 Mockup?
UI 設計師應該要會寫的文件
身為 UI 設計師,工作內容不是只有做 PSD 和切圖,只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力,文件最低限度需包含:企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。
工作清單:切圖
切圖有很多種方法,但切出來的圖只會有兩種:1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手,請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理,他們肯定會回答你。(不回答就是他們有很大的機率拿到爛圖拖長自己工時,誰敢不理你啊?)
工作清單:Mockup
以我自己的工作流程,會是:Functional Map > UI Flow > Wireframe > Mockup > 切圖 > 標示文件。當然在更前期會有 UX 研究、最後會接 HTML 等等,但就一位 UI Designer 來說應該是這些。
對 Mockup 而言…Wireframe 有什麼就畫什麼,不要亂改亂腦補!而且遵守 PSD 製作禮儀 。
找份正常的設計工作真難
谷歌開發者養成記!ANDROID設計師TAYLOR LING深度訪談 一文中,有一段寫道:
我有一個朋友是一名 UX 意見領袖, 他走遍了整個國家(譯註:馬來西亞)來宣傳 UX 的重要性。 他甚至去求職網站尋找所有和 UX 設計相關的工作, 然後他接受了各種面試 —— 出於研究的目的。他想要知道這些公司到底請不清楚他們想要招聘到什麼人。 也許在西方國家的情況會好一些, 但是在這個國家(譯註:馬來西亞), 他發現 95% 以上的公司都找錯了人。
這些公司在尋找一匹獨角獸:一個既能碼代碼, 又能做設計, 又能幹其他雜七雜八事情的人。 這個有趣的小實驗也告訴我們, 推進 UX 這件大業還需要很多的努力。 如果你想讓你的產品有良好的用戶體驗, 可不是隨便雇一個人就能自動讓你的產品變好並且讓用戶愛上這麼簡單的。
工作清單:UI Flow
繼 工作清單:Functional Map 後,繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ,請參考 初學者的 UI Flow 這篇文。
iPhone 6 及 Plus 製圖建議
iPhone 6 和 Plus 新機一發表,群裡就有人跑來哀號說老闆叫他準備 iPhone6 的適配,可現在什麼文檔都沒有完整啊!在很多細節不明的情況下,我只能建議這種最保險安全的作法:做 @1x,放大給 @2x 和 @3x 用。以下情境預設為做一套 Mockup 要切出各種尺寸的圖。
PSD 製作禮儀
在聊自己製作 PSD檔 的習慣之前,一定要先把 Photoshop Etiquette 拿出來講。這個網站在網路上流通多時並有簡體中文翻譯,開宗明義就說了是「Photoshop 禮儀」,且製造日期是 2012 年。雖然在此之前我就已養成某種程度的整理習慣,卻也仔細研讀這個站後才真正瞭解該怎麼做得更好。如果你的工作需要接觸 Photoshop,建議這個網站列舉出來的部份都要實作到PSD上。