工作清單：UI Flow
繼 工作清單：Functional Map 後，繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ，請參考 初學者的 UI Flow 這篇文。
工作清單：Functional Map
自從看過 Burn Your Portfolio: Stuff they don’t teach you in design school, but should 這本書後，就想整理個工作清單出來。工作流程這回事通常是公司訂的很難更改，但自己的工作領域內弄個 SOP 、整理出標準作業流程和待辦清單是被允許的。就從 Functional Map 開始吧。
iOS 支援向量切圖
起因是這一篇 iPhone 6 / 6 Plus 出现后，如何改进工作流以实现一份设计稿支持多个尺寸？ 1F 和 2F 的回答。我原本的作法是 1F 的方式：PS + Slicy。不過 2F 的回答很有意思：iOS 支援向量了喔！出 PDF 就好了。
iPhone 6 及 Plus 製圖建議
iPhone 6 和 Plus 新機一發表，群裡就有人跑來哀號說老闆叫他準備 iPhone6 的適配，可現在什麼文檔都沒有完整啊！在很多細節不明的情況下，我只能建議這種最保險安全的作法：做 @1x，放大給 @2x 和 @3x 用。以下情境預設為做一套 Mockup 要切出各種尺寸的圖。
PSD 製作禮儀
在聊自己製作 PSD檔 的習慣之前，一定要先把 Photoshop Etiquette 拿出來講。這個網站在網路上流通多時並有簡體中文翻譯，開宗明義就說了是「Photoshop 禮儀」，且製造日期是 2012 年。雖然在此之前我就已養成某種程度的整理習慣，卻也仔細研讀這個站後才真正瞭解該怎麼做得更好。如果你的工作需要接觸 Photoshop，建議這個網站列舉出來的部份都要實作到PSD上。
Fixed Grid System 詳解
我踩到一個沒把 Fixed Grid 學好的雷orz 特此拿出來筆記下。之前在 [Grid 的運用：PS外掛] (https://blog.akanelee.me/posts/194263-application-of-grid/
) 一文中有簡單提到 Grid 的運用，但講得不夠清楚，後來活用時遇到個問題：如果你的網頁有側邊欄的時候，要怎麼設計才符合 Grid？
設計風格資源筆記
這篇是我的筆記。訂 Guideline 本來就是件不好辦的事，尤其當無邏輯可言的時候更難整理出個什麼來。先從大量的參考資料開始，學習別人家是怎麼訂定的，再回過頭思考自己可以怎麼做。
設計師最好知道一下的常用縮寫
我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS 這篇和 Wiki，網路上也有許多文章介紹各個職務的工作內容。
iOS、Android 字級單位
「這是靠我自己摸索出來的喔！是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐，你知道世界上有 Guideline 這種文件嗎？「比起問別人，自己摸索出來的才記得深刻嘛！」你知道世界上有工程師這號人物嗎？浪費一堆時間在 PS 量半天為了什麼？文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
Responsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢，但有些情況不能提到新做網頁、或是改版，就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色，卻也成為我在某些時刻不想用它的原因，很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大，是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
UI 是藝術還是設計？
建議想當 UI 設計師的新手去練練素描水彩，對未來從事該職業有很大的幫助，他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對，我應該要回一句「因為你不懂。」
網頁設計師基本功
不少做平面的設計師想轉行走網頁設計這條路，做網頁和做平面是完全不同的思維，加上 html 寫完後要交給 F2E 套特效套程式，並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎？
文章分類
