Posts

你還在讓 PM 畫 Wireframe？
別鬧了！
了解三種應用程式風格，讓設計更專業。

把家裡打掃完了，來講講我手上覺得不錯、值得推薦的UI/UX、網頁、設計相關書籍好了。桌上這幾本都是我千挑百選才肯買回家的好書，有些比較舊或有點過時就跳過不講了，有興趣的可以去書店找找，多看書總是有好處。就從左邊開始介紹囉～

你是不是覺得設計指導方針是多此一舉？
別傻了！不遵守它，設計出來的介面不是醜就是難用。
想知道為什麼？繼續看下去吧！

每次和 RD 討論設計，他們總是關注功能實現，對美學興趣缺缺。
UI 設計師該如何在這種情況下，與 RD 合作，讓產品既好用又好看？

每次有人問我：「UI/UX 設計怎麼入門？」
我都想說：「先別急著開軟體，從 Guideline、手繪、閱讀新知到資料搜集，打好基礎，才能走得更遠。」

還沒畫 UI Flow 就開始設計？
這就像還沒規劃路線就開車上路，迷路是必然的！
UI Flow 能幫助理清使用者動線，讓介面更直覺。

沒有 Functional Map，就開始畫 UI？
我都想說：「你這是要去哪裡？」
這就像還沒規劃路線，就衝去旅行一樣危險！
功能地圖(Functional Map)能讓設計更有條理，避免產品變成迷宮。

每次遇到創業者說：「我們就照著某某 App 做吧！」我都想翻白眼。
抄襲不等於成功，原創設計才是長久之道。

每次看到設計師在配色時手忙腳亂，我都想說：「試試 HSB 模式吧！」
透過調整色相、彩度和明度，讓你的設計配色更和諧，視覺效果更統一。

相信各位應該看過前一篇「使用者經驗藏寶圖：敘述故事、找出中心思想」了，也相信一定有人用鼻孔噴氣：什麼鬼話連篇，拿灰姑娘出來當例子，小孩子玩家家酒。這個階段我就認真寫好了…在「創建人物」這個階段，其實就是研究方法 Persona （人物誌），都把研究方法拿出來講了，夠認真了吧！

老實說、自從我一頭栽進 Responsive Web 的世界，又接觸 Bootstrap 後，很久沒去思考「在 Responsive 上我還能玩些什麼花樣」。有人跟我提過 Bootstrap 雖然好用、但也限制許多可能性，所以他們不喜歡。我倒認為它只是項工具、要在網頁上套用它就必須遵循它的規則。

雖說很對不起邀我來參加聚會的主辦單位，但 UI 和 RD 擅長的領域差不多就是聖母峰和馬里亞納海溝的差別。為了不浪費這段人人都在補充新知我卻蹲在旁邊玩保衛蘿蔔2的時間，還是來寫點文章表示我也有努力好了…根據這張藏寶圖的順序，就來談談「敘述故事」、「找出中心思想」。