初學者的 User Experience Map
最近很努力在研究 User Experience Map，簡單整理下列幾份資料，希望對大家有幫助。在 IXDC 的相關內容可參考這兩篇文：Customer Experience Map Tips 、IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記
設計師最好知道一下的常用縮寫
我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS 這篇和 Wiki，網路上也有許多文章介紹各個職務的工作內容。
iOS、Android 字級單位
「這是靠我自己摸索出來的喔！是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐，你知道世界上有 Guideline 這種文件嗎？「比起問別人，自己摸索出來的才記得深刻嘛！」你知道世界上有工程師這號人物嗎？浪費一堆時間在 PS 量半天為了什麼？文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
UI 是藝術還是設計？
建議想當 UI 設計師的新手去練練素描水彩，對未來從事該職業有很大的幫助，他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對，我應該要回一句「因為你不懂。」
準備作品集
這問題被問太多次orz整理一篇文出來，大家自己看。做設計這行的，作品集丟出來就知道實力在哪裡，字太多其實沒人要看，圖大張才是重點。網路上的教學就那些，臨摹、抄襲、盜用什麼的一看就知道，不要以為能矇混得過去。真矇得了也不過說明主管實力就這樣，在他手下做事不見得比較爽。
iOS Guideline 怎麼看？(2)
iOS Human Interface Guidelines 第二章是設計策略 Design Strategies ，主要講畫面、使用者操作、反應等等的一致性與注意事項。在閱讀這個章節之前，建議把 十大易用性原則 先看過一遍、對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫。
色盲者使用的配色檢測法
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 的能力，字體設計、按鈕樣式、扁平化、擬物風等等。
標示色碼的方法
在寫標示文件給 RD 前，先來了解一下何謂「色碼」。常見的色碼有幾種：HSB、RGB、CMYK、HEX…等等。各種色碼運用場合皆不相同，理解後再來看看 Android 和 iOS 需要什麼。
8px 後續，模糊
8px那篇引起很多回應，我想這要從幾個角度來解釋。UI 口中的「糊」和 RD 眼裡的「糊」是有差的。圖片會糊的原因分成幾種：
- 小圖放大會糊。< 這是廢話，BJ4。
- 大圖縮小會糊。< 一定有人想問為什麼。
- 就算是向量檔，只要像素沒有對齊一樣會糊。
- PX 非整數。< Pixel 沒有0.x 這種數值。
關於 8px
淘寶網的官方Blog有篇「一张图解释手机端8px原理 」，簡單來說就是把 iOS 和 Android 放在一起比較。同時探討 1x、2x、ldpi、mdpi、hdpi、Xhdpi、xxhdpi 的尺寸與解析度。本文就以我個人角度提出看法。（圖片取自 Android - Devices and Displays ）
文章分類
