設計風格資源筆記
這篇是我的筆記。訂 Guideline 本來就是件不好辦的事，尤其當無邏輯可言的時候更難整理出個什麼來。先從大量的參考資料開始，學習別人家是怎麼訂定的，再回過頭思考自己可以怎麼做。
設計師最好知道一下的常用縮寫
我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS 這篇和 Wiki，網路上也有許多文章介紹各個職務的工作內容。
iOS、Android 字級單位
「這是靠我自己摸索出來的喔！是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐，你知道世界上有 Guideline 這種文件嗎？「比起問別人，自己摸索出來的才記得深刻嘛！」你知道世界上有工程師這號人物嗎？浪費一堆時間在 PS 量半天為了什麼？文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
Responsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢，但有些情況不能提到新做網頁、或是改版，就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色，卻也成為我在某些時刻不想用它的原因，很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大，是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
UI 是藝術還是設計？
建議想當 UI 設計師的新手去練練素描水彩，對未來從事該職業有很大的幫助，他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對，我應該要回一句「因為你不懂。」
網頁設計師基本功
不少做平面的設計師想轉行走網頁設計這條路，做網頁和做平面是完全不同的思維，加上 html 寫完後要交給 F2E 套特效套程式，並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎？
iOS Guideline 怎麼看？(2)
iOS Human Interface Guidelines 第二章是設計策略 Design Strategies ，主要講畫面、使用者操作、反應等等的一致性與注意事項。在閱讀這個章節之前，建議把 十大易用性原則 先看過一遍、對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫。
台灣的 UI 設計
看到有篇文章寫出我的心聲：只是前端工程師的純抱怨文 。雖然是前端工程師寫的文，但有大半在抱怨 UI…「那 UI 簡直難用到飛起，除了是中文以外一無是處，真他媽想問那些說這東西好用的人是眼睛還是腦袋有問題，根本隨便一家國外免費產品都完爆它十條街。」說實在我看台灣大部份的 App 都是這種心情：「去你媽的小確幸，這年頭連 UI 都走小可用小易用路線嗎？」
國泰世華 ATM 提款機
話先說在前頭，這是我想領 3000 元過日子，ATM 很開心的吐給我 30 張 100 元而埋下淦意。國泰世華新改版 ATM 介面！
色盲者使用的配色檢測法
Contrast-A: Find Accessible Color Combinations
是個很不錯的配色網站，我主要是用它測試在色盲者眼中的顏色會是什麼樣子，是否通過 WCAG 2.0。
iOS Guideline 怎麼看？(1)
這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問，明明官方文件擺在那。就算英文看不懂，Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧？（這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline，兩份加起來比較紮實。）
初學者的 Mockup
在畫好 Wireframe、定版後，就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法，我當它是視覺稿，所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種，最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧，其實指的就是製作 Mockup 的能力，字體設計、按鈕樣式、扁平化、擬物風等等。
文章分類
