快速製作圓形漸層icon
看到有人問這種圓型 icon 要怎麼做，覺得很有趣稍微思考一下原理，做了個簡易快速版本。比不上原版精緻、只是記錄思考方式。
自製簡易 icon 教學
雖然網路上有很多多多免費的 icon 讓人使用，但大半都禁止「商業用途」，要馬就掏錢買一套、要馬就自己畫。介紹一下我愛用的自動筆和筆記本，以及最基本的 icon 從鉛筆草圖一直到電腦完稿的流程。（相信念廣告設計的學生對這過程非常熟悉。
彩色圓環試作
我在 QQ 優設 12 群掛著，有時候會看到他們 PO 一些問題求救，很有意思，會試著想要怎麼做得更漂亮，從中學到很多。這個圓環需要用到 AI 和 PS，看起來滿適合運用在技能值或數據視覺化。
愛用的 Photoshop Plugins
12 Premium Photoshop Plugins for Designers 這篇文章提到 12 個好用的 Photoshop Plugins，有幾款功能重復，有些非買不可。來介紹一下我已經買了且覺得超好用的 PS 外掛…台灣買 Plugins 的風氣不太盛行，但如果能節省自己的工作時間增加效率，每一筆錢都花得非常有價值。（省下來的時間不要傻傻的跟 PM 說因為我自己掏腰包買了神兵利器所以可以塞給我更多工作，那段空檔是拿來充電用的！）
Grid 的運用：PS外掛
製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ，包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ，最好把 Grid 學起來。
用 iPad 畫 Wireframe
用 iPad 畫 Wireframe最大好處是修改快速、製圖方便。紙本操作無法簡單實現「複製」、「復原」這兩個很常用的功能。若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀，紙本操作和使用 iPad 繪製的時間成本完全不是同個等級。畫 Wireframe 肯定會面臨多次修改的問題，使用紙本光是擦鉛筆線都累了，自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行。
活用 Google Map 規劃旅行
比起老公 Rianol Jou 視排行程如海軍陸戰隊的天堂路，我倒滿喜歡查資料作功課、整理、排序這類任務，八成是職業病。做 UI 也是搜尋使用者或客戶資訊、歸納分類。身為重度 Apple 產品粉絲，凡事都想數位化也是很合理的，Google Map 導航功能不知道救了多少次迷路的我們。為了確保每一個預定景點都能準時抵達，很早以前我就配合 Google Map 把旅遊行程用插點＋文字註解的方式規劃在地圖上了。
PS 色彩管理與解析度設定
關於螢幕有太多學問，以 UI 的角度來談談給 UI 用的 Photoshop 螢幕設定吧，就「色彩管理」和「解析度」的部份。本文參考 Colour management and UI design 和 Designing for Retina display, part two 所寫。
Adobe Muse CC 心得
「Adobe Muse CC 是為了想要建立網站但不想撰寫程式碼的設計師而設計。」官網開章明義就直接寫了這句話。好吧如果是為了不會手寫Code的設計師、只需要產出一些不需要套用程式的網站的話，Muse 是滿有吸引力的。（先不提它產出的 Code 很噁心這件事…）
QRCode 神器：iQR codes
做手機和網頁互動，常常會遇到 QRCode 設計，QRCode 在大家的印象裡就是黑黑一塊塊的格子組成的方磚。對設計師來說最大的困難在於如何把這個黑方磚改造一下、但又不能太出格仍舊要讓使用者一眼明白這是可以掃瞄的 Code。「 QR 碼圖形如果有破損，仍然可以被機器讀取內容，最高可以到 7%～30% 面積破損仍可被讀取。」講是這樣講，但實際掃起來的容錯率會因為使用的掃描工具不同而有落差，在改動上保守一些比較安全…
愛用切圖神器：Slicy
Slicy 是我測過幾種輔助切圖工具後又回來使用的神器。「把整個 PSD 扔進去，結束。」簡潔利落不囉嗦。我愛它的程度已經到了沒有它我就不會切圖了（哈哈）。
免費切圖神器：Cut&Slice me
整個開發流程中我最愛的就是切圖部份了，這表示改得要死的 Mockup 終於過關了喔耶～就來分享一下切圖神器吧，業界最知名的有 2 套，功能有些不同，比較複雜的這套是免費的 Photoshop 外掛，先從免費的開始講起吧。
文章分類
