愛用切圖神器：Slicy
Slicy 是我測過幾種輔助切圖工具後又回來使用的神器。「把整個 PSD 扔進去，結束。」簡潔利落不囉嗦。我愛它的程度已經到了沒有它我就不會切圖了（哈哈）。
免費切圖神器：Cut&Slice me
整個開發流程中我最愛的就是切圖部份了，這表示改得要死的 Mockup 終於過關了喔耶～就來分享一下切圖神器吧，業界最知名的有 2 套，功能有些不同，比較複雜的這套是免費的 Photoshop 外掛，先從免費的開始講起吧。
標示神器：MarkMan
一堆人問我的慣用工具…就先從愛用品開始講起吧。
UI 在切完圖後還有工作要做，不是一堆 .png 打包扔給 RD 就了事，圖檔名稱咧？尺寸咧？字體咧？色碼咧？這些都要告訴 RD 的吧？
我是UID，不是UXD
圖片出處：THE DISCIPLINES OF USER EXPERIENCE
當聽到有人說「我是做 UX 的」都不會覺得很奇怪嗎？使用者經驗要怎麼被「做」出來？
要解釋 UID 和 UXD 的不同就得拿出這張圖。它很清楚畫出 UID 和 UXD 的關連和差異。你可以看到紅色大框的「使用者經驗設計」中包含訊息架構、內容、視覺設計、互動設計、人機互動、聲音設計、工業設計、人因工程學、建築學。
UI/UX 之天下武功出少林
這算是我看了這麼多資料所做出來最大的整理吧。說穿了其實不管是哪位 UI/UX「大師」講的都是同一件事情：要怎麼做才能讓使用者好用。
從這張圖表有看出什麼了嗎？第一個直列（白底）就是我之前提到的 使用者經驗分層元素 ，第二個直列（黃底）是 使用者經驗藏寶圖 ，第三個直列（藍底）是 十大易用性原則 。（使用者經驗分層元素裡並沒有說明文件。這項是我自己加上去的，為了讓整個專案更完整、並且能夠傳承下去。）
使用者經驗分層元素
想了解 UI/UX，就一定要了解這張圖，這是 Jesse James Garrett 在 2000 年發表的使用者經驗元素一書中所提出：使用者的經驗可分成抽象到具體，也就是由策略、範圍、結構、骨架、表層所構成。圖片上有原作者的說明大家自己看吧。
3 種應用程式風格
不要再叫 PM 或 BD 畫 Wieframe ！他們真的不是 UI/UX 的專業人士，如果注重專業，在約還沒簽、規格也還沒訂出來的時候就該把 UX 加進工作流程裡了。PM 最重要的工作是控管時程、各部門單位間溝通，BD 是廣義的 Marketing ，也不該是這個位子的人在搞介面，畫 Wireframe 的是 UX 啊 UX！
我的推薦書單
把家裡打掃完了，來講講我手上覺得不錯、值得推薦的UI/UX、網頁、設計相關書籍好了。桌上這幾本都是我千挑百選才肯買回家的好書，有些比較舊或有點過時就跳過不講了，有興趣的可以去書店找找，多看書總是有好處。就從左邊開始介紹囉～
Guideline 的重要性
強調再強調，一定要先看過 Guideline 後再來做介面設計，卻被人嗤之以鼻，說不用看一樣可以產出啊幹嘛要花這種時間。
- 如果不是你的產品太簡單、就是都用內建元素或抄襲湊合了事。
- 你同事人太好，幫忙擦屁股了。
- 你同事程度跟你一樣，搞不清楚狀況。
別說很多 UI 高手們也老是跳脫 Guideline 設計啊，他們哪位不是對 Guideline 熟到可以朗朗上口到幾乎可以報頁碼的？不懂 Guideline 的就只能當美工用，連視覺設計都稱不上。
UI 怎麼面對 RD 的美學？
應該沒有 UI 會跳出來寫這種文章，哈哈，這篇應該要歸類在「RD 老公觀察紀錄」裡。不過本文主要想聊聊從 UI 的角度來觀察 RD 在工作上的美學，至於生活上的就另開一篇再討論了。我合作過的 RD 人數不多，出社會到現在大約 70 位左右吧，樣本數不夠大，但這 70 位都有個很明顯的特質：「非黑即白，沒有灰色」。RD 的世界不是 0 就是 1 ，就跟 iOS 切圖沒有 131 x 327 的 @2x.png 要縮小成 1x 檔這玩意一樣。
我的 UI/UX 設計入門方式
自從開了這個 BLOG 後，好多人都問我這些關於 UI/UX 設計的技術是從哪裡學到的。就台灣來講這個領域太新了，剛入行的時候只能夠自學，缺少很多資源，通通靠自己摸索，所以我希望能整理出一套系統性的 UI/UX 教育方式，但這需要花費大量的時間，靠下班後的空檔根本不夠，頂多寫寫 BLOG 讓大家加減看。目前我不想把 UI/UX 硬拆成兩塊，雖說這本來就是兩個不同的領域，但世界上所有的事物都是有關聯的，不能說我只想做這個其他連碰都不碰，很快就會陷入窠臼遇到瓶頸。大概是因為我喜歡規劃分析、但又不想放棄能做漂亮炫圖的機會吧。
初學者的 UI Flow
UI Flow 和 Functional Map 算是最多人容易搞混的兩種圖表吧，Functional Map 主要目的在「將抽象的需求轉變成能被實現的功能」；而 UI Flow 則是「 妥善安排功能與資訊在頁面之間的操作動線 」。兩者很明顯目的不同，所以沒有什麼重工或是很麻煩之類的藉口可以逃避不做。
文章分類
