px、pt、dp、sp 大混戰
dpi、ppi、px、pt、dp、sp 之類的名詞釋義網路文章已經有很多，但全部混在一起運用到 Mockup 上時該怎麼處理？
這個問題其實我也爬了滿久的文，沒翻到有比較完整的說法，所以自己整理了一篇。
試玩 Art Text 3 文字特效工具
Art Text 3 剛上 Mac Store 時我就注意到了，首頁 Banner 輪播很醒目。當時就在官網下載免費試用玩了下，覺得超酷炫，但暫時用不太到的樣子沒買。突然半夜朋友傳訊通知「喂、Art Text 3 降價囉！」，然後就手滑了…（遮臉）
習慣用 Photoshop 畫 Mockup 的理由
繪製 Mockup 的工具，目前戰最兇的應該就是 PS 和 Sketch 吧，在課堂上有學員問了這個問題。我自己是 Photoshop 派的，會推薦初學者學習的也絕對是 Photoshop。
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上。
製作螺旋圓點花紋的方法
其實是被問起 Life with Nest Protect 這款煙霧警報器的底紋打洞要怎麼做。完全考倒我了，摸索很久找出一個有點笨的方法，這次用AI畫喔！
自製簡易 icon 教學
雖然網路上有很多多多免費的 icon 讓人使用，但大半都禁止「商業用途」，要馬就掏錢買一套、要馬就自己畫。介紹一下我愛用的自動筆和筆記本，以及最基本的 icon 從鉛筆草圖一直到電腦完稿的流程。（相信念廣告設計的學生對這過程非常熟悉。
彩色圓環試作
我在 QQ 優設 12 群掛著，有時候會看到他們 PO 一些問題求救，很有意思，會試著想要怎麼做得更漂亮，從中學到很多。這個圓環需要用到 AI 和 PS，看起來滿適合運用在技能值或數據視覺化。
初學者的 Mockup
在畫好 Wireframe、定版後，就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法，我當它是視覺稿，所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種，最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧，其實指的就是製作 Mockup 的能力，字體設計、按鈕樣式、扁平化、擬物風等等。
8px 後續，模糊
8px那篇引起很多回應，我想這要從幾個角度來解釋。UI 口中的「糊」和 RD 眼裡的「糊」是有差的。圖片會糊的原因分成幾種：
- 小圖放大會糊。< 這是廢話，BJ4。
- 大圖縮小會糊。< 一定有人想問為什麼。
- 就算是向量檔，只要像素沒有對齊一樣會糊。
- PX 非整數。< Pixel 沒有0.x 這種數值。
製作過程：Anna Sui Wallet
Icon Design：My Wallet
真的讓我拿到 Dribbble 帳號了，為了感謝大家的支持（喂）我把創作過程和思路放出來。簡單來說呢就是硬上、沒什麼華麗麗的技巧，不停加圖層加高光加陰影…畢竟這是我第一顆刻這麼細的擬物風 icon，之前都在接案公司工作、哪來 30hr 的時間慢工出細活。（大概是做習慣 iPhone 和 Android 的 App UI，凡是製圖我都優先考慮向量格式，即使這 icon 不可能上架，我還是做成向量格式，至少邊緣乾淨銳利漂亮。）Dribbble：ANNA SUI wallet
文章分類
