我們準備給那些要做移動端UI設(shè)計或準備開始工作的人分享點兒好東西脖捻。我的聯(lián)合創(chuàng)始人和開發(fā)者，Ahmed Sulaiman 已經(jīng)開始從頭設(shè)計嗜浮。你也可以這樣做！在開啟設(shè)計之旅之前畏铆，你可以先看看這個設(shè)計規(guī)范吉殃。
準備好 UI元素蛋勺、屏幕、組件以及全部的 App 概念倚搬，打包在一個 UI Kit 中乾蛤，是一個很好的選擇家卖。你可以通過修改UI工具包來滿足你的需求和目標。所有組件和屏幕都很容易修改趴樱，比如導(dǎo)航欄酪捡，按鈕逛薇，登錄表單。你可能已經(jīng)在 Sketch 應(yīng)用里工作啤呼，因此大多數(shù)的UI kits 都是 Sketch 格式呢袱。為了保證多樣性羞福，我們還添加了一些很棒的 Figma，Adobe XD 和 Photoshop 格式的 UI kits焊唬。
這里35的 UI Kits 都是免費的，由專注于 iOS 平臺。我們使用其中的一些是個人的和還有些不是鸥滨，但都是精心挑選的谤祖。為了讓你的設(shè)計旅行更方便粥喜，本文也會給出一些學(xué)習(xí)資源。
iOS 11 UI Kits
這是一個完全蘋果的人機界面指南 (HIG) 的 Sketch kit 文件卿吐。它包含文本樣式锋华，可調(diào)整大小的 Symbol 毯焕，而且是一組黑色主題組件。每個組件的命名都符合蘋果開發(fā)人員文檔規(guī)范婆咸。你按你的意愿可以輕松地定制顏色芜辕、圖標和內(nèi)容物遇，一切都將完全自適應(yīng)!
收集了大量的 iOS 11個核心組件和超過60(x2)選擇屏幕。以及之前的UI Kits乃沙，這些設(shè)計完全符合蘋果的HIG诗舰，是專門針對 iPhone X 和 iPhone 8 設(shè)計的。Sketch 文件包含的 Symbols 和文本樣式都可以任意修改边琉。
這組 Kits 也是 iOS 11設(shè)計風(fēng)格记劝，包括22個屏幕厌丑，10個鍵盤，矢量元素和100% 的形狀完全分層砍鸠，組織和分組耕驰。它是一個很好 iOS 11 設(shè)計風(fēng)格項目資源朦肘。
一組全面的文件可用于 Origami、Sketch 和 Photoshop示启，并保證所有涉及都可在 iPhone X 上應(yīng)用领舰。Facebook團隊還創(chuàng)建了?Origami 組件鏡像 iOS 11 UI元素冲秽，并重建了最新 iOS11 的最新版本。
如果你學(xué)習(xí)或使用過Adobe XD排霉，你會喜歡這個小 iOS 11 UI Kits攻柠。Adobe XD 組件包括12種不同的屏幕后裸，有一些 iOS 11默認的控制面板微驶，鎖屏开睡，屏幕和一些應(yīng)用商店界面篇恒。并不大但仍然有用凶杖。
UI Kits for social apps
這是一個干凈的智蝠、可定制的 UIKit，其中包含注冊，登錄毛秘，個人頁阻课、博客以及文章模板限煞。你會喜歡它大膽的配色方案，圖片和排版奋献。在Photoshop中可用的格式提供免費谷歌字體旺上。這個 kit 不是純粹為 iOS平臺宣吱，它的設(shè)計是如此充滿活力征候！
新鮮和豐富多彩的照片共享應(yīng)用界面 UI Kits，包含Sketch格式兆解。它包括超過50多屏和大量漂亮的元素卒煞，從按鈕，搜索欄衣撬，相機元素和通知欄具练。如果你打算實現(xiàn)一個照相App扛点，這個工具可以節(jié)省大量時間。
它是 Adobe XD Kit 一個圖片分享應(yīng)用眠饮。有23類不同應(yīng)用屏幕仪召，比如登錄松蒜，注冊秸苗，消息，圖片詳情頁玖瘸，社交店读，還有禮物攀芯，投票等等侣诺。Kits 非常豐富多彩的和并為 iPhone X優(yōu)化。
Travel UI Kits
Travel-inspired uikit 里有15+屏趴久，包括登錄界面彼棍、、位置信息弛作、照片映琳、地圖和更多蜘拉。干凈的設(shè)計旭旭，令人震驚的照片。Sketch格式穿肄。
包含通勤、旅行和社交頁面仲闽。我喜歡它的顏色方案僵朗，美觀的旅行圖片為整個包增色不少验庙。Navigo是一個包含60多頁面粪薛，可分為6類：主頁、引導(dǎo)頁湃交、活動搞莺、個人掂咒、統(tǒng)計、信息挨摸。Navigo 為 iPhone X 分辨率優(yōu)化捌木，Adobe XD格式刨裆。
這不是一個概念應(yīng)用帆啃，實際上他已經(jīng)對私人開放使用了。
Travelisto代表一個虛構(gòu)的旅行應(yīng)用程序擁有超過22個iOS矢量格式的屏幕設(shè)計诽偷。具有深色和淺色兩個版本报慕。
基于位置的應(yīng)用眠冈。包含發(fā)現(xiàn)菌瘫、分享以及步數(shù)。Harmony 包含 iOS10 以上版本的核心頁面雨让。頁面不多雇盖，但都是精品。
Food recipes UI Kits
食品配方的應(yīng)用的 UI Kits栖忠。它包括11個頁面崔挖。這個 UI Kits 里的食品配圖感覺很好吃的樣子。所有UI Kits 都很簡單美觀庵寞，它是一個很好的起點虚汛。
漂亮的iOS UI Kits 11 風(fēng)格的食譜和烹飪應(yīng)用 Sketch格式)。最好的簡約主義皇帮！
設(shè)計時考慮到用戶體驗，這組優(yōu)雅的 UI Kits 包含25個基本的屏幕属拾。不僅包含烹飪食譜菜單頁面還包含布局将谊、搜索冷溶、社區(qū)、報價等頁面尊浓。Sketch 格式逞频。
Edacious有一個有趣的故事。這本來是一個付費項目栋齿，但客戶決定不再需要它了苗胀。所以從孟加拉國來的創(chuàng)意設(shè)計師決定做一個免費的 UI Kits。他們分享1著陸頁和18 iOS 屏幕瓦堵，組成一個food-inspired移動應(yīng)用基协，PSD 格式。
Chat & Messenger UI Kits
十分可愛的移動聊天界面菇用、包含登錄屏幕澜驮、登錄、滾動聊天列表惋鸥、完整的聯(lián)系人列表和更多杂穷。Sketch 格式。
這個 UI Kits 包含了設(shè)置卦绣、圖標耐量、屏幕，他是專門針對于中國最流行的通訊工具：微信滤港。提供英文和中文兩個版本拴鸵，包含4個標簽，官方登錄頁面蜗搔、朋友圈、個人頁八堡、二維碼以及更多資源樟凄。
你知道 Telegram 是俄語國家中是一個非常受歡迎的通訊應(yīng)用。如果針對于這些市場兄渺，需要使 Telegram bot缝龄，這個 UI Kits 將會非常有幫助。它包括 6個Telegram 應(yīng)用視圖：聯(lián)系人挂谍、聯(lián)系人搜索叔壤、查詢聯(lián)系、機器人歡迎口叙、圖表和對話框(Sketch格式)炼绘。同時,它有廣泛的Symbols。
Ego不是純粹的 iOS UI Kits妄田，但它非常干凈和有用的俺亮，如果你需要使用俄羅斯的副本驮捍。Kits中包含20個精心設(shè)計的移動端屏幕，簡約的圖標脚曾，色彩盤东且。Adobe XD格式。
官方 Facebook 消息機器人 UI Kits 本讥，包括組件對會話和基于 GUI 的經(jīng)歷珊泳。Sketch格式。
eCommerce UI Kits
這是一個時尚的移動 UI Kits拷沸，專門為iOS而設(shè)計的色查。適合任何電子商務(wù)應(yīng)用程序，包含產(chǎn)品分類頁和產(chǎn)品頁頁面堵漱，以及帳戶設(shè)置和登錄屏幕综慎。Adobe XD格式。
進口商品應(yīng)用樣本勤庐。大膽的標題字體設(shè)計風(fēng)格和搭配全屏背景圖像具有極強的視覺沖擊力示惊。
可定制的UI工具包，它包含6類：閃屏愉镰、登錄/注冊米罚、菜單、閱讀丈探、電子商務(wù)录择、媒體播放器。它有各種Sketch 頁面碗降，將適合電子商務(wù)移動應(yīng)用或社交應(yīng)用隘竭。
海倫是一個專業(yè)設(shè)計iOS電子商 UI Kits ，包含Sketch 和Photoshop 兩個格式讼渊。11 +高質(zhì)量的頁面动看。特別適合時尚服裝的應(yīng)用。
一個電子商務(wù)應(yīng)用爪幻，包含120 +屏的 UI Kits菱皆。如設(shè)計者所說，?Mercatus 的靈感來自于1980年的休閑文化挨稿，歐洲名牌服裝和現(xiàn)代小眾美學(xué)仇轻。Sketch 看起來很時尚和清潔。所以你肯定可以使用它做作為你的下一個電子商務(wù)應(yīng)用程序的靈感奶甘。
More cool UI Kits
如果你打算設(shè)計帶有 ARKit 的手機應(yīng)用程序篷店，那么看看我的好朋友Volodymyr Kurbatov設(shè)計這個 UI Kits 吧。它包含22個 iOS 11 頁面和矢量圖標 (免費版權(quán)) 臭家〈樱可以把這個 Kits 放在任何你想放的地方：列表吭产、目錄、地圖鸭轮、技巧和所有類型的相機視圖的每一個階段都基于“增強現(xiàn)實”技術(shù)的經(jīng)驗 (如掃描臣淤、放置和交互)。采用Sketch格式并為 iPhone X 分別率優(yōu)化窃爷。
豐富多彩的電影應(yīng)用邑蒋。iOS UI Kits 包括30多個屏幕完全自定義的布局和層 (Sketch格式) 。它是專為 iPhone X 設(shè)計按厘，包含中文和英文兩個版本医吊。這是設(shè)計電影App最好的開端。
Elements: iOS UI kit by Sketch
設(shè)計師在用 Sketch 做了個超級棒的作品逮京。他們的 iOS UI組件包括五個不同的主題卿堂，35模板和超過175個Symbols。此套裝包含具有 Sketch 頁面懒棉，包含食物草描、社交、音樂策严、攝影和旅行iOS應(yīng)用程序穗慕。一切都很容易定制，從顏色到符號妻导。這個 Kits 一定會幫助你加快你的工作流程!
Holo Music?Dark?and?Light?Kits
一個五彩繽紛和現(xiàn)代感極強的音樂應(yīng)用程序的 UI Kits逛绵，深色和淺色兩個主題。免費版的提供播放列表和播放界面倔韭，Sketch格式哦术浪。頁面不多，但都是精品寿酌。
一個完整的很酷的國際電話 iOS 應(yīng)用程序的?UI Kits胰苏。文件包括30多個獨特的屏幕和一些用戶體驗草圖流：引導(dǎo)頁、最近通話和通訊錄頁面份名、撥號、計費妓美、喜歡僵腺。其中有個 Principle 的動畫頁面，從而闡明整個應(yīng)用程序的用戶體驗壶栋。
整合了50多屏的Sketch格式的 UI Kits 辰如，其中包含，原型模板贵试、幾十個圖標和按鈕琉兜。這組界面看起來清晰干凈凯正，對于剛開始做在線銀行的用戶體驗的童鞋是個很好的開始。
我特別喜歡這組金融 UI Kits 有趣的風(fēng)格豌蟋，其中包含：管理你的收入廊散、找到附近的ATM、轉(zhuǎn)賬給家庭或朋友梧疲、以及更多允睹。這是 Adobe XD UI Kits 其中有40多個頁面，可適配于4幌氮、7和X的布局缭受。
非常干凈的25個 UI 界面，可以分為：引導(dǎo)頁该互、登錄米者、設(shè)置、主頁宇智、發(fā)現(xiàn)和發(fā)帖蔓搞。Sketch格式。
我希望這些 UI Kits 和技巧將使你的工作更容易普筹，如果能激勵你開始學(xué)習(xí)手機設(shè)計就更好了败明。你也可以從以下幾個鏈接獲得更多資源：
PSD Repo?and?Sketch Repo
