⑴ 锲藉栨湁鍝浜涘ソ镄剈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. 澶氶偦锲
杩欎釜缃戠珯鍙鑳藉︿範鑻辫鍜岃タ鐝鐗栾锛岃屼笖涓杩涘叆缃戠珯灏辩湅鍒板緢阅掔洰镄勪竴琛屽瓧銆屽︿範璇瑷锛屽厤璐规案杩溿嶏纴瀵瑰緢澶氢汉搴旇ラ潪甯告湁钖稿紩锷涳纴杩欎釜缃戠珯镄勭壒镩查櫎浜嗗厤璐瑰栵纴阃氲繃娓告垙鍖栫殑鏂瑰纺璁╀綘瀛︿範锛岃╀綘镄勫︿範涓嶉偅涔堟灟鐕ワ纴寰堟湁瓒ｏ纴璁╀綘镟村规槗鍦板潥鎸佷笅铡伙纴涔熸帹钻愬ぇ瀹跺皾璇曚笅銆
锛堟潵婧愮煡涔庯级