常用的UI框架有哪些？
常用的UI框架有哪些?推荐6种常用的UI框架。接下来天通苑电脑培训为大家分享一下UI专业设计师在日常工作中常用的几种框架，希望能够帮到你！
Bootstrap
说到流行的UI框架，那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架，它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统，很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式，表单，buttons，表格，轮播等等。
Bootstrap提供了优雅的HTML和CSS规范，它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
jQueryUI
jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器，jQueryUI都是一个完美的选择。
jQueryUI包含了许多维持状态的小部件(Widget)，因此，它与典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式，这样就大大的降低了学习成本。
jQueryUI继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。同时，jQueryUI采用MIT&GPL双协议授权，轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且，jQueryUI有完全汉化的版本，开发包内置包含中文在内的40多种语言包。
PureCSS
Pure也是一款很出色的CSS框架，Pure是来自雅虎的。尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有5.7k左右。
最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。由Yahoo出品，技术上应该不存在太大问题。组件也很丰富，包括表格、表单、按钮、表、导航等。CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。
SemanticUI
SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化，使用了更容易理解的标签名称：导航的是nav，主要内容的是main，class名也很明确。
而且SemanticUI的modules预制了很多美观的动画，同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed)。
绛旓細璇村埌娴佽鐨刄I妗嗘灦锛閭ｄ箞Bootstrap鏄竴瀹氫細鍑虹幇鍦ㄦ鍗曚笂鐨銆傚畠鏄敱twitter鎺ㄥ嚭鐨刉eb鍓嶇UI妗嗘灦锛屽畠鐢盩witter鐨勮璁″笀MarkOtto鍜孞acobThornton鍚堜綔寮鍙戙侭ootstrap閫氳繃瀹冧紭绉鐨勬爡鏍忕郴缁燂紝寰堝ソ鐨勫疄鐜颁簡鍝嶅簲寮忓竷灞銆侭ootstrap杩樻彁渚涗簡鏃跺皻鐨勬帓鐗堟牱寮忥紝琛ㄥ崟锛宐uttons锛岃〃鏍硷紝杞挱绛夌瓑銆侭ootstrap鎻愪緵浜嗕紭闆呯殑HTML鍜孋SS...
绛旓細Frozen UI鏄竴涓紑婧愮殑绠鍗曟槗鐢紝杞婚噺蹇嵎鐨勭Щ鍔ㄧUI妗嗘灦銆傚熀浜庢墜Q鏍峰紡瑙勮寖锛岄夊彇鏈甯哥敤鐨勭粍浠讹紝鍋氭垚鎵婹鍏敤绂荤嚎鍖呭噺灏戣姹傦紝鍗囩骇鏂瑰紡鍙嬪ソ锛屾枃妗ｅ畬鍠勶紝鐩墠鍏ㄩ潰搴旂敤鍦ㄨ吘璁墜Q澧炲间笟鍔′腑銆5.uiKit uiKit鏄竴娆捐交閲忕骇銆佹ā鍧楀寲鐨勫墠绔鏋讹紝鍙揩閫熸瀯寤哄己澶х殑web鍓嶇鐣岄潰銆6.H-ui H-ui鏄交閲忕骇鍓嶇妗嗘灦锛岀畝...
绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦鍩...
绛旓細Bootstrap Vue锛氬皢Bootstrap 4鐨勪紭闆呬笌Vue鐨勭伒娲绘х浉缁撳悎锛屾彁渚涗簡甯歌鐨刄I鍏冪礌鍜屽竷灞锛岀‘淇濅簡璺ㄥ钩鍙扮殑鍏煎鎬у拰鐢ㄦ埛鍙嬪ソ銆侫nt Design Vue锛氬熷姪Ant Design鐨勮璁＄悊蹇碉紝涓篧eb搴旂敤澧炴坊浜嗕笓涓氱殑浼佷笟绾ч鏍硷紝涓板瘜鐨勭粍浠跺拰涓婚浣垮叾鍦ㄩ」鐩腑澶ф斁寮傚僵銆俈ue Router锛歏ue瀹樻柟鐨勮矾鐢辩鐞嗗櫒锛屾槸鏋勫缓鍗曢〉闈㈠簲鐢ㄧ殑鐟炲＋鍐...
绛旓細Flutter Flutter 鏄胺姝岀殑绉诲姩绔 UI 妗嗘灦锛屽彲鍦ㄦ瀬鐭殑鏃堕棿鍐呮瀯寤 Android 鍜 iOS 涓婇珮璐ㄩ噺鐨勫師鐢熺骇搴旂敤銆 Flutter 鍙笌鐜版湁浠ｇ爜涓璧峰伐浣, 瀹冭涓栫晫鍚勫湴鐨勫紑鍙戣呭拰缁勭粐浣跨敤, 骞朵笖 Flutter 鏄厤璐瑰拰寮婧愮殑.ionic Ionic鏃㈡槸涓涓狢SS妗嗘灦涔熸槸涓涓狫avascript UI搴,Ionic 鏄洰鍓嶆渶鏈夋綔鍔涚殑涓娆 HTML5 鎵嬫満...
绛旓細1锛歷ue-element-admin 涓涓熀浜 vue2.0 鍜 Eelement 鐨勬帶鍒堕潰鏉 UI 妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙戠殑鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘浠ュ強闈炲父鐨勬垚鐔熶簡锛屽苟涓旀湁鐩稿叧鐨勭ぞ鍖哄拰缁存姢浜哄憳锛屽紑鍙戞椂鍊欓亣鍒伴棶棰樹篃涓嶈鎱屻2锛欰dminLTE 闈炲父娴佽鐨勫熀浜 Bootstrap 3.x 鐨勫厤璐圭殑鍚庡彴 UI 妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝...
绛旓細Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆妗嗘灦銆傚畠鏄竴濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傚畠鎻愪緵浜嗗緢澶氭祦琛岀殑鏍峰紡绠娲鐨刄I缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜甯哥敤鐨JavaScript鎻掍欢銆傚墠绔笁澶ф鏋讹紝鏄疉ngular銆丷eact銆乂ue锛岃繖涓変釜妗嗘灦鐜板湪鏄渶涓烘祦琛屼篃鏄渶澶氫汉鐢ㄧ殑妗嗘灦銆
绛旓細Taro UI锛屼綔涓篢aro妗嗘灦鐨勫绔粍浠跺簱锛屾棬鍦ㄨВ鍐冲绔紑鍙戠殑绻佺悙锛屽彧闇缂栧啓涓娆′唬鐮侊紝鍗冲彲閫傞厤寰俊灏忕▼搴忋丠5鐢氳嚦RN绛夊绉嶅钩鍙帮紝鏄捐憲闄嶄綆浜嗗紑鍙戞垚鏈紝瀹炵幇浜嗚法绔殑涓鑷存т綋楠屻傝繖浜涚粍浠跺簱锛屾棤璁烘槸Ant Design鐨勭簿鑷存ā鍧楀寲锛岃繕鏄疶aro UI鐨勮法绔傞厤锛岄兘鏄负浜嗘彁鍗囩敤鎴蜂綋楠屽拰鍥㈤槦鍗忎綔鏁堢巼銆傞夋嫨閫傚悎鑷繁鐨刄I缁勪欢...
绛旓細1. Kendo UI Kendo UI 灏嗗畠鏈韩瀹氫綅鎴愪负:鈥濆綋浠eb鍜屾墜鏈篴pp寮鍙戞墍闇鐨勭患鍚 HTML5/JavaScript 妗嗘灦銆俆elerik鈥檚 Kendo UI鏄瘡涓浣嶉渶瑕佸垱寤篐TML5绔欑偣鍜屾墜鏈篴pps鐨勪笓涓氬紑鍙戜汉鍛樻墍闇瑕佺殑銆侹endo UI 鍗存嫢鏈夊叏閮細涓板瘜鐨刯Query鐨勭獥浣撻儴浠讹紝绠鍗曞苟涓斿缁堝涓鐨勭▼搴忔帴鍙ｏ紝绋冲畾鍙潬鐨勬暟鎹簮锛岄獙璇侊紝鍥介檯鍖,MVVM...
绛旓細1.Bootstrap涓枃缃 Bootstrap锛岃浣犵殑椤甸潰鏇寸畝娲併佺洿瑙傘佸己鎮嶃佺Щ鍔ㄨ澶囦紭鍏堢殑鍓嶇寮鍙戞鏋,璁﹚eb寮鍙戞洿杩呴熴佹洿绠鍗曘傚畠杩樻彁渚涗簡鏇翠紭闆呯殑HTML鍜孋SS瑙勮寖锛屽畠鍗虫槸鐢卞姩鎬丆SS璇█Less鍐欐垚銆傛湁鐫涓板瘜鐨勭綉鏍煎竷灞绯荤粺浠ュ強涓板瘜鐨勫彲閲嶇敤缁勪欢锛岃繕鏈夊己澶х殑鏀寔鍗佸嚑鐨凧avaScript銆乯Query鎻掍欢浠ュ強缁勪欢瀹氬埗绛夈2. Layui ...
