技術試玩

技術試玩
2014-03-06

活用 Google Map 規劃旅行

比起老公 Rianol Jou 視排行程如海軍陸戰隊的天堂路，我倒滿喜歡查資料作功課、整理、排序這類任務，八成是職業病。做 UI 也是搜尋使用者或客戶資訊、歸納分類。身為重度 Apple 產品粉絲，凡事都想數位化也是很合理的，Google Map 導航功能不知道救了多少次迷路的我們。為了確保每一個預定景點都能準時抵達，很早以前我就配合 Google Map 把旅遊行程用插點＋文字註解的方式規劃在地圖上了。

技術試玩
2014-02-22

PS 色彩管理與解析度設定

關於螢幕有太多學問，以 UI 的角度來談談給 UI 用的 Photoshop 螢幕設定吧，就「色彩管理」和「解析度」的部份。本文參考 Colour management and UI design 和 Designing for Retina display, part two 所寫。

技術試玩
2014-02-17

Adobe Muse CC 心得

「Adobe Muse CC 是為了想要建立網站但不想撰寫程式碼的設計師而設計。」官網開章明義就直接寫了這句話。好吧如果是為了不會手寫Code的設計師、只需要產出一些不需要套用程式的網站的話，Muse 是滿有吸引力的。（先不提它產出的 Code 很噁心這件事…）

技術試玩
2014-02-10

QRCode 神器：iQR codes

做手機和網頁互動，常常會遇到 QRCode 設計，QRCode 在大家的印象裡就是黑黑一塊塊的格子組成的方磚。對設計師來說最大的困難在於如何把這個黑方磚改造一下、但又不能太出格仍舊要讓使用者一眼明白這是可以掃瞄的 Code。「 QR 碼圖形如果有破損，仍然可以被機器讀取內容，最高可以到 7%～30% 面積破損仍可被讀取。」講是這樣講，但實際掃起來的容錯率會因為使用的掃描工具不同而有落差，在改動上保守一些比較安全…

技術試玩
2014-01-26

愛用切圖神器：Slicy

Slicy 是我測過幾種輔助切圖工具後又回來使用的神器。「把整個 PSD 扔進去，結束。」簡潔利落不囉嗦。我愛它的程度已經到了沒有它我就不會切圖了（哈哈）。

技術試玩
2014-01-24

免費切圖神器：Cut&Slice me

整個開發流程中我最愛的就是切圖部份了，這表示改得要死的 Mockup 終於過關了喔耶～就來分享一下切圖神器吧，業界最知名的有 2 套，功能有些不同，比較複雜的這套是免費的 Photoshop 外掛，先從免費的開始講起吧。

技術試玩
2014-01-21

標示神器：MarkMan

一堆人問我的慣用工具…就先從愛用品開始講起吧。

UI 在切完圖後還有工作要做，不是一堆 .png 打包扔給 RD 就了事，圖檔名稱咧？尺寸咧？字體咧？色碼咧？這些都要告訴 RD 的吧？

技術試玩
2013-12-11

製作過程：Anna Sui Wallet

Icon Design：My Wallet 真的讓我拿到 Dribbble 帳號了，為了感謝大家的支持（喂）我把創作過程和思路放出來。簡單來說呢就是硬上、沒什麼華麗麗的技巧，不停加圖層加高光加陰影…畢竟這是我第一顆刻這麼細的擬物風 icon，之前都在接案公司工作、哪來 30hr 的時間慢工出細活。（大概是做習慣 iPhone 和 Android 的 App UI，凡是製圖我都優先考慮向量格式，即使這 icon 不可能上架，我還是做成向量格式，至少邊緣乾淨銳利漂亮。）Dribbble：ANNA SUI wallet