習慣用 Photoshop 畫 Mockup 的理由
繪製 Mockup 的工具，目前戰最兇的應該就是 PS 和 Sketch 吧，在課堂上有學員問了這個問題。我自己是 Photoshop 派的，會推薦初學者學習的也絕對是 Photoshop。
UI 設計師看 Auto Layout
我買了 Simon Ng 寫的 iOS 9 App程式設計實力超進化實戰攻略 (Beginning iOS 9 Programming with Swift) ，學習怎麼用 Xcode 和 Swift 做 App。
這本書非常推薦設計師和完全不懂程式的初學者購買，前幾章都在講 Xcode 的 GUI 操作和實例，跟著範例自己做個會動的頁面出來很有成就感，能學到很多。
學 UI/UX 報課前的必修課：如何分辨好課與地雷？
想學 UI/UX，但補習班一堆，選錯只會浪費時間和錢！
這篇告訴你該怎麼判斷課程內容，確保學到真正有用的東西！
Daily UI，100天的挑戰
應該是從這位設計師開始的，他很努力地做了 100 Days UI 的網站。挑戰連續 100 天的 UI 設計，圖面水準品質都很高。於是有了 Daily UI 的網站。
UI 設計入門班 - 學員心得
（2022 年 10 月更新）
從 2015 年第一班開課，每一場我都依據學員反應和 Apple、Google 發表會來修改課程內容。
課程結束後會請全體學員寫「課後心得訪問單」，全班 37 位學員得到 33 張 5 星，沒有 4 星以下的分數，平均 4.9 星。完成我對自己開課的要求（一張 4 星以下都沒有），非常感謝學員的熱情與捧場。（雖然全體 5 星很困難，但我會努力挑戰。）
有不少需要打統編的學員來自各行各業：設計公司、資訊業、電子業、學校單位、政府單位、航空業、金融業、旅行社、雜誌出版、人力銀行、房屋仲介、電信業…等等。我最開心的當然是之前派人來上課的公司，之後又派不同的員工報名，感謝學員們課後在公司的良好表現和宣傳。
可以到 Madders - KKTIX 查看最新的課程資訊和報名方式。加入 粉絲專頁 較能即時獲得開課訊息。
動態效果的通靈之路
課堂上我出了一項練習，在講完 Wireframe 怎麼畫、包含哪些元素、說明文字怎麼寫後，拿了 Dribbble 上漂亮的 Mockup 當範例，請學員畫出 Wireframe。在台上看得出學員們滿不在乎以為小菜一碟的表情，但當我要求下拉選單、特效之類所有「輸入、運作、輸出」等邏輯條件都要寫成說明文字後，台下表情從傻眼變成惶恐，一副大難臨頭死了要怎麼寫的臉。（從台上看大家的表情變化超有趣。）
現在很流行「動態效果」啊，好多教學教你用 AE 做動畫。是啦動效好炫好漂亮，弄個 Demo 影片交給 RD，完全沒想過 「輸入、運作、輸出」 等條件，是要 RD 看著影片照抄練滿通靈 Lv.99 嗎？
讀者回信：如何轉職做 UI？
這 3 個問題我超常被問到，同時也是我對現行台灣教育大翻白眼的原因：學生在學校待了多少年，結果還是不知道怎麼找出解決問題的方法。
先承認自己有問題，才能找出問題，才有可能解決問題。
結果台灣的學生被訓練成教科書以外的東西通通不會，不會獨立思考，尤其是邏輯推理能力根本還在新手村，大腦跟全新的一樣…
用 Hype3 做 Prototype：基礎過場
動態效果、轉場動畫對UI的戲份越來越重…其實一直都很重只是大多用在遊戲上，功能型 App 運用這種技巧最近越吃越兇，且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題：Hype3＋Frameless。
這篇是最簡單的過場設定、最偷吃步、不需要技術，只要會寫簡報 PTT 或是 Keynote 就做的出來，所以連 Planner 和 PM 也保證上手無問題。
UI 設計師要不要懂技術？
UI 設計師要不要懂技術？廢話，當然要啊！不然怎麼把幻想變成現實？在實際產出之前設計師做的一切都是「美美的幻想」，還有可能不怎麼美，直到最後的產出才是真實。
舉個例子：建築師除了畫圖外，需不需要知道蓋房子每個階段的建造方式？要不要理解各種材料的特性和規格？需不需要熟悉當地環境的限制？
但建築師需不需要知道水泥車怎麼開？需不需要操作吊高機？
他們最後的成品是那疊圖紙嗎？誰去看圖紙啊，當然是實體的建築啊！那 UI 設計師最後的成品為什麼是 Mockup？
UI 設計師應該要會寫的文件
身為 UI 設計師，工作內容不是只有做 PSD 和切圖，只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力，文件最低限度需包含：企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。
工作清單：Mockup
以我自己的工作流程，會是：Functional Map > UI Flow > Wireframe > Mockup > 切圖 > 標示文件。當然在更前期會有 UX 研究、最後會接 HTML 等等，但就一位 UI Designer 來說應該是這些。
對 Mockup 而言…Wireframe 有什麼就畫什麼，不要亂改亂腦補！而且遵守 PSD 製作禮儀 。
文章分類
