初學者的 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 ）
3 種 App 風格解析：你踩過哪些坑？
你還在讓 PM 畫 Wireframe？
別鬧了！
了解三種應用程式風格，讓設計更專業。
設計師不看Guideline，結果令人震驚
你是不是覺得設計指導方針是多此一舉？
別傻了！不遵守它，設計出來的介面不是醜就是難用。
想知道為什麼？繼續看下去吧！
自學UI/UX設計，真的能成功嗎？我的親身經歷分享
每次有人問我：「UI/UX 設計怎麼入門？」
我都想說：「先別急著開軟體，從 Guideline、手繪、閱讀新知到資料搜集，打好基礎，才能走得更遠。」
初學者常犯的錯誤：忽視 UI Flow 的重要性
還沒畫 UI Flow 就開始設計？
這就像還沒規劃路線就開車上路，迷路是必然的！
UI Flow 能幫助理清使用者動線，讓介面更直覺。
新手設計師在功能地圖(Functional Map)製作中的常見錯誤
沒有 Functional Map，就開始畫 UI？
我都想說：「你這是要去哪裡？」
這就像還沒規劃路線，就衝去旅行一樣危險！
功能地圖(Functional Map)能讓設計更有條理，避免產品變成迷宮。
真實案例分享：運用HSB模式提升設計配色
每次看到設計師在配色時手忙腳亂，我都想說：「試試 HSB 模式吧！」
透過調整色相、彩度和明度，讓你的設計配色更和諧，視覺效果更統一。
Responsive Web 抱怨篇
老實說、自從我一頭栽進 Responsive Web 的世界，又接觸 Bootstrap 後，很久沒去思考「在 Responsive 上我還能玩些什麼花樣」。有人跟我提過 Bootstrap 雖然好用、但也限制許多可能性，所以他們不喜歡。我倒認為它只是項工具、要在網頁上套用它就必須遵循它的規則。
文章分類
