订阅摹客文章

免费获取优质的设计资讯!

文章分类
热门文章
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > UI设计 > 找不到素材?这份免费APP UI Kit资源大礼包送给你!

找不到素材?这份免费APP UI Kit资源大礼包送给你!

Greta
2019-10-14
8657

很多设计师可能都遇到过这样的情况:项目在设计的过程中突发状况,一切都需要推翻重来,工作量骤增,但项目预计时间却没有增加,重新整理设计思路和收集素材根本来不及,怎么办呢?

这时候设计师们就需要利用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

Doglife

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

下载地址

3.Plexus

Plexus

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

下载地址

4.Meetio

Meetio

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

下载地址

5.Gamify

Gamify

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

下载地址

6.Write

Write

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

下载地址

7.Foodybite

Foodybite

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

下载地址

8.Happ

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

下载地址

9.MentorMe

MentorMe

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

下载地址

10.E-commerce

E-commerce

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

下载地址

10个Sketch UI kit 资源包

11.Avsc

Avsc

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

下载地址

12.Atlas

Atlas

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

下载地址

13.Shopping

Shopping

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

下载地址

14.Login Screens

Login Screens

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

下载地址

15.Scratch Recipe

Scratch Recipe

Scratch UI Kit适用于食谱类APP设计,包含菜单浏览、收藏、编辑和分享到个人食谱等10个核心屏幕,100多个组件,以及3种不同尺寸可供选择。

下载地址

16.L'euphorie Music

L'euphorie Music

L'euphorie Music UI kit,极简时尚的设计极具现代感,浅淡素雅的背景色调和了屏幕的亮度,给用户带来极大的视觉享受。

下载地址

17.L'euphorie E-commerce

L'euphorie E-commerce

L'euphorie E-commerce APP UI Kit包含了页面和独立的组件,配色方案沿用了同系列音乐APP,小清新的配色和布局,时尚而不失特色。

下载地址

18.Gravity

Gravity

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

下载地址

19.Music APP UI kit

Music APP

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

下载地址

20.9GAG

9GAG

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

下载地址

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

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

1.微校

设计师:派大鑫

微校APP设计

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

在线预览

2.闲友

闲友APP设计

设计师:欧晨妮

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

在线预览

3.人人

人人APP设计

设计师:Elvira

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

在线预览

4.云朵校园

云朵校园APP设计

设计师:李鑫辉

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

在线预览

5.酷蚁

酷蚁APP设计

设计师:杨凤娇

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

在线预览

6.Ones

OnesAPP设计

设计师:Zev族伟

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

在线预览

以上是摹客团队为大家整理的20个UI kit资源包及6个设计灵感素材,希望对设计师朋友有所启发。

上一篇
2019年UI设计师必备工具清单

Thomas   10/17

最佳倒数计时器设计分析【附原型实例】

Thomas   10/12

下一篇
咨询客服

帮助群:651432826

服务邮箱:service@jongde.com