⑴ 鍥藉栨湁鍝浜涘ソ鐨剈i璁捐＄綉絝 鐭ヤ箮
銆10涓鍥藉栬緝浼樼鐨刄I璁捐＄綉絝欍備綔涓鴻捐″笀錛岄櫎浜嗚佹湁搴炲ぇ鐨勭礌鏉愬簱錛岃佷繚鎸侀珮搴︾殑琛屼笟鏁忛攼搴︼紝寰楀埌絎涓鎵嬭屼笟璧勮錛岃繕瑕佷笉鏂鍦板︿範鍏呯數銆傞氳繃瀹冧滑錛屼綘灝辮兘姣忓ぉ鏀跺埌璁捐¤屼笟鏈鏂扮殑鐩稿叧璧勮錛屽寘鎷琛屼笟鍔ㄦ併佽捐′綔鍝併佸壋鎰忕伒鎰熶互鍙婄礌鏉愮瓑絳夈
銆銆
銆銆1銆乁Iparade:鐏墊劅UI璁捐＄洰褰曠綉
銆銆 UIparade:鐏墊劅UI璁捐＄洰褰曠綉鏄涓涓鑷村姏浜庤捐″笀UI璁捐′綔鍝佸垎浜鐨勭綉絝欙紝鎻愪緵涓栫晫鏄鏈鏈夋墠鍗庣殑璁捐″笀浠鐨勪紭縐浣滃搧錛屽府鍔╄捐″笀浠鑾峰緱UI鏂歸潰鐨勮捐＄伒鎰燂紝鎻愪緵涓板瘜鐨勮捐″弬鑰冩堜緥錛屽悓鏃惰繕鎻愪緵鏀惰垂鐗堢殑鍦ㄧ嚎璁捐″伐鍏楓
銆銆
銆銆2銆丮aterialUp:鍒涙剰UI璁捐＄伒鎰熷垎浜緗
銆銆MaterialUp:鍒涙剰UI璁捐＄伒鎰熷垎浜緗戞槸涓涓鑷村姏浜庣Щ鍔ㄥ簲鐢ㄥ拰緗戠珯紼嬪簭銆佹傚康璁捐′綔鍝佸睍紺虹殑緗戠珯錛屾瘡鍛ㄩ兘浼氭洿鏂版渶鏂版敹褰曠殑鍒涙剰璁捐★紝甯鍔╄捐″笀浠瀵繪壘鏋佸瘜鐏墊劅鎬濈淮鐨勮捐′綔鍝侊紝璁捐℃病鎬濊礬錛熸病鐏墊劅錛熼偅涔堜綘灝辮刀緔ц㈤槄榪欎釜緗戠珯鍚с
銆銆
銆銆3銆丠udsandGuis:縐戝夠UI鐣岄潰鍒嗕韓鍗氬
銆銆HudsandGuis:縐戝夠UI鐣岄潰鍒嗕韓鍗氬㈡槸涓涓鑷村姏浜庡垎浜鐢靛獎閲岀殑縐戝夠綾籙I鐣岄潰璁捐＄殑絝欑偣錛屾垜浠閮界湅榪囬挗閾佷緺緋誨垪鐨勭數褰憋紝瀵逛簬閲岄潰鐨勫甫鏈夋祿鍘氭湭鏉ョ戞妧鐞嗗康鐨刄I鐣岄潰璁捐℃湁鐫寮虹儓鐨勮嗚夊啿紿侊紝璇ュ崥瀹㈠氨鏄鍒嗕韓姝ょ被鐨刄I鐣岄潰璁捐¤祫婧愩傜戞妧UI鐣岄潰鏄浠庡浗澶栫殑縐戝夠鐢靛獎閲岃嶇敓鍑烘潵鐨勬柊璁捐＄悊蹇碉紝榪欐牱鐨刄I璁捐℃嫢鏈夎秴鍓嶇殑鎯寵薄鍔涘拰鏋佺畝鐨勮捐″厓緔狅紝鏄鎻愰啋鏈鏉ョ戞妧鍙戝睍鐨勬渶浣沖壋鎰忔濈淮錛岃秺鏉ヨ秺澶氱殑縐戝夠鐢靛獎閲囩敤浜嗚繖鏍風殑瑙嗚夊睍紺鴻祫婧愶紝璁╃數褰遍噷鐨勬湭鏉ユ皵鎮鏇村姞嫻撳帤錛屽傛灉浣犲枩嬈㈡ょ被UI璁捐＄殑璇濓紝涓嶅Θ澶氬叧娉ㄨ繖涓鍗氬㈢綉絝欙紝浣犱細鏀跺埌鍒板緢澶氳秴閰風殑UI璧勬簮銆
銆銆
銆銆4銆丮antia:鑻規灉UI璁捐＄綉
銆銆mantia.me鏄涓涓鑻規灉鎵嬫満UI璁捐＄珯鐐癸紝緗戠珯鎻愪緵鍏嶈垂鐨剗con鍥劇墖鍜屾岄潰浠ュ強UI璁捐′笅杞藉拰浣跨敤銆傜綉絝欎綔鑰呮浘緇忔槸iTunes鍥㈤槦浜轟箣涓錛屽弬涓庝簡iTunes鍥炬爣鐨勮捐°
銆銆
銆銆5銆丄ndroid Design:瀹夊崜UI璁捐＄綉
銆銆瀹夊崜緋葷粺鐨刄I鐣岄潰鎬繪瘮涓嶄笂IOS鐨勪紭縐鍜岀偒涓斤紝寰堝氭墜鏈烘帶瀵瑰畨鍗撶殑UI涓鐩村緩璁闈炲父澶氾紝榪欎笉璋鋒瓕Android鍥㈤槦涔熺湅涓嶄笅鍘諱簡錛岀粓浜庡ｅ竷鎺ㄥ嚭瀹夊崜UI鎸囧兼ц川鐨勭綉絝:Android Design:瀹夊崜UI璁捐＄綉銆傝ョ綉絝欎笂鏈夊緢澶氳祫鏂欙紝鍏朵腑鍖呮嫭涓鑸椋庢牸鎸囧崡銆佽捐℃牱寮忥紝浠ュ強Android鐨勯儴鍒嗛粯璁UI 鏋勪歡 鈥 鈥淏uilding Blocks鈥濄傜綉絝欒繕閲嶇偣浠嬬粛浜咥ndroid 4.0涓鐢ㄦ埛鐣岄潰鍏冪礌錛屾湁浜涙柊鐗瑰緛鍦ㄨ佺増鏈涓鍙鑳戒笉鑳界珛鍗沖緱鍒版敮鎸併備絾灝遍暱榪滄潵璇達紝榪欐槸涓涓涓嶉敊鐨勬敼鍙樸
銆銆
銆銆6銆丗luiDui:鏅鴻兘鎵嬫満UI璁捐℃祴璇曞鉤鍙
銆 FluiDui:鏅鴻兘鎵嬫満UI璁捐℃祴璇曞鉤鍙版槸涓涓閽堝逛簬鑻規灉鎵嬫満鍜屽畨鍗撴墜鏈虹郴緇烾I璁捐＄殑緗戠珯錛屽彲浠ュ湪綰塊氳繃璋鋒瓕嫻忚堝櫒璇曠敤Fluid UI錛岃繘琛屼竴浜涙崲鑲ゃ佷綅緗銆佸浘鏍囩瓑嫻嬭瘯銆傝嫻鏋滄墜鏈哄拰瀹夊崜鎵嬫満鐨勬祦琛屼篃涓烘墜鏈虹郴緇熺殑UI璁捐℃坊鍔犱簡涓鎶婄伀錛屾兂榪欐牱鐨勫彲浠ュ湪綰塊氳繃嫻忚堝櫒鏉ヨ皟璇曠郴緇烾I鐨勭綉絝欏皯涔嬪張灝戱紝濡傛灉浣犳槸鎵嬫満緋葷粺UI鐨勮捐″笀錛岄偅涔堣繖涓緗戠珯緇濆硅佸幓璇曡瘯浜嗭紝涓嶈繃闇瑕佹敞鍐屼互鍚庢墠鍙浠ヨ瘯鐢錛岀櫥褰曞悗鏈夐潪甯鎬赴瀵岀殑鍥炬爣銆佸楀浘銆佹ā鐗堝彲浠ュ湪綰挎祴璇曠殑銆
銆銆
銆銆7銆丩ovelyUI:鍙鐖辯殑UI鎵嬫満鐣岄潰璁捐″簱
銆銆LovelyUI:鍙鐖辯殑UI鎵嬫満鐣岄潰璁捐″簱鏄涓涓鑷村姏浜庢櫤鑳芥墜鏈虹晫闈㈣捐′綔鍝佸睍紺虹殑鍗氬㈢綉絝欙紝鐢變紬澶氱▼搴忕晫闈㈣捐″笀涓婁紶鍒嗕韓鍑烘潵鐨勶紝璇ョ綉絝欏垎綾昏︾粏錛岀敤鎴峰彲浠ユ洿鍔犲垎綾繪潵鏌ョ湅涓嶅悓鐨勭晫闈UI璁捐°傛墜鏈虹郴緇熺殑鐣岄潰UI灝辮窡澶у帹鍋氳彍涓鏍鳳紝浣犵殑鑿滆氨瑕佸緛鏈嶇敤鎴風殑鑳冿紝搴旂敤紼嬪簭鐣岄潰涔熼渶瑕佸惛寮曠敤鎴風殑鐪肩悆鎵嶈兘璁╀竴涓搴旂敤紼嬪簭鏈夎壇濂界殑鐢ㄦ埛浣撻獙錛岃佹兂鎻愰珮鑷宸辯殑璁捐¤兘鍔涘氨闇瑕佸幓鍙栫粡錛岃ョ綉絝欏氨鏄浣犲彇緇忕殑蹇呭囩綉絝欎箣涓銆
銆銆8銆丟etUIcolors:鍦ㄧ嚎UI棰滆壊鍒嗕韓緗
銆銆GetUIcolors:鍦ㄧ嚎UI棰滆壊鍒嗕韓緗戞槸涓涓甯鍔╄捐″笀鍙戠幇鏈浣抽滆壊鎼閰嶇殑緗戠珯錛屽綋浣犲湪璁捐UI緔犳潗鐨勬椂鍊欏悎鐞嗙殑棰滆壊鎼閰嶅氨鏄懼緱闈炲父閲嶈侊紝璇ョ綉絝欐妸鎼閰嶅ソ鐨勯滆壊鏁村悎鍦ㄤ竴璧蜂緵璁捐″笀浣跨敤錛岀洿鎺ュ嶅埗鍗沖彲銆
銆銆
銆銆9銆乁I Cloud:UI璁捐＄礌鏉愪簯鎼滅儲寮曟搸
銆銆UI Cloud:UI璁捐＄礌鏉愪簯鎼滅儲寮曟搸鏄涓涓閽堝筓I璁捐＄礌鏉愭悳緔㈢殑緗戠珯錛岄氳繃鍏抽敭瀛楁悳緔浣犳墍闇瑕佺殑緔犳潗錛屽苟涓斾笅杞芥槸瀹屽叏鍏嶈垂鐨勶紝婕備寒鐨勭綉絝橴I璁捐″姞涓婁紭縐鐨勭礌鏉愪笅杞借祫婧愶紝緇濆規槸浣犳壘緔犳潗鐨勫ソ搴旂敤銆
銆銆UICloud騫沖彴鏀墮泦浜嗘潵鑷涓栫晫鍚勫湴鐨勪簰鑱旂綉涓婃渶濂界殑UI鍏冪礌璁捐′綔鍝侊紝騫舵彁渚涗簡涓涓鎼滅儲寮曟搸涓轟綘鎵懼埌鎵闇瑕佺殑鏈濂界殑UI緔犳潗銆
銆銆璇ュ鉤鍙扮殑鐩鏍囨槸瑕佸壋閫犳渶澶х殑騫沖彴錛屽睍紺哄叾欏剁駭鐨勭敤鎴風晫闈㈣捐★紝騫朵負寮鍙戜漢鍛樿交鏉懼揩閫熷湴鍒涘緩欏圭洰錛岃緟鍔╁叾鑾峰彇寰楀埌鏈濂界殑UI緔犳潗銆傜洰鍓嶅凡鏀跺綍瓚呰繃22444涓猆I浣滃搧銆
銆銆
銆銆10銆丗ltdsgn:騫蟲澘UI璁捐″垎浜緗
銆銆Fltdsgn:騫蟲澘UI璁捐″垎浜緗戞槸涓涓鎻愪緵騫蟲澘APP鍜宧tml5緗戠珯妯＄増UI浣滃搧灞曠ず鐨勭綉絝欙紝甯鍔╄捐″笀浠瀵繪壘鐏墊劅錛屾縺鍙戜綘鐨勫壋鎰忔濈淮錛屾敮鎸侀偖綆辮㈤槄鏈鏂版洿鏂幫紝姣忓ぉ閮藉彲浠ヨ╀綘鎵懼埌鍒涙剰妯＄増璁捐¤祫婧愩傚湪璇ョ綉絝欎綘闄や簡鍙浠ュ繪壘鍚堥傜殑UI澶栵紝榪樺彲浠ユ彁浜よ嚜宸辯殑璁捐′綔鍝侊紝璇ョ綉絝欐敹褰曠殑鍒涙剰浣滃搧錛岄櫎浜嗘湁鎴鍥捐繕浼氬彂甯冧綔鍝佽捐℃潵婧愶紝涔熷彲浠ヤ綔涓哄ｄ紶鑷宸卞洟闃熺殑騫沖彴鏉ヤ嬌鐢ㄣ
⑵ 濂界殑鑻辮瀛︿範緗戠珯
1. Lingvist
榪欎釜緗戠珯鍏跺疄涓嶅彧鏄鍙浠ョ敤鏉ュ﹁嫳璇錛岃繕鍙浠ュ︿範鍏朵粬璇璦錛屽傝タ鐝鐗欒銆佹硶璇銆佷縿緗楁柉璇絳夌瓑錛屽彿縐板︿範涓闂ㄨ璦鍙闇瑕 200 灝忔椂錛屼笉榪囧畠鐗涢肩殑鏄鍙風О閫氳繃浜哄伐鏅鴻兘榪愮畻銆佸ぇ鏁版嵁錛屾帹鑽愭渶閫傚悎浣犳按騫崇殑鏁欐潗錛岀『瀹氫綘鐨勫︿範榪涘害錛屼簡瑙ｄ綘鐨勫︿範闅劇偣錛屼綘鐨勬瘡涓姝ュ姩浣滀笌涔犳儻錛岄兘浼氬獎鍝嶅畠鐨勬暀紼嬶紝浜茶韓灝濊瘯紜瀹炲緢濂界敤錛岄傚悎鍚勭嶆按騫崇殑鑻辮瀛︿範鑰咃紝鎺ㄨ崘澶у朵嬌鐢ㄣ
2. 澶氶偦鍥
榪欎釜緗戠珯鍙鑳藉︿範鑻辮鍜岃タ鐝鐗欒錛岃屼笖涓榪涘叆緗戠珯灝辯湅鍒板緢閱掔洰鐨勪竴琛屽瓧銆屽︿範璇璦錛屽厤璐規案榪溿嶏紝瀵瑰緢澶氫漢搴旇ラ潪甯告湁鍚稿紩鍔涳紝榪欎釜緗戠珯鐨勭壒鑹查櫎浜嗗厤璐瑰栵紝閫氳繃娓告垙鍖栫殑鏂瑰紡璁╀綘瀛︿範錛岃╀綘鐨勫︿範涓嶉偅涔堟灟鐕ワ紝寰堟湁瓚ｏ紝璁╀綘鏇村規槗鍦板潥鎸佷笅鍘伙紝涔熸帹鑽愬ぇ瀹跺皾璇曚笅銆
錛堟潵婧愮煡涔庯級