【资源】找不到素材?这份免费APP UI Kit资源礼包送给你!
很多设计师可能都遇到过这样的情况:项目在设计的过程中突发状况,一切都需要推翻重来,工作量骤增,但项目预计时间却没有增加,重新整理设计思路和收集素材根本来不及,怎么办呢?
这时候设计师们就需要利用UI Kit。虽然UI Kit不能代替成品,但使用UI套件可以有效提升设计工作效率。UI Kit不仅可以用于原型设计,还能在进行APP、网站设计的过程中提供帮助。
今天给大家整理了一些优质UI Kit资源,希望能够帮助设计师朋友们以更快更好的方式将设计作品呈现出来。(部分资源来源于Behenace,需自备梯子)
关键信息:
• 10个Adobe XD UI kit 资源包
• 10个Sketch UI kit 资源包
• 6个摹客设计大赛优秀作品赏析
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包含多个可自定义的页面,简单的设计风格给了设计师更多可以发挥的想象空间。
6个摹客设计大赛优秀作品赏析
除了以上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。独具一格的极简设计让人眼前一亮,无论是滑动式设计的引导页,登录后的弹窗,还是功能简单明了的首页和聊天界面,都传达出设计师与众不同的设计理念。
以上是摹客团队为大家整理的20个UI kit资源包及6个设计灵感素材,希望对设计师朋友有所启发。