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

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

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

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

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