設計和 F2E 的切圖與切版
收到讀者來信，這位讀者是 F2E，發現設計師的切圖和 F2E 的切版似乎不太一樣，所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明，其實還滿想回他一句「多被RD罵幾次就會了啊」…orz
Adobe 萬聖節遊戲：找出兇手
這是Adobe的萬聖節遊戲！非常有趣，從Photoshop圖層裡找出兇手！推薦各位玩看看，你只要會開關圖層、移動位置就夠用了。不太需要高深的 PS 技術喔！
故事大綱：
Professor Photoheim’s been murdered at his Halloween party. There are three suspects. To solve the crime you must say who did it, how he or she did it, and post a screen grab of your evidence to our Facebook page.
iOS 解析度製圖設定
有人跟我提到：「iOS 在 psd 設計時解析度建議設為 144，這樣文字大小才會是正確的」。當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況。聊著聊著兩人就槓上吵架了，也不管當時是凌晨兩點，通通爬起來開燈開電腦，一個翻出 Photoshop、一個翻出 Xcode，打字、設定字型字級、拿出 iPhone 設定一樣的字型字級。之後，我的製圖習慣一直使用 72 dpi。
工作清單：切圖
切圖有很多種方法，但切出來的圖只會有兩種：1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手，請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理，他們肯定會回答你。（不回答就是他們有很大的機率拿到爛圖拖長自己工時，誰敢不理你啊？）
標示文件神器：specKing
之前推薦過的 馬克鰻 絕對可以說是一個好用的標示工具，但它止步太久沒有更新的功能，而且也開始收月費了，於是我重新尋找好用的工具，目前推薦 2 套：specKing 和 Assistor PS 都是付費的 PS 外掛。
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上。
iOS、Android 字級單位
「這是靠我自己摸索出來的喔！是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐，你知道世界上有 Guideline 這種文件嗎？「比起問別人，自己摸索出來的才記得深刻嘛！」你知道世界上有工程師這號人物嗎？浪費一堆時間在 PS 量半天為了什麼？文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
PS 圖樣神器：Subtle Patterns
Subtle Patterns
這站所有 PS 圖樣檔都是免費可商用的，只有要用到他家的 PS 外掛才需要付費。收費和付費最大的差別僅在免費需要一張張下載、付費就是用外掛裡即時更新線上所有圖樣。因為太好用了所以我買了…
Responsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢，但有些情況不能提到新做網頁、或是改版，就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色，卻也成為我在某些時刻不想用它的原因，很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大，是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
Nest Pastiche 製作過程
這是模仿 Nest 煙霧警報器 做的 icon，打洞實在被難倒了沒辦法完全一樣，只能做個差不多相似的樣子出來。打洞排列怎麼做可以參考這篇：製作螺旋圓點花紋的方法 ，不怎麼好做就是了。
文章分類
