在UI設(shè)計中也充當(dāng)著一款重要的角色，可以用來繪制UI圖標(biāo)和界面，與PS不同的是AI繪制扁平化圖標(biāo)界面的時候要比PS快由于繪制的圖形是矢量的，所以文件會非常小，也方便管理也就是說一個合格的UI設(shè)計師PS和AI都要會；為了緊跟最近的設(shè)計潮流，Gumby的UI元素中還包括了Metro風(fēng)格的扁平化設(shè)計，你也可以用Pretty風(fēng)格的漸變設(shè)計，或者按照你的想法糅合兩種設(shè)計風(fēng)格該框架還提供了一套出眾的響應(yīng)式，擁有獨立分辨率的Entypo圖標(biāo)，你可以在自己的web項目中盡情使用；Pixso是一款專業(yè)的在線UIUX設(shè)計工具，內(nèi)置眾多大廠的優(yōu)秀設(shè)計規(guī)范，提供海量設(shè)計模板和素材，集成眾多大廠優(yōu)秀的設(shè)計系統(tǒng)，所有 UI 設(shè)計師均可直接拖拽復(fù)用，從此省去大量模塊化設(shè)計環(huán)節(jié)的重復(fù)勞動，本地化字體資源，及專屬私有。

UI設(shè)計需要學(xué)習(xí)的軟件分為4款，分別有PS，AI，AE，ARP，外加兩個輔助插件如思維導(dǎo)圖， 馬克鰻等軟件，這些都是一名UI設(shè)計必需要掌握好的軟件Adobe Photoshop CC 2018簡稱PSCC2018 Adobe Photoshop，簡稱“PS”，是由；4Dingdone叮當(dāng)iOS，Android叮當(dāng)Dingdone是國內(nèi)最新崛起的APP自助開發(fā)平臺值得一提的是它的平臺界面非常友好，扁平化設(shè)計與便捷化創(chuàng)建步驟，使得入門用戶極易上手通過使用叮當(dāng)，APP制作者只需要通過“積木拼裝”的方；1focusky 這個我忘記全名了，能制作出動畫ppt，效果算是比較炫酷了，演示方式是那種3D縮放旋轉(zhuǎn)形式也支持導(dǎo)入ppt，然后自己添加其他動畫特效在操作上也簡單上手，因為自帶比較多的模板和素材，新手也可以直接套用模板，修；2flatuiuiflatui是一款免費的WEB界面工具組件庫，其UI風(fēng)格十分扁平化，相比Bootstrap其更簡潔小巧3jQueryui。

2擬物化與扁平化設(shè)計 3系統(tǒng)性學(xué)習(xí)蘋果IOS設(shè)計規(guī)范 4系統(tǒng)性學(xué)習(xí)Android設(shè)計規(guī)范 5圖標(biāo)設(shè)計圖標(biāo)設(shè)計要素與技法，圖標(biāo)設(shè)計中的色彩應(yīng)用，圖標(biāo)創(chuàng)意思想與方法，2D圖標(biāo)設(shè)計方法，3D立體圖標(biāo)設(shè)計方法，圖標(biāo)在界面中的設(shè)計應(yīng)用 6移動；鏈接 ？pwd=en8c 提取碼 en8c 幻燈片模板即已定義的幻燈片格式PowerPoint和WordExcel等應(yīng)用軟件一樣，都是Microsoft公司推出的Office系列產(chǎn)品之一，主要用于設(shè)計；html5新特性語義化 瀏覽器渲染機(jī)制重繪重排網(wǎng)頁生成過程重排也稱回流 當(dāng)DOM 的變化影響了元素的幾何信息 DOM 對象的位置和尺寸大小，瀏覽器需要重新計算元素的幾何屬性，將其安放在界面中的正確位置，這個過程叫做重排 觸發(fā)。

5學(xué)會尋找靈感 找靈感其實也就是培養(yǎng)審美的能力，這點建議大家可以多逛一下設(shè)計網(wǎng)站當(dāng)你能知道什么好看，什么不好看，會排斥那些不好看的設(shè)計的時候，這時候你的品味就自然上升了另外，看到不錯的設(shè)計要記得采集下來；用戶放在第一位，越來越多的網(wǎng)絡(luò)產(chǎn)品重視用戶體驗，就像現(xiàn)在的設(shè)計一樣，扁平化設(shè)計更自然舒服，讓用戶覺得用你的產(chǎn)品就是美的享受3 化繁為簡，HTML5和CSS3及JS容合到了一起，原來用JS才能實現(xiàn)的效果現(xiàn)在用HTML5幾個；2 擬物化與扁平化設(shè)計3 系統(tǒng)性學(xué)習(xí)蘋果IOS設(shè)計規(guī)范4 系統(tǒng)性學(xué)習(xí)Android設(shè)計規(guī)范圖標(biāo)設(shè)計 圖標(biāo)設(shè)計要素與技法，圖標(biāo)設(shè)計中的色彩應(yīng)用，圖標(biāo)創(chuàng)意思想與方法，2D圖標(biāo)設(shè)計方法，3D立體圖標(biāo)設(shè)計方法，圖標(biāo)在界面中的。

實現(xiàn)不出來上線不了，你就需要大量的去修改，直到能實現(xiàn)上線為止這個問題也是很多設(shè)計師頭痛的問題，如果能夠解決編程的問題，也就會給自己減少很多沒必要的麻煩了，主要學(xué)習(xí)內(nèi)容有HTML5+CSSJS JQ套用CMS上線等；3找視覺素材，UI，動效，推薦DribbbleShowandtellfordesigners個人很喜歡dribbble上的視覺風(fēng)格，扁平化風(fēng)格較多，配色走心，最喜歡的一個功能是dribbble上一張圖會有主顏色色號的信息，并且點擊相關(guān)色號會進(jìn)入所有用到這個；5 AE強(qiáng)大的動效視覺處理軟件 支持平臺Windows＆Mac 請點擊輸入圖片描述 請點擊輸入圖片描述 Adobe After Effects簡稱“AE”是Adobe公司推出的一款關(guān)于圖形和視頻處理的界面設(shè)計工具，如今動效設(shè)計在UI界面設(shè)計中的應(yīng)用已經(jīng)。