长城上的猫

小编:资源搜的好,下班下得早~今天给大家分享一下@摹客团队为大家整理的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

Burger City 是一个汉堡店APP 的 UI Kit,包含25个页面,丰富的组件、字体、矢量元素,易于使用。此款APP的设计以深色背景为主,搭配色彩饱和度高的美食图片,通过颜色差异凸显出食物的特色,适合各类快餐食品相关的应用程序。

下载地址

 

2.Doglife

Burger City

Doglife是一款面向爱狗人士设计的移动端应用程序,用户可以在APP上分享狗狗的照片和日常生活。此款应用程序设计简单干净,方便用户即拿即用,用户也可以根据自己的需求和喜好,进行增改组件。

下载地址

 

3.Plexus

Burger City

此款UI kit适用于在线课程APP,共有28个页面,交互完整,设计简单大方,有Light&Dark两种主题可供选择。资源包内包含独立的组件库和丰富的矢量元素,易于使用。

下载地址

 

4.Meetio

Burger City

Meetio是一款社交类移动应用程序,此款APP设计以拼接色卡片设计为主,每个版块页面的色系都不同,丰富的滑动交互和卡片式设计,独特而富有个性。UI kit资源包内包含超过80个页面,可根据用户的需求进行选择。

下载地址

 

5.Gamify

Burger City

Gamify UI kit适用于游戏类移动端应用程序,共包含15个页面,分离的组件和矢量元素易于使用,让设计师可以更专注擅长的事情,在短暂时间内设计出需要的效果。

下载地址

 

6.Write

Burger City

这是一款笔记 APP的UI kit,共包含15个页面。黑色背景和白色卡片式设计对比分明,风格统一,可以快速上手设计,也可以根据自己的需求调整背景及卡片颜色。另外,这款UI kit同时适用于Adobe XD和sketch。

下载地址

 

7.Foodybite

Burger City

Foodybite是一款功能丰富的菜谱APP,界面模块以纵向排列和横向滑动为主,单个菜谱采用了卡片式设计,突出了菜谱的关键信息,可以快速吸引用户注意力,便于点击使用。

下载地址

 

8.Happ

Burger City

Happ UI kit包含网页、APP、遥控器等多个设备的模板,仪表盘、图表、设备控制、计时器等各种UI组件。如果你想要设计一款智能家居APP,那么这个UI kit 你一定不能错过。

下载地址

 

9.MentorMe

Burger City

MentorMe包含36个可自定义的页面,用于创建工作流程文件,安排会议和约会,发送和跟踪消息报告,还有付款及点评等丰富的功能。页面可自定义颜色、字体、标题、导航元素、输入、按钮等,还有超过40个图标可供选择。

下载地址

 

10.E-commerce

Burger City

E-commerce UI kit适用于电子商务应用程序设计,界面干净,兼具时尚感和实用性。该UI kit共有18个页面可使用。

下载地址

 

10个Sketch UI kit 资源包

11.Avsc

Burger City

这款APP UI kit包含丰富的资料展示页面。它的页面图片及按钮都采用了圆角设计,圆润的形状可以给用户带来视觉上的舒适体验。整款APP设计干净、简洁,搭配饱和度高的色彩,可以更加突出想要传递给用户的重要信息。

下载地址

 

12.Atlas

Burger City

Atlas是免费的旅行APP UI Kit,适用于移动端、桌面设备和平板电脑等多终端,共包含138个页面,300多个UI元素和超过50个图标,如果需要做多设备的配套APP,这款UI kit是你的最佳选择。

下载地址

 

13.Shopping

Burger City

这款购物APP设计采用了丰富鲜艳的色彩,主选按钮、底部菜单栏和主界面价格等元素都选择了统一色域值的紫色,在视觉上突出了重要的信息。 该UI kit共包含5个可编辑的页面,可自由编辑图层颜色,修改组件及图标。

下载地址

 

14.Login Screens

Burger City

这款UI Kit包含APP落地页、登录页、注册页、发送验证码等20多个页面,可帮助设计师快速设计和构建APP登录流程,有明暗两种主题颜色可供选择。

下载地址

 

15.Scratch Recipe

Burger City

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

Burger City

Gravity是一款数据分析类APP,该UI kit资源包由22个页面组成,每一张页面都经过了精心设计,细节完美、美观实用,适用于数据分析或运动程序设计,可以快速将设计师的创意展现出来。

下载地址

 

19.Music APP UI kit

Burger City

此款UI kit与上述音乐APP风格不同,简洁的卡片式设计和纵向分类,不会给用户带来认知难度,7个风格简单的页面几乎包含了音乐APP的所有功能。

下载地址

 

20.9GAG

Burger City

9GAG是一个基于用户上传图片的社交APP,这个重设计 UI kit包含多个可自定义的页面,简单的设计风格给了设计师更多可以发挥的想象空间。

下载地址

 

6个摹客设计大赛优秀作品赏析

除了以上20个UI kit外,小摹还为大家精选了6个摹客设计大赛的优秀作品,希望可以带给各位设计师们更多的创作灵感。

1.微校

Burger City

设计师:派大鑫

微校是一款主打校园社交的APP,用户可以在上面分享自己的校园生活,可以帮助用户拓展社交圈,找到相同兴趣的朋友。同时它也是一款校园工具APP,拥有校园卡、课程表等基础功能和查看校园卡的消费记录、在线充值、付款码等拓展功能。

在线预览

 

2.闲友

Burger City

设计师:欧晨妮

闲友APP是一款校园+校外社交的软件,是对人人网APP的重新规划。在功能上规划了很多社交/交流功能,结合了小视频、推荐、话题、社团、圈子等等功能。该设计布局合理,交互丰富,令人舒适的配色方案值得借鉴参考。

在线预览

 

3.人人

Burger City

设计师:Elvira

人人是一款校园社交APP,它的UI设计风格大胆前卫,暗色背景搭配丰富色彩,视觉表现力极强。另外丰富完整的功能和交互也为整个APP增色不少。

在线预览

 

4.云朵校园

Burger City

设计师:李鑫辉

云朵校园是一款实名的校园社交APP,有热门话题、圈子、校园活动等板块及番茄钟、课程表等实用功能。APP设计采用了少女心炸裂的马卡龙配色,选中图标的变化也十分具有辨识度,风格突出,极易吸引大学女生的注意力。

在线预览

 

5.酷蚁

Burger City

设计师:杨凤娇

酷蚁是一款专注于学生社团场景的APP,采用蚂蚁为吉祥物,象征勤劳团结,代表社团成员之间团结友爱。主色调为明黄色,象征阳光、活力、个性。设计手法采用现在流行的大标题、去线化、留白、弥散阴影等样式,使整个界面设计更潮流和年轻化,符合大学生的审美。

在线预览

 

6.Ones

Burger City

设计师:Zev族伟

Ones是一款校园、职场社交APP。独具一格的极简设计让人眼前一亮,无论是滑动式设计的引导页,登录后的弹窗,还是功能简单明了的首页和聊天界面,都传达出设计师与众不同的设计理念。

在线预览

 

原文地址:Mockplus

作者: 摹客团队

 

转载请注明:学UI网 » 找不到素材?这份免费APP UI Kit资源大礼包送给你!

登录收藏
 
你可能喜欢的:
10个新手UI设计师常犯错误,小编已中招,你呢?10个新手UI设计师常犯错误,小编已中招,你呢?
5个网页及移动端设计中最常用的英文字体5个网页及移动端设计中最常用的英文字体
UX设计不变的命题:如何提升界面设计的可读性?UX设计不变的命题:如何提升界面设计的可读性?
【宝典在手,设计不愁】2019最全App设计备忘录,助你轻松查漏【宝典在手,设计不愁】2019最全App设计备忘录,助你轻松查漏
2019年UI设计师必备工具清单2019年UI设计师必备工具清单
最佳倒数计时器设计分析【附原型实例】最佳倒数计时器设计分析【附原型实例】
9款原型设计工具与Sketch的强强组合,轻松构建交互原型!9款原型设计工具与Sketch的强强组合,轻松构建交互原型!
【小工具大用处】10个超实用的设计师专属Chrome小插件【小工具大用处】10个超实用的设计师专属Chrome小插件
【UI&UX案例分析】解密停车App(Pazi)的“前世今生”【UI&UX案例分析】解密停车App(Pazi)的“前世今生”
干货!让人一见钟情的网站header设计干货!让人一见钟情的网站header设计