『壹』 學UI設計好還是Web前端好
其實，這兩個方向沒有誰比誰好，選擇什麼方向還是需要看你的興趣，因為興趣是最好的老師。有了興趣，你才可能願意花更多的時間和精力去學習，才能將這個方向的專業知識學到極致，才有可能在這個領域得到更好的發展。
轉行的目的不同，有的人是因為想要獲得更好的發展，有的人是不滿意目前的收入，有的人是想要讓自己的興趣和職業結合。那不管原因是什麼，轉行之前我們都要先深入調查這個行業，包括這個行業的性質、工作內容、發展前景等等。那我們就來一起來簡單了解一下UI設計和Web前端。
一、UI和前端
UI：全寫User Interface，簡稱用戶界面，是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。
前端：是創建Web頁面或app等前端界面呈現給用戶的過程。通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。通俗一點來講，前端就是客服，主要跟顧客（用戶）交流。
從以上可以看出，其實UI設計和前端的工作相互相成，按照項目流程，一般是UI設計師設計好產品界面，前端工程師通過編碼實現界面。通俗來說，UI設計師好比服裝設計師，而開發工程師好比裁縫。兩者都是在一個完整的互聯網項目中不可缺失的崗位。
前端主要是需要掌握前端語言、框架等，都是編碼的工作，而UI設計是屬於視覺設計，需要具備設計基礎、設計思維、設計技能，兩者不是一個類別。可以說前端比較偏向於軟體工程、計算機科學等專業，而UI設計比較偏向於視覺設計、平面設計等。
二、UI和前端的前景如何
隨著互聯網行業的發展，也在帶動行業內崗位的發展，所以UI設計和前端開發都有很不錯的前景。那我們來看看UI設計和前端的市場需求曲線圖，直觀感受兩個崗位的需求變化。
四、UI和前端到底應該怎麼選？
從上面的分析我們可以得出，前端的工作比UI設計略高，但是企業的對於前端的學歷要求、工作經驗的要求也比UI設計嚴格。我們不能一味的因為薪資待遇而去選擇方向，而是一個依據自己的興趣去選擇，讓興趣和夢想一起成長。
前端屬於技術崗位，技術隨著時間的改變也在不斷的進步、更新，而UI設計也需要根據市場的流行趨勢、設計要求的變化去學習最新的設計知識。不管選擇什麼方向，都要持續的對這個方向保持熱愛，保持持續的學習，才能有順應市場需求有更好的發展。
『貳』 設計師一般都用哪個網站找素材
1、Pinterest：https://www.pinterest.com/
2、Dribbble：https://dribbble.com/ ，ui設計社區，大神太多了。
3、behance：https://www.behance.net/ ，著名設計社區，長跪不起。
4、flickr：https://www.flickr.com/ ，著名攝影作品分享網站。類似的還要500px
5、tumblr：https://www.tumblr.com ，國外的輕博客，同樣可以找到很多靈感和優秀的攝影作品。
6、9gag：http://9gag.com/ ，全球最搞笑的圖片站。
7、 imgur：http://imgur.com/ ，免費的圖片分享網站。
你看到的最火的圖片往往來源於6、7這兩個網站.
8、 NounProject：https://thenounproject.com/ ，所有圖形全為矢量可以編輯。
接下來是無版權問題的圖片網站，你們懂得：
1、Pixabay：https://pixabay.com/ ，你可以下載、修改、分發，並使用它們在任何你喜歡的任何東西，即使在商業應用程序中使用它們。不需要歸屬權。
2、Picjumbo：https://picjumbo.com/
3、Gratisography：
http://www.gratisography.com/
4、Unsplash：https://unsplash.com/ ，高精度圖片站點。
5、Life of Pix：http://www.lifeofpix.com/ ，高質量視頻和圖片下載點，沒有版權問題。
6、Raumrot：http://raumrot.com/
7、New Old Stock：http://nos.twnsnd.co/ ，提供大量的老照片。
8、Magdeleine：http://magdeleine.co/ ，可以通過顏色、情緒尋找圖片。
9、foodiesfeed：https://foodiesfeed.com/ ，主打美食，吃貨設計師站點。
10、Superfamous：
http://superfamous.com/ ，藝術家Folkert Gorter 站點，很適合web設計，和壁紙使用。
11、TheStocks：http://thestocks.im/，涵蓋 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在內的15個免費高清圖片網站的資源。
Mockup的用處相信各位設計師都清楚。給你的設計加分可不是一點兩點。
1、pixeden：http://www.pixeden.com/ ，有免費和收費資源，想要下載全部資源也不過才10美一個月，該花錢的地方還是得花錢。
2、forgraphic：http://forgraphictm.com/ ，收費，很精細。
3、creativemarket：
https://creativemarket.com/ ，有免費有收費。
4、mockupworld：
https://www.mockupworld.co/all-mockups/ ，免費
1、deviantart：http://www.deviantart.com/ ，著名素材圖庫，合成界的天堂，那些PS教程網站的大部分素材圖片都來源於此站。
2、BP&O：http://bpando.org/ ，對於品牌設計師來說，除了圖案素材收集之外，還有一個很重要的，就是設計故事的收集。
3、trendlist：http://www.trendlist.org/ ，幾乎全是畫冊、海報
4、note&point：http://noteandpoint.com/ ，PPT靈感素材站。
5、freebiesgallery：
http://www.freebiesgallery.com/icons/ ，矢量icons
6、The Pattern library：
http://thepatternlibrary.com/ ，紋理素材。
7、Flat Design必不可少，http://www.flatuicolorpicker.com/
8、beautiful-web-type：
http://hellohappy.org/beautiful-web-type/ ，英文字體設計與排版參考。
9、vector：http://cn.vector.me/ ，各類矢量素材
作者：吾聊職場
鏈接：https://www.jianshu.com/p/cd1f5b16fc67
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並註明出處。『叄』 哪些素材網站對做UI設計很有用國內，國外都可以
推薦US網，www.uiushe.com，是國內免費的高質量ui素材網，有ps sketch xd ai的ui全素材，不僅有素材資源，也有各種插件和設計工具，分類全更新快，雖然種類多，但網站結構清晰，有這個網幾乎可以摒棄其他小的ui素材網
『肆』 什麼是UI
UI其實是一個廣義的概念，《現代漢語詞典》將「界面」定義為：物體與物體之間的接觸面，泛指人和物（人造物、工具、機器）互動過程中的界面（介面）。
以車為例，方向盤、儀表盤、中控都屬於用戶界面。從字面上看由用戶與界面兩個部分組成，但實際上還包括用戶與界面之間的交互關系，所以可分為三個方向：用戶研究、交互設計、界面設計。
通常意義上，UI是User Interface的縮寫。其中，「Interface」前綴「Inter」的意思是「在一起、交互」，而翻譯成中文「界面」之後， 「交互」的概念沒能得到體現。
設計原則：
界面的簡潔是要讓用戶便於使用、便於了解產品，並能減少用戶發生錯誤選擇的可能性。界面中要使用能反映用戶本身的語言，而不是游戲設計者的語言。
人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩定，24小時內存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。
它是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與產品內容相一致。
『伍』 UI設計和web前端學習哪個好哪個比較有前景
UI：入門簡單，學會PS基礎工具，基本就可以了，AI會不會都可以，當然會了更好。但是UI設計就像郭德綱說的他們學相聲，入門容易，我也覺得UI設計和相聲一樣，門檻在門里，入門很容易，只要你願意，開門就能進來，但是一進門，發現裡面是座山。
首先你要學會最基本的設計規范：比如常用手機的尺寸、狀態欄尺寸，標題欄尺寸，按鈕大小、等等。
掌握當前流行的設計風格，現在來說都在使用扁平化，但是我看到有很多設計師（姑且叫他們設計師吧），把界面設計的就是一堆色塊，毫無設計感，扁平化設計也要適當加入陰影 投影 漸變的。要想設計的好，只能多看別人的作品，多學習。
WEB前端：入門簡單，後續要學的東西挺多，最主要的是，你學的再多，等你實際工作中你會發現，為什麼你刷新後看到的界面和你預想的代碼不一樣，明明代碼沒寫左浮動啊，為什麼浮動了，為什麼我寫了下邊距，刷新後沒變化、為什麼我這個函數沒有執行。
學習：HTML、CSS得學，然後現在都流行HTML5和CSS3了，你要說不會HTML5和CSS3，就不用去面試了。還得學JS、和由JS封裝出來的JQ。這些就是基礎的了。
晉升：可能你出去找工作會看到很多公司都要求求職者要會:Bootstrap、Vue.js、AJAX、Less、JSON、APICloud等，這裡面你會的越多越好，這些都是提升工作效率的第三方可集成插件。
總結：學習前端，學校或培訓班只能教你基礎技能，工作中你需要一個好師傅帶你，換句話說，別指望初出茅廬就掙很高的工資，沉澱自己，多學習知識豐富自己才是王道。
親，如果不確定自己到底想學那個，不如兩邊的視頻教程看一下，看看自己是否能進入學習狀態。
『陸』 如何學習web ui設計 知乎
交互設計是一個實戰才能出真知的專業。我研究生的時候讀的是HCI，專門應對設計，也讀了不少書，但是發現在工作中學習到的比讀書來的真實的多。
多看現在美國創業公司的產品，思考為什麼這些產品能吸引用戶，能得到風投，能設計創新。思考如果是你，會怎麼評價，怎麼修改，能不能做到一樣好，或者更好。
例如研究移動App，我習慣定期下載App Store里每個欄目最好的App，一次下100多個，慢慢把玩，慢慢思考，把自己想像為這些產品的設計室和產品經理。
除了了解產品，業界趨勢，設計概念，還需要多和人溝通。交互的軟技能特別多，能不能把一個故事說出來，讓所有人都信服，都喜歡，都是需要經驗積累的。
可以看下我的Linkedin，有我做交互的經歷，我嘗試過美國政府部門，學校機構，傳統500強公司，互聯網公司，等等。每次工作經驗都對我現在的設計工作有很大的幫助。
cn.linkedin.com/in/freshyoyo/
最後還是回答下你現在的問題，我認為的一些好書如下，之前在知乎上分享過：
prioritizing web usability
the design of sites. patterns for creating wining web sites
designing for interaction: creating smart applications and clever devices
designing interactions
interaction design: beyond human-computer interaction
designing the user interface: strategies for effective human-computer interaction
thoughtful interaction design: a design prespecitve on information technology
don't make me think
mental models. aligning design strategy with human behavior
about face. the essentials of interaction design
buidling web reputation systems
design is the problem
designing the obvious
envisioning information
prototyping. a practitioner's guide
selling usability. user experience infiltration tactics
the design of everyday things
storytelling for user experience
工作很多年，還是很喜歡交互設計這個工作，也希望你在交互設計的道路上越走越好。
