① 學前端和UI，有什麼好書推薦推薦
書 名： 點石成金：訪客至上的網頁設計秘笈（原書第2版）(全彩印刷)
出版社： 機械工業出版社
定 價： ￥39.00
及其經典！簡潔卻不簡單！
書 名： Web視覺設計
出版社： 機械工業出版社
定 價： ￥56.00
結合實例，講解如何將基本的設計原則運用到Web領域
使用大量的圖表、圖片和圖形，以加強學習記憶效果
內容涉及站點分析，導航，布局，色彩，圖形，排版和表單
結合實例，闡述了多種用於美化完善站點的技術
關注網站的可用性，以及如何使網站充滿吸引力、令人難以忘懷
繼《點石成金 Don't make me think》後關於WEB設計的經典著作。
書 名： 一目瞭然--Web軟體顯性設計之路
出版社： 機械工業出版社
定 價： ￥39.00
本書闡述了為什麼以及如何設計出簡單易用的基於web的軟體，讓用戶單憑常識即可有效地使用它。主要內容包括：顯性設計的概念、如何理解用戶、心智模型、信息設計、巧妙應對出錯、一致性設計、精簡與優化以及改良的重要性等。全書通過深入淺出地講解與豐富的實際案例，幫助讀者理解、掌握顯性設計的精髓，可輕松熟練地設計出簡單易用的基於Web的軟體。
很好 很清晰。 全彩的
書 名： 就這么簡單--Web開發中的可用性和用戶體驗 (china-pub 首發）
出版社： 清華大學出版社
定 價： ￥79.00
·這是一本極其幽默的電腦書，一本能夠帶給你快樂的書。
·本書不僅能夠帶給你快樂，還飽含思想，大把大把的思想，絕對都是貨真價實的東西，就像那種大皮沙發一樣，裡面塞滿了實實在在的材料，都是可以用到你的Web開發中的。
·本書會讓你在快樂中學習Web開發中的可用性和用戶體驗。至於為什麼要選擇這本書，則是因為「理解的越多，需要記住的就越少」。
書 名： 網站重構：應用Web標准進行設計（第2版）
出版社： 電子工業出版社
定 價： ￥49.80
這個本站已經有電子版下載了
書 名： Designing Interfaces中文版(彩色印刷,強烈視覺體驗)
出版社： 電子工業出版社
定 價： ￥80.00
書 名： 贏在用戶:Web人物角色創建和應用實踐指南
出版社： 機械工業出版社
定 價： ￥29.00
② UI設計需要學習哪些知識
我們在學習UI設計的過程當中，需要學習到很多知識，比如PS，AI，AE，XD，ARP，C4D，藍湖，默刀軟體，這些都是一名UI設計必需要掌握好的軟體。而學習到這些軟體，可以通過視視頻，書籍，網站等多種方法學習。
一、PS軟體
PS軟體在UI設計工作中主要來用作UI設計界面設計、圖標設計、圖片處理的。
PS軟體有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及.Adobe家族的頂梁設計軟體、想從事設計工作PS軟體一定要精通，PS的強大，只有你想不到沒有它做不出的圖
二、AI軟體
AI軟體在UI設計工作中主要用來做UI界面設計、圖標設計、字體設計、插畫設計
AI是出版、多媒體和在線圖像的工業標准矢量插畫軟體。AI可以用來從事，平面設計，網頁設計，UI設計等多種設計工作。
三、AE軟體
AE軟體在UI設計工作中主要用來做動效設計
效設計由於可以將本來靜態的圖片、或者抽象的動態效果的很容以表達出來，所以，UI設計師除了必要L的交互動效，通常為了表達抽象的交互體驗設計製作動效設計稿，這樣開發團隊也能對即將開發的產品都有一個直觀的認知。
AE可以用來從事影視後期，平面設計，UI設計等多種設計工作。
四、XD或者sketch軟體
XD或者sketch軟體在UI設計工作中主要用來做圖面設計、圖標設計、原型設計
sketch(只能在蘋果電腦上安裝，如果電腦是win系統就可以安裝XD軟體)
sketch和XD這兩款軟體功能是差不多的，XD的話是一款非常適合做UI設計工作，XD做圖會非常快，因為XD的工具特別少，裡面的工具是專門為做UI設計工作開發的一款軟體，而且XD軟體特別小，不會卡。
五、ARP或者默刀軟體
ARP和默刀軟體功能差不多二選一學習就可以了，這兩款軟體都是做原型設計的
我們做UI設計，UI設計是由很多很多界面組成的，這些界面每一步之間去交接的這個界面
如果說我們只做一個界面，UI設計師是可以做出來的，但是要做幾十個上面個界面
如果我們一個個做是肯定會出問題的，所以需要先製作原型，我們根據原型再製作界面，這就是我們的前後聯系，原型是不用做這個顏色，圖標，細節的，只需搭建一個基礎的版式就行，這個就是我們用ARP或者默刀軟體做的。
六、藍湖軟體
藍湖軟體在UI設計工作中主要用來做標注設計的
就是我們做好了頁面，這個頁面的高低，寬度，包括頁面的色值我們都需要標注出來
為什麼需要標注呢，因為我們做的圖，做完之後他就是張圖片，這個圖片我們用手機是點不了的
我們手機APP上的那些圖之所以能點那是因為有程序猿做了一個二次開發，這個東西我們不用懂，但是我們要標注出來，標注出來讓程序猿知道你的顏色，你的色值，你的尺寸到時是多少，他才能開發出來。
七、C4D軟體
C4D軟體在UI設計工作中主要用來做一些3d效果圖和建模
UI設計師的附加軟體，最近幾年非常流行的建模軟體，建模渲染效果特別好!
因而，成為了設計創意工作者的效率生產工具。現在，無論是影視後期、還是工業設計、或平面設計行業，C4D軟體都得到了廣泛的運用。用來做一些平面軟體達不到的3D效果，視覺效果，能做很多的概念設計，這個軟體，能讓你的設計表現力更豐富更有趣。
八、DW軟體
DW軟體在UI設計工作中主要用來做一些簡單的頁面
DW是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。
③ 學習UI前端開發推薦看什麼書和資料
這兩個不一樣的，一個是做設計的，一個是做前端開發的，前景都是差不多的，看個人比較愛好哪個行業就可以了。
④ ui設計和web前端究竟學習哪個好
兩者的區別在於
【UI設計】是做設計，不用敲代碼。
【WEB前端】是專門敲代碼的。
UI設計的課程裡面也涉及到一些基礎的代碼
如果你沒有美術功底的話，你要學習的步驟是按照下面的展開的：
1.美術（打造一定的美術功底）
2.軟體（Photoshop軟體）
3.平面設計
4.交互
5.網頁設計
6.移動界面
7.游戲界面設計
8.基礎代碼（了解代碼）
9.AE課程
這個步驟是按照山西知名UI設計培訓機構優逸客的部分課程安排以及我本人的一些學習經驗總結出來的，還有一點，就是多練習。
兩者要選擇什麼需要看你自己偏向於哪方面的喜好，如果實在分辨不出的話，也可以去UI設計培訓機構去參加一些體驗課，找出適合自己的學習方向就好。
^_^希望對你有所幫助。
⑤ UI設計和web前端學習哪個好哪個比較有前景
UI：入門簡單，學會PS基礎工具，基本就可以了，AI會不會都可以，當然會了更好。但是UI設計就像郭德綱說的他們學相聲，入門容易，我也覺得UI設計和相聲一樣，門檻在門里，入門很容易，只要你願意，開門就能進來，但是一進門，發現裡面是座山。
首先你要學會最基本的設計規范：比如常用手機的尺寸、狀態欄尺寸，標題欄尺寸，按鈕大小、等等。
掌握當前流行的設計風格，現在來說都在使用扁平化，但是我看到有很多設計師（姑且叫他們設計師吧），把界面設計的就是一堆色塊，毫無設計感，扁平化設計也要適當加入陰影 投影 漸變的。要想設計的好，只能多看別人的作品，多學習。
WEB前端：入門簡單，後續要學的東西挺多，最主要的是，你學的再多，等你實際工作中你會發現，為什麼你刷新後看到的界面和你預想的代碼不一樣，明明代碼沒寫左浮動啊，為什麼浮動了，為什麼我寫了下邊距，刷新後沒變化、為什麼我這個函數沒有執行。
學習：HTML、CSS得學，然後現在都流行HTML5和CSS3了，你要說不會HTML5和CSS3，就不用去面試了。還得學JS、和由JS封裝出來的JQ。這些就是基礎的了。
晉升：可能你出去找工作會看到很多公司都要求求職者要會:Bootstrap、Vue.js、AJAX、Less、JSON、APICloud等，這裡面你會的越多越好，這些都是提升工作效率的第三方可集成插件。
總結：學習前端，學校或培訓班只能教你基礎技能，工作中你需要一個好師傅帶你，換句話說，別指望初出茅廬就掙很高的工資，沉澱自己，多學習知識豐富自己才是王道。
親，如果不確定自己到底想學那個，不如兩邊的視頻教程看一下，看看自己是否能進入學習狀態。
⑥ 天琥ui設計線下有幾本書
UI設計專業的話線下書籍相對較少主要是交互設計、PS、web前端等書籍。
UI設計的教學主要是線上的實操，陝西新華UI專業就是理論加實踐，邊講邊學，方便掌握
⑦ UI設計前端學習哪些內容
1、HTLM基礎認知DIV框架及CSS樣式
首先要了解HTLM基礎、CIV框架以及CSS樣式， HTML稱為超文本標記語言，是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。DIV元素是用來為HTLM文檔內大塊的內容提供結構和背景的元素。 CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
2、浮動原理、Margin認知
Margin，是CSS的語法，這個簡寫屬性用於在一個聲明中設置所有當前或者指定元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。
3、框架應用搭建
框架很多，在這個教程中選擇一個主流框架帶大家看看前端框架如何搭建。
4、插入圖片、文字標簽和版頭、導航欄
編寫的網頁中插入圖片，可以使瀏覽網頁的用戶得到更好的體驗效果。在這一部分會講解插入圖片、文字標簽以及版頭和導航欄如何實現。
5、Banner塊插入、內容文字排版、內聯元素、A標簽和Banner鏈接定位
Banner是網路廣告最早採用的形式，也是目前最常見的形式。它是橫跨於網頁上的矩形公告牌，當用戶點擊這些橫幅的時候，通常可以鏈接到廣告主的網頁。而網頁中的文字內容排版也直接影響著網頁的美觀以及網頁的用戶體驗。
6、錨點標簽、超鏈接標簽、固定定位和絕對定位、相對定位
標簽用於定義超鏈接，用於從一張頁面鏈接到另一張頁面。用於設置錨點，用於頁面定位。
7、導航二級菜單顯示隱藏
很多網頁中的二級菜單示，需要滑鼠移動到一級菜單或者點擊一級菜單才會展開顯示二級菜單。
8、input表單
input表單欄不直接顯可以獲取用戶的信息，做出對應的動作，教程中直觀的展示input表單的應用方法。
⑧ UI設計前端主要學些什麼
UI設計不一定需要精通前端，但是如果UI設計了解前端可以減少和開發人員溝通的技術成本，讓團隊協作更加高效。那UI設計如何學習前端，需要學習到什麼程度呢？
我們分享一個前端教程-網頁鏈接，這裡面詳細講解了UI設計中的Web前端設計規則及工具，可以幫助大家深入理解Web前端UI設計方法。
1、HTLM基礎認知DIV框架及CSS樣式
首先要了解HTLM基礎、CIV框架以及CSS樣式， HTML稱為超文本標記語言，是一種標識性的語言。它包括一系列標簽．通過這些標簽可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。DIV元素是用來為HTLM文檔內大塊的內容提供結構和背景的元素。 CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
2、浮動原理、Margin認知
Margin，是CSS的語法，這個簡寫屬性用於在一個聲明中設置所有當前或者指定元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。
3、框架應用搭建
框架很多，在這個教程中選擇一個主流框架帶大家看看前端框架如何搭建。
4、插入圖片、文字標簽和版頭、導航欄
編寫的網頁中插入圖片，可以使瀏覽網頁的用戶得到更好的體驗效果。在這一部分會講解插入圖片、文字標簽以及版頭和導航欄如何實現。
5、Banner塊插入、內容文字排版、內聯元素、A標簽和Banner鏈接定位
Banner是網路廣告最早採用的形式，也是目前最常見的形式。它是橫跨於網頁上的矩形公告牌，當用戶點擊這些橫幅的時候，通常可以鏈接到廣告主的網頁。而網頁中的文字內容排版也直接影響著網頁的美觀以及網頁的用戶體驗。
6、錨點標簽、超鏈接標簽、固定定位和絕對定位、相對定位
<a> 標簽用於定義超鏈接，用於從一張頁面鏈接到另一張頁面。用於設置錨點，用於頁面定位。
7、導航二級菜單顯示隱藏
很多網頁中的二級菜單欄不直接顯示，需要滑鼠移動到一級菜單或者點擊一級菜單才會展開顯示二級菜單。
8、input表單
input表單可以獲取用戶的信息，做出對應的動作，教程中直觀的展示input表單的應用方法。
其實以上教程只是web前端很小的一部分，UI設計如果能夠了解前端知識，在設計中可以更好的考慮實現問題，也能夠更好的和開發人員交流，也能夠提高團隊協作的效率，加速項目的進度。
⑨ UI設計和前端開發有什麼區別哪個好
大家都知道互聯網行業發展前景大，而IT行業中除了Java開發和軟體測試這兩個崗位外，UI設計和Web前端開發也是當前比較火爆的兩大互聯網崗位。
隨著移動互聯網的深入發展，目前市場對這兩大專業人才的需求有增無減。而對於那些想要轉行IT拿高薪，但又不願意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。
當然，對於很多小夥伴來說，UI設計和Web前端到底有什麼區別，哪個更好學？哪一個發展前景又更好，大家都還是比較迷茫的。
UI設計
1、什麼是UI設計？
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。比如：哪些常用功能放在什麼位置用戶用起來最順手，所有會影響使用者體驗的一切。如架構、互動、內容與及使用者對象、需求、價值觀。
2、UI設計需要掌握的技能？
視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟體是以Adobe公司的軟體為主，如PS、AI、AE、FW等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。
交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟體比較多，每個都有自己的特點，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。
web前端
1、什麼是Web前端開發工程師？ 主要進行網站開發，優化，完善的工作。網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。
一位好的Web前端開發工程師在知識體繫上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。現在說的重點不在於講解技術，而是更側重於對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後台開發，所以現在不再叫網頁製作，而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。
2、Web前端工程師需要掌握的技能？
必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。在一名合格的前端工程師的知識結構中，網站性能優化、SEO和伺服器端的基礎知識也是必須掌握的。
必須學會運用各種工具進行輔助開發。除了要掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。可見，看似簡單的網頁製作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對於老手來說，也時常不知道下一步該學什麼。
代碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站界面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在性能問題，而有些方案則更易於維護，而且性能也比較好。這里的關鍵影響因素就是代碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對代碼質量的要求也不同，但它們之間又有著千絲萬縷的聯系。
綜合來說，UI設計和Web前端開發都與產品頁面有很大關系的，只是前者更偏向於設計，而後者需要懂得更多的技術，需要把UI設計出來的東西與後端結合，實現出來，所以Web前端的核心發展肯定會更好，但相對而言學習也會比UI難一點。
⑩ ui設計和前端開發哪個好
UI設計和Web前端的工作並不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個人來做的。ui與web前端的區別主要有：