Clik here to view.
自製簡易 icon 教學
雖然網路上有很多多多免費的 icon 讓人使用，但大半都禁止「商業用途」，要馬就掏錢買一套、要馬就自己畫。介紹一下我愛用的自動筆和筆記本，以及最基本的 icon 從鉛筆草圖一直到電腦完稿的流程。（相信念廣告設計的學生對這過程非常熟悉。
View ArticleClik here to view.
小技巧：提升手繪的線條穩定度
這個技巧非常容易，新手一定要試試，效果立刻看得到。只要準備一支筆、一把尺、一張白紙就可以開始練習。相信辦公桌或是書桌上隨便抓都有這 3 項。鉛筆、自動筆、原子筆、廢紙背面等等都可以。
View ArticleUI 是藝術還是設計？
建議想當 UI 設計師的新手去練練素描水彩，對未來從事該職業有很大的幫助，他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對，我應該要回一句「因為你不懂。」
View Article如何讓公司的平面設計師交出可以用的 Web 圖？
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
View ArticleClik here to view.
Clik here to view.
免費線上講座：十大易用性原则
【SDC55期设计讲座】 2014.06.07 週六 20:00，「免費」線上講座，約 2 小時。台灣可以連上聽課無問題，之前我就看過幾場了。全程皆使用台灣式中文發音，沒有京腔、也沒有台灣國語…不過大概會講太快冒幾句台語…
View Article面試會問的問題
這篇想聊聊面試人的心得。當我必須要面試新人的時候，肯定代表我在某方面會比應試者有經驗。面試的過程中會以「問倒應試者」為優先考量，只有問到應試者答不出來的問題才能知道他的實力在哪裡。（希望本文不會變成搬磚砸自己腳）
View ArticleClik here to view.
製作螺旋圓點花紋的方法
其實是被問起 Life with Nest Protect 這款煙霧警報器的底紋打洞要怎麼做。完全考倒我了，摸索很久找出一個有點笨的方法，這次用AI畫喔！
View ArticleClik here to view.
Nest Pastiche 製作過程
這是模仿 Nest 煙霧警報器做的 icon，打洞實在被難倒了沒辦法完全一樣，只能做個差不多相似的樣子出來。打洞排列怎麼做可以參考這篇：製作螺旋圓點花紋的方法，不怎麼好做就是了。
View ArticleResponsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢，但有些情況不能提到新做網頁、或是改版，就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色，卻也成為我在某些時刻不想用它的原因，很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大，是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
View ArticleUI/UX 吃貨群
【長期】我在 QQ 上有一個私人的討論群組，聊 UI、UX、PS、AI、設計、業界動向、鬼扯、嘴砲、晚餐吃什麼…等等。有鑒於設計師不懂技術老愛腦補和幻想 RD 無所不能，是時候該面對現實了。除了設計師外，開放 RD 入群，想加群就給我封附作品的 Mail 吧。
View ArticleClik here to view.
PS 圖樣神器：Subtle Patterns
Subtle Patterns 這站所有 PS 圖樣檔都是免費可商用的，只有要用到他家的 PS 外掛才需要付費。收費和付費最大的差別僅在免費需要一張張下載、付費就是用外掛裡即時更新線上所有圖樣。因為太好用了所以我買了…
View ArticleiOS、Android 字級單位
「這是靠我自己摸索出來的喔！是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐，你知道世界上有 Guideline 這種文件嗎？「比起問別人，自己摸索出來的才記得深刻嘛！」你知道世界上有工程師這號人物嗎？浪費一堆時間在 PS 量半天為了什麼？文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
View Article設計師最好知道一下的常用縮寫
我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS這篇和 Wiki，網路上也有許多文章介紹各個職務的工作內容。
View Article獵人用的 icon 分類法
最近看到這篇文，Spotify Iconset關於一套 icon 的設計發想過程，是篇很有意思的文章。要怎麼做才能保持產品裡所有icon的風格一致、但又依運用場合不同保持不同的特色呢？想想，也許要先把icon分類之後再依功能來設計會比較妥當吧？
View ArticleIXDC 使用JTBD制定產品創新及產品設計戰略 筆記
主題：使用JTBD制定產品創新及產品設計戰略 講者：張晶華 Mozilla 產品戰略研究資深總監是的，我現在人在北京，參加2014IXDC國際體驗大會，這是我今天聽講座的心得，她是位非常厲害的講者。
View ArticleClik here to view.
IXDC 建立設計驅動的文化 筆記
主題：建立設計驅動的文化 講者：周陟 騰訊MXD 設計副總監 這張是炫耀照，這本書在2010年出版，是我的啟蒙書，帶來一堆專有名詞讓我查了很久資料，卻因此墊下許多基礎，從此對周陟大神非常推崇。如果沒有這本書，我也不會當 UI Designer，這次 IXDC 就是為了他的演講而來的。(因為每位講者的時間有限，周陟講速飛快，十分考驗速記技巧，我盡力了，有些腔調和用字聽不是很懂，有誤別打我…）
View ArticleIXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記
主題：如何使用客戶體驗歷程圖來規劃完美的用戶體驗 講者：陳璀璀 Cxpartners 用戶研究總監講者是 Smashing Magazine的編輯喔！剛寫了一本新書 ！（直接拿Blog當筆記了，現場聽打。）
View ArticleIXDC 設計產品的靈性 筆記
主題：設計產品的靈性 講者：楊曦 青蛙設計 高級交互設計師這篇筆記不是我寫的，全數出自 Rainy Liu之手，我拍下他的筆記，手工打字把簡體轉繁體。請感謝Rainy Liu大方分享。（我中途換場聽了，只加入後半場工作坊部份。）
View Article