{ 愼入} 如何成為一個UI Designer？. 從PTT 到臉書 - Mina Liou

從PTT 到臉書，每隔一陣子就會有人問「如何成為一個UI Designer」？ ... 智慧手機App UI/UX設計鐵則：想做出好用的App和手機網站，就看這一本 ... 1) 線上課程 GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWrite{愼入}如何成為一個UIDesigner？如何成為一個UIDesigner？（圖源）從PTT到臉書，每隔一陣子就會有人問「如何成為一個UIDesigner」？一開始我會問他們對UI的理解到哪裡？手上的書單有哪些？上過那些課？綜評之後再推薦給他們適合現況的最佳建議。

但日子一久，這問題已演化成一個月經文了，所以我乾脆花幾個小時整理資料給大家（累）。

但說實在，我真的不敢寫太多（汗），因為光是以下洋洋灑灑的內容，初學者要啃完都已天荒地老，因此呢…點到為止啦！也歡迎大家踴躍留言補充，灌到大爆炸XDD一、認識設計1)設計的內容與形式設計是什麼？：保羅．蘭德給年輕人的第一堂啟蒙課http://www.books.com.tw/products/00104588722)設計人就是行銷人偷窺設計人的筆記http://www.books.com.tw/products/00105045143)從品牌角度看設計感動70億人心，才是好設計：好品牌的吸引力法則http://www.books.com.tw/products/0010468503二、設計基礎1)色彩玩出絕妙好設計1：色彩的準則。

(三版)http://www.books.com.tw/products/00107503152)文字玩出絕妙好設計2：文字的準則。

(3版)http://www.books.com.tw/products/0010750316字型散步：日常生活的中文字型學http://www.books.com.tw/products/0010654376字型之不思議http://www.books.com.tw/products/0010587919字嗨（臉書社團）https://www.facebook.com/groups/enjoyfonts/三、設計規範iOShttps://goo.gl/zMfEjSiPhone分辨率終極指南https://reurl.cc/xZd9yN（20200730補充）Androidhttps://goo.gl/s52STAGoogle’sMaterialDesign（20170630補充）https://material.io/guidelines/裝置螢幕尺寸http://screensiz.es/四、設計模式1)網頁版網頁介面設計模式http://www.books.com.tw/products/0010510787操作介面設計模式第二版http://www.books.com.tw/products/00105310342)行動版行動介面設計模式圖鑑(第二版)http://www.books.com.tw/products/0010656545行動介面設計模式http://www.books.com.tw/products/0010564019智慧手機AppUI/UX設計鐵則：想做出好用的App和手機網站，就看這一本http://www.books.com.tw/products/0010621742行動設計之鑰：打造出讓使用者一見鍾情的手機APPUI/UX設計http://www.books.com.tw/products/00106280413)線上範例pttrnshttps://pttrns.com/lovelyuihttp://www.lovelyui.com/GoodUI（20170604補充，感謝PTT網友KKFN）http://www.goodui.org/五、設計思考IDEA物語http://www.books.com.tw/products/0010182963設計思考改造世界http://www.books.com.tw/products/0010479685六、互動設計微互動http://www.books.com.tw/products/0010625902交互設計沉思錄https://book.douban.com/subject/19934344/簡約至上：交互式設計四策略http://www.books.com.tw/products/CN10723240交互設計指南https://book.douban.com/subject/4881989/一目了然https://book.douban.com/subject/2298856/親愛的界面https://read.douban.com/ebook/610370/瞬間之美︰Web界面設計如何讓用戶心動http://www.books.com.tw/products/CN10458332怦然心動情感化交互設計指南(修訂版)http://www.books.com.tw/products/CN11220311AboutFace4：交互設計精髓http://www.books.com.tw/products/CN11290071互動設計(二版)http://www.books.com.tw/products/0010348039IxDATaiwan（臉書粉絲團）https://www.facebook.com/ixda.tw/七、認知心理隱喻與認知http://www.books.com.tw/products/0010322478認知與設計：理解UI設計准則(第2版)http://www.books.com.tw/products/CN11145346了解「人」，你才知道怎麼設計！洞悉設計的100個感知密碼http://www.books.com.tw/products/0010520753更了解「人」你才知道要怎麼設計！抓住使用者心理、預想未來設計的100個感知密碼http://www.books.com.tw/products/0010707869情感＠設計：為什麼有些設計讓你一眼就愛上http://www.books.com.tw/products/0010513478設計的心理學：人性化的產品設計如何改變世界(第3版)http://www.books.com.tw/products/0010643797八、設計觀察大賣場裡的人類學家：用人文科學搞懂消費者，解決最棘手的商業問題http://www.books.com.tw/products/0010640512觀察的力量：從烏干達到中國，如何為明天的客戶創造非凡的產品http://www.books.com.tw/products/0010662945九、易用性測試如何設計好網站：DontMakeMeThinkhttp://www.books.com.tw/products/0010651534ROCKETSURGERYMADEEASY：DIY一次搞定網站易用性問題(第二版)http://www.books.com.tw/products/0010554592ROCKETSURGERYMADEEASY：深度測試提高網站效益http://www.books.com.tw/products/0010643423點石成金：訪客至上的Web和移動可用性設計秘笈(第3版)http://www.books.com.tw/products/CN11194834優使性2.0(Usability2.0)-網站經驗設計、使用者最大-從優使性(Usability)出發的網站設計原則https://www.usabilitymax.com/十、使用者經驗別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵http://www.books.com.tw/products/0010674124用戶體驗要素︰以用戶為中心的產品設計http://www.books.com.tw/products/CN10766367十一、設計靈感Dribbblehttps://dribbble.com/Behancehttps://www.behance.net/Pinteresthttps://www.pinterest.com/Awwwardshttp://www.awwwards.com/Mediumhttps://medium.com/奧格設計（奧格有研發一款蒐集靈感的Eagle）（20170616修正）https://ogdesign.tw/resources十二、設計實作DailyUI:Becomeabetterdesignerin100days.http://www.dailyui.co/UIClub（跟著大家一起畫設計作業）https://www.facebook.com/groups/895693593842577/視覺溝通的法則：科技、趨勢與藝術大師的簡報創意學（全新修訂版）http://www.books.com.tw/products/0010561439HowtocreateaFRONTENDFRAMEWORKwithSketch（20170604補充）https://goo.gl/rTpvsk十三、設計訂閱1)國內設計大舌頭https://designtongue.me/https://www.facebook.com/designtongue/ConversionLabhttp://conversionlab.co/https://www.facebook.com/ConversionLab.co/AsAProductDesigner—UI/UX設計、設計思考、工具資源、靈感分享https://medium.com/as-a-product-designerhttps://www.facebook.com/AAPD.twDESIGNINGBYLEARNING（WesleyHwang）https://heywesley.wordpress.com/TaiwanUI/UXDesignershttps://www.facebook.com/groups/TaiwanUIUXDesigners/網頁設計沙龍@TWhttps://www.facebook.com/groups/web.design.salon.tw/2)中國meia美啊—見證設計的力量http://meia.me/index.html學UI網http://www.xueui.cn/騰訊ISUXhttps://isux.tencent.com/3)國外Smashinghttps://www.smashingmagazine.com/十四、設計資源1)線上課程Hahowhttps://hahow.in/你知我知好學網https://uknowiknow.com/網易公開課https://open.163.com/courserahttps://www.coursera.org/edXhttps://www.edx.org/2)實體課程CSS3、Bootstrap（AmosLee）http://csscoke.com/台中前端社群https://www.facebook.com/groups/taichung.f2e/簡報小聚（設計師還是要具備提案力的好咩！）https://www.beforafter.org/https://www.facebook.com/BeForAfter.org/3)Iconshttp://www.flaticon.com/https://www.iconfinder.com/4)圖庫https://goo.gl/UXOVoM5)作品集/履歷https://goo.gl/5ehz7a6)繪圖工具（20170604補充）https://blog.prototypr.io/@Mockplus7)設計師的衣著品味（20170623補充）https://dressico.com/main/discovery8)設計公司的部落格（20200730補充）AirbnbDesignhttps://airbnb.design/GoogleDesignhttps://design.google/UberDesignhttps://www.uber.design/MicrosoftDesignhttps://www.microsoft.com/design/InvisionDesignhttps://www.invisionapp.com/inside-design/結語：所以千萬別再該該叫說我不知道從何開始，否則我一定會打～爆～你。

要吃UI/UX這行飯，就是要學會搜尋與善用資源，否則會被淘汰的唷！這是一條不歸路，加油～加油～加加油！！！延伸閱讀：【我開課囉！】UX、UX、雞蛋糕―UI/UX思考術18H入門班\臉書直播/如何成為一個UIDesigner？{直播筆記}如何成為一個UIDesigner？（上）{直播筆記}如何成為一個UIDesigner？（中）{直播筆記}如何成為一個UIDesigner？（下）UI/UX思考術：備課與實錄--5MorefromMinaLiouFollow✨UX圖創師（❤️使用者經驗設計+🎨圖像溝通+💡創意思考）🥑不專業廚娘📖自學數據分析，https://www.facebook.com/minaliou1008Lovepodcastsoraudiobooks?Learnonthegowithournewapp.TryKnowableAboutHelpTermsPrivacyGettheMediumappGetstartedMinaLiou1.8KFollowers✨UX圖創師（❤️使用者經驗設計+🎨圖像溝通+💡創意思考）🥑不專業廚娘📖自學數據分析，https://www.facebook.com/minaliou1008FollowMorefromMediumWellJoeAxureRP9or10addsaprototypeicononthephone’shomescreenMigzCalimponSprintingforanIdealRoommateDiegoMartinezMakingSenseofIconsandSymbolsAroundTheHouseFrancisJumaKatambiHowtoapproachordesignascopingworkshoptohelpunderstandeveryones’needsbetter?HelpStatusWritersBlogCareersPrivacyTermsAboutKnowable