習慣用 Photoshop 畫 Mockup 的理由
繪製 Mockup 的工具，目前戰最兇的應該就是 PS 和 Sketch 吧，在課堂上有學員問了這個問題。我自己是 Photoshop 派的，會推薦初學者學習的也絕對是 Photoshop。
讀者來信：UI 設計不該只聽 PM 口述！設計師如何拿回流程主導權？
UI 設計流程真的從 Wireframe 開始嗎？
如果全靠 PM 口述需求，你可能已經踏入無限改稿地獄！
這篇帶你看清業界現實，找到更有效的設計流程！
UI 設計 Wireframe 時，這 6 種狀態你真的都畫到了嗎？
Wireframe 真的只是畫幾條線？
別天真了！UI 設計不只考慮理想狀態，還有極限狀態等 6 種狀態，這篇帶你一次搞懂！
試用：Flinto for Mac
Prototype 工具滿山滿谷一直生，昨天 App Store 新上架一款叫做「Flinto 」的 Prototype 工具。抱持著 你花錢買這工具是想解決什麼問題？沒有？你買它幹嘛？ 的心情，本來想裝死，但應台灣設計師 Teresa 要求，我試玩了下寫心得分享，要不要掏 NT2,990 元出來見人見智了。
怎麼和 RD 配合製作 UI Animation
昨天貼的動態效果通靈文在粉絲團釣出幾位 RD 分享經驗。在講怎麼和 RD 配合製作 UI Animation 前，先來看 Rplus Chen 推薦的這篇勸世文 Stop Gratuitous UI Animation ，這篇文在呼籲大家不要為了炫而炫，少用莫名奇妙的動態特效。
（本文為個人筆記，我都用 Hype3 直接產出 Prototype 和 JS，避開和一堆數值的大混戰，但該知道「為什麼要這樣做」的部份還是要懂。）
進化吧！Mockup 展示圖
(裝了 Photoshop CC 2015 後一堆外掛都 GG 了，幸好最重要的幾個都活著。)
UX 不是 Wireframe
哪來有畫 Wireframe 就是有做 UX 的錯覺？UX 不是 Wireframe，使用者體驗為什麼會是線框稿？當然不是啊！很多人以為有畫 Wireframe 就等於有做 UX 了，那整天抱著數據統計寫文件的 UX 設計師在幹嘛？會把有畫 Wireframe 當成有做 UX 的人，合作的 RD 同事通靈技能大概 LV99 點滿了。
初學者的 Prototype
（我竟然忘記寫這篇），和群裡設計師聊，發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係，導致大混淆，所以來說明下這三者的不同。
用 Hype3 做 Prototype：基礎過場
動態效果、轉場動畫對UI的戲份越來越重…其實一直都很重只是大多用在遊戲上，功能型 App 運用這種技巧最近越吃越兇，且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題：Hype3＋Frameless。
這篇是最簡單的過場設定、最偷吃步、不需要技術，只要會寫簡報 PTT 或是 Keynote 就做的出來，所以連 Planner 和 PM 也保證上手無問題。
Note：Prototype 製作軟體
最近在找做 Prototype 的軟體或服務，狂測了一堆眼都花了。 Prototyping Tools 搜集很多做 Prototype 的工具，我還沒把每一款都摸過，先筆記有沾水的部份。可能某些服務的功能我沒摸透，如果你有其他的想法歡迎補充。
手繪 Wireframe 小技巧
群裡有人問起手繪 Wireframe 的工具和方法，我分享下個人經驗。不過現在很少這樣做了，都是鉛筆稿等級就進 Axure 製圖、幾乎沒用到麥克筆。
UX，設計的方法（專案中期）
這篇要講的是專案已經執行一陣子了，有哪些方法可以驗證初期發想和規劃方向無誤的方式，採用大家最熟悉的「原型法」和「快速反覆測試評估法」以及「MVP」的概念。可以當成是投入專案一段時間後做測試，了解苦海無涯回頭是岸所設的停損點。越早發現方向有誤並修正、比開到海中央撞冰山了才發現救生艇不足來的好。
文章分類
