初學者的 Mockup
在畫好 Wireframe、定版後，就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法，我當它是視覺稿，所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種，最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧，其實指的就是製作 Mockup 的能力，字體設計、按鈕樣式、扁平化、擬物風等等。
View ArticleClik here to view.
iOS Guideline 怎麼看？(1)
這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問，明明官方文件擺在那。就算英文看不懂，Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧？（這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline，兩份加起來比較紮實。）
View ArticleClik here to view.
色盲者使用的配色檢測法
Contrast-A: Find Accessible Color Combinations是個很不錯的配色網站，我主要是用它測試在色盲者眼中的顏色會是什麼樣子，是否通過 WCAG 2.0。
View Article台灣的 UI 設計
看到有篇文章寫出我的心聲：只是前端工程師的純抱怨文。雖然是前端工程師寫的文，但有大半在抱怨 UI…「那 UI 簡直難用到飛起，除了是中文以外一無是處，真他媽想問那些說這東西好用的人是眼睛還是腦袋有問題，根本隨便一家國外免費產品都完爆它十條街。」說實在我看台灣大部份的 App 都是這種心情：「去你媽的小確幸，這年頭連 UI 都走小可用小易用路線嗎？」
View ArticleClik here to view.
iOS Guideline 怎麼看？(2)
iOS Human Interface Guidelines 第二章是設計策略 Design Strategies，主要講畫面、使用者操作、反應等等的一致性與注意事項。在閱讀這個章節之前，建議把 十大易用性原則先看過一遍、對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫。
View Article教你一眼看穿職缺是不是雷
畢業季快到了，我來寫寫怎麼找到一份好的 UI/UX 工作吧。希望各位在找新工作的時候可以省點力氣不用踩雷。要知道現在肯付面試車馬費的公司就和不說謊的政客一樣稀罕。（學會怎麼分辨這職缺是不是雷比掉進萬能美工的坑重要多了。）
View Article字級表把妹（內有強光慎入）
之前這篇在PTT上流傳 用鋼彈把到妹是我朋友的真人真事，為了幫他討女朋友歡心我不知道貢獻多少（餿主意）。後來和老公討論了一下，發現我們這一對更瞎，老公是用「字級表」把到妹，而且還修成正果了。（這樣也行？）
View ArticleClik here to view.
RainFont 開發流程
雖然我和老公合作過多個上架 App，這款字級表倒是我們第一次在沒有客戶的干涉下完成的作品。來談談設計理念和製作過程吧。 官方網址：rainstep.co
View Article愛用的 Photoshop Plugins
12 Premium Photoshop Plugins for Designers這篇文章提到 12 個好用的 Photoshop Plugins，有幾款功能重復，有些非買不可。來介紹一下我已經買了且覺得超好用的 PS 外掛…台灣買 Plugins 的風氣不太盛行，但如果能節省自己的工作時間增加效率，每一筆錢都花得非常有價值。（省下來的時間不要傻傻的跟 PM...
View ArticleClik here to view.
筆記
20140502補充：都404了嘖… 20140729補充：原本的Blog已關，不過網路上仍有資料，有興趣的可以訂一下這個網址的 RSS：http://fastfoodapp.blogspot.com/
View ArticleUX 如何改善開發流程
一間公司要營運絕對不是靠某個人腦充血帶頭往前衝，各部門間有許多事情需要相互配合。UI/UX 是最近很紅的話題，已經到人人說得一口好使用者的程度。講歸講，要在軟體開發的什麼階段導入 UX 呢？本文從我的角度來說明 UX 如何改善開發流程。
View Article網頁設計師基本功
不少做平面的設計師想轉行走網頁設計這條路，做網頁和做平面是完全不同的思維，加上 html 寫完後要交給 F2E 套特效套程式，並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎？
View ArticleClik here to view.
彩色圓環試作
我在 QQ 優設 12 群掛著，有時候會看到他們 PO 一些問題求救，很有意思，會試著想要怎麼做得更漂亮，從中學到很多。這個圓環需要用到 AI 和 PS，看起來滿適合運用在技能值或數據視覺化。
View Article準備作品集
這問題被問太多次orz整理一篇文出來，大家自己看。做設計這行的，作品集丟出來就知道實力在哪裡，字太多其實沒人要看，圖大張才是重點。網路上的教學就那些，臨摹、抄襲、盜用什麼的一看就知道，不要以為能矇混得過去。真矇得了也不過說明主管實力就這樣，在他手下做事不見得比較爽。
View ArticleClik here to view.
Clik here to view.
從 F1 方向盤看使用者經驗
這是F1賽車的方向盤，可以看到儀表板上各式各樣的按鈕或旋鈕。 原文連結：An Inside Look at the Insanely Complex Formula 1 Steering Wheel
View ArticleUI 設計師專屬手繪課！許願表
算了下時間，我在畫室上了快一年的素描水彩。素描和水彩絕對是 UI 設計師基本功，上了幾個月作品就有明顯的提升。負責教學的老師非常強悍！只是每週六去畫室上課，就有辦法讓我突破許多在光影和材質上的癥結，害我一期上完又乖乖報名下一期。有興趣的人麻煩填一下 UI 設計師專屬手繪課許願表喔！
View Article