快速製作圓形漸層icon
快速製作圓形漸層icon


看到有人問這種圓型 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外掛
Grid 的運用:PS外掛


製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ,包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ,最好把 Grid 學起來。

用 iPad 畫 Wireframe
用 iPad 畫 Wireframe

用 iPad 畫 Wireframe最大好處是修改快速、製圖方便。紙本操作無法簡單實現「複製」、「復原」這兩個很常用的功能。若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀,紙本操作和使用 iPad 繪製的時間成本完全不是同個等級。畫 Wireframe 肯定會面臨多次修改的問題,使用紙本光是擦鉛筆線都累了,自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行。

活用 Google Map 規劃旅行
活用 Google Map 規劃旅行


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

PS 色彩管理與解析度設定
PS 色彩管理與解析度設定

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

Adobe Muse CC 心得
Adobe Muse CC 心得


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

QRCode 神器:iQR codes
QRCode 神器:iQR codes


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