小编：资源搜的好，下班下得早～今天给大家分享一下@摹客团队为大家整理的20个UI kit和6个设计灵感素材的资源大礼包，让大家在设计时高效发力，一起来看下吧～
前言
很多设计师可能都遇到过这样的情况：项目在设计的过程中突发状况，一切都需要推翻重来，工作量骤增，但项目预计时间却没有增加，重新整理设计思路和收集素材根本来不及，怎么办呢？
这时候设计师们就需要利用UI Kit。虽然UI Kit不能代替成品，但使用UI套件可以有效提升设计工作效率。UI Kit不仅可以用于原型设计，还能在进行APP、网站设计的过程中提供帮助。
今天给大家整理了一些优质UI Kit资源，希望能够帮助设计师朋友们以更快更好的方式将设计作品呈现出来。（部分资源来源于Behenace，需自备梯子）
关键信息：
- 10个Adobe XD UI kit 资源包
- 10个Sketch UI kit 资源包
- 5个摹客设计大赛优秀作品赏析
10个Adobe XD UI kit 资源包
1.Burger City
Burger City 是一个汉堡店APP 的 UI Kit，包含25个页面，丰富的组件、字体、矢量元素，易于使用。此款APP的设计以深色背景为主，搭配色彩饱和度高的美食图片，通过颜色差异凸显出食物的特色，适合各类快餐食品相关的应用程序。
2.Doglife
Doglife是一款面向爱狗人士设计的移动端应用程序，用户可以在APP上分享狗狗的照片和日常生活。此款应用程序设计简单干净，方便用户即拿即用，用户也可以根据自己的需求和喜好，进行增改组件。
3.Plexus
此款UI kit适用于在线课程APP，共有28个页面，交互完整，设计简单大方，有Light＆Dark两种主题可供选择。资源包内包含独立的组件库和丰富的矢量元素，易于使用。
4.Meetio
Meetio是一款社交类移动应用程序，此款APP设计以拼接色卡片设计为主，每个版块页面的色系都不同，丰富的滑动交互和卡片式设计，独特而富有个性。UI kit资源包内包含超过80个页面，可根据用户的需求进行选择。
5.Gamify
Gamify UI kit适用于游戏类移动端应用程序，共包含15个页面，分离的组件和矢量元素易于使用，让设计师可以更专注擅长的事情，在短暂时间内设计出需要的效果。
6.Write
这是一款笔记 APP的UI kit，共包含15个页面。黑色背景和白色卡片式设计对比分明，风格统一，可以快速上手设计，也可以根据自己的需求调整背景及卡片颜色。另外，这款UI kit同时适用于Adobe XD和sketch。
7.Foodybite
Foodybite是一款功能丰富的菜谱APP，界面模块以纵向排列和横向滑动为主，单个菜谱采用了卡片式设计，突出了菜谱的关键信息，可以快速吸引用户注意力，便于点击使用。
8.Happ
Happ UI kit包含网页、APP、遥控器等多个设备的模板，仪表盘、图表、设备控制、计时器等各种UI组件。如果你想要设计一款智能家居APP，那么这个UI kit 你一定不能错过。
9.MentorMe
MentorMe包含36个可自定义的页面，用于创建工作流程文件，安排会议和约会，发送和跟踪消息报告，还有付款及点评等丰富的功能。页面可自定义颜色、字体、标题、导航元素、输入、按钮等，还有超过40个图标可供选择。
10.E-commerce
E-commerce UI kit适用于电子商务应用程序设计，界面干净，兼具时尚感和实用性。该UI kit共有18个页面可使用。
10个Sketch UI kit 资源包
11.Avsc
这款APP UI kit包含丰富的资料展示页面。它的页面图片及按钮都采用了圆角设计，圆润的形状可以给用户带来视觉上的舒适体验。整款APP设计干净、简洁，搭配饱和度高的色彩，可以更加突出想要传递给用户的重要信息。
12.Atlas
Atlas是免费的旅行APP UI Kit，适用于移动端、桌面设备和平板电脑等多终端，共包含138个页面，300多个UI元素和超过50个图标，如果需要做多设备的配套APP，这款UI kit是你的最佳选择。
13.Shopping
这款购物APP设计采用了丰富鲜艳的色彩，主选按钮、底部菜单栏和主界面价格等元素都选择了统一色域值的紫色，在视觉上突出了重要的信息。 该UI kit共包含5个可编辑的页面，可自由编辑图层颜色，修改组件及图标。
14.Login Screens
这款UI Kit包含APP落地页、登录页、注册页、发送验证码等20多个页面，可帮助设计师快速设计和构建APP登录流程，有明暗两种主题颜色可供选择。
15.Scratch Recipe
Scratch UI Kit适用于食谱类APP设计，包含菜单浏览、收藏、编辑和分享到个人食谱等10个核心屏幕，100多个组件，以及3种不同尺寸可供选择。
16.L\’euphorie Music
L\’euphorie Music UI kit，极简时尚的设计极具现代感，浅淡素雅的背景色调和了屏幕的亮度，给用户带来极大的视觉享受。
17.L\’euphorie E-commerce
L\’euphorie E-commerce APP UI Kit包含了页面和独立的组件，配色方案沿用了同系列音乐APP，小清新的配色和布局，时尚而不失特色。
18.Gravity
Gravity是一款数据分析类APP，该UI kit资源包由22个页面组成，每一张页面都经过了精心设计，细节完美、美观实用，适用于数据分析或运动程序设计，可以快速将设计师的创意展现出来。
19.Music APP UI kit
此款UI kit与上述音乐APP风格不同，简洁的卡片式设计和纵向分类，不会给用户带来认知难度，7个风格简单的页面几乎包含了音乐APP的所有功能。
20.9GAG
9GAG是一个基于用户上传图片的社交APP，这个重设计 UI kit包含多个可自定义的页面，简单的设计风格给了设计师更多可以发挥的想象空间。
除了以上20个UI kit外，小摹还为大家精选了6个摹客设计大赛的优秀作品，希望可以带给各位设计师们更多的创作灵感。
1.微校
设计师：派大鑫
微校是一款主打校园社交的APP，用户可以在上面分享自己的校园生活，可以帮助用户拓展社交圈，找到相同兴趣的朋友。同时它也是一款校园工具APP，拥有校园卡、课程表等基础功能和查看校园卡的消费记录、在线充值、付款码等拓展功能。
2.闲友
设计师：欧晨妮
闲友APP是一款校园+校外社交的软件，是对人人网APP的重新规划。在功能上规划了很多社交/交流功能，结合了小视频、推荐、话题、社团、圈子等等功能。该设计布局合理，交互丰富，令人舒适的配色方案值得借鉴参考。
3.人人
设计师：Elvira
人人是一款校园社交APP，它的UI设计风格大胆前卫，暗色背景搭配丰富色彩，视觉表现力极强。另外丰富完整的功能和交互也为整个APP增色不少。
4.云朵校园
设计师：李鑫辉
云朵校园是一款实名的校园社交APP，有热门话题、圈子、校园活动等板块及番茄钟、课程表等实用功能。APP设计采用了少女心炸裂的马卡龙配色，选中图标的变化也十分具有辨识度，风格突出，极易吸引大学女生的注意力。
5.酷蚁
设计师：杨凤娇
酷蚁是一款专注于学生社团场景的APP，采用蚂蚁为吉祥物，象征勤劳团结，代表社团成员之间团结友爱。主色调为明黄色，象征阳光、活力、个性。设计手法采用现在流行的大标题、去线化、留白、弥散阴影等样式，使整个界面设计更潮流和年轻化，符合大学生的审美。
6.Ones
设计师：Zev族伟
Ones是一款校园、职场社交APP。独具一格的极简设计让人眼前一亮，无论是滑动式设计的引导页，登录后的弹窗，还是功能简单明了的首页和聊天界面，都传达出设计师与众不同的设计理念。
原文地址：Mockplus
作者： 摹客团队
评论0