10个Android牛轧糖和iOS 10的免费UI工具包

Ada Ivanoff
分享

用我们的课程为你的应用增添情趣移动设备中的共享元素过渡效果。当你从一个视图切换到另一个视图时,保持用户的注意力在你的资产上。

Android和iOS的每一个新版本都要求设计师和开发者更新他们的应用。如果你正在为最新版本的Android和iOS(即Android 7,也被称为牛轧糖,iOS10)寻找(大部分)免费的UI工具包,这里有一些工具包可以考虑。

尽管Android N在半年多前就发布了,但并没有很多专门为它设计的工具包或设计资源。与棒棒糖这是一个不同的故事,有更多的UI套件可供选择。iOS10有更多的选择,所以如果你的设计主要针对iOS设备,这对你来说是个好消息。

1.Android N GUI工具包草图资源

这个Android牛轧糖GUI工具包)是为素描。为了使用这个工具包,你需要Sketch 3.8.2和Roboto, b谷歌的Android系统字体。

Android N GUI工具包草图资源

该工具包包括25个最流行的Android N屏幕向量。有些屏幕不是新的,但它们仍然可以用于牛轧糖。新的屏幕是Android N风格的通知屏幕和设置,以及电子邮件、音乐播放器、日历、Hangouts、相机、视频等。基本上,你拥有典型应用所需的所有屏幕。如果你找不到可以直接使用的屏幕,只需对现有屏幕进行轻微修改,你就可以创建你想要的屏幕。

2.安卓牛轧糖UI工具包的Photoshop

如果Photoshop是你的设计程序的选择,你不介意花一些钱在一个伟大的UI套件,你会喜欢它Android UI Photoshop工具包。不像列表上的其他资源,它不是免费的,但它是如此的好(和选择免费套件,特别是Photoshop是如此有限),我决定把它列入列表。

安卓牛轧糖UI工具包的Photoshop

这是一个矢量套件,有大量的界面元素、控件、形状、容器和图标。在其中,您将找到诸如设置、收件箱、日历、谷歌地图等屏幕。

3.Android权限对话框草图资源

权限对话框是在Android Marshmallow中引入的,但在牛轧糖中,它们经历了视觉上的改变。如果你想模仿他们的新造型,试试这个草图权限对话框

Android权限对话框草图资源

4.Android-N快捷方式模板草图资源

应用程序快捷方式是Android n的新功能之一。借助应用程序快捷方式,应用程序可以快速访问选定的屏幕和功能。如果你需要这些选项的符号,
这个模板for Sketch包含它们。请注意,一些功能,如谷歌Now Launcher(和Pixel Launcher)只支持Android 7.1及更高版本的应用程序快捷方式。

Android-N快捷方式模板草图资源

5.Android N底部导航草图资源

如果你的底部导航遵循材料设计的原则,这里有一个有用的资源给你。Android N底部导航草图资源已经发布了最近,它适用于所有最新和最伟大的材料设计概念。

Android N底部导航草图资源

6.免费矢量iOS10 GUI工具包

这个免费的矢量iOS10 GUI工具包对于任何iOS设计师来说都是一个巨大的资源集合。它是为iPhone 6制作的(即375x667px),上次我检查它时没有更新的版本,但它仍然是最好的套件之一。它需要SF UI字体。

免费矢量iOS10 GUI工具包

该套件提供62个iOS 10屏幕和所有你在设计中需要的核心组件。屏幕和组件都是命名的、分层的和完全可定制的。该工具包可用于素描,工艺库,Figma, Adobe Photoshop, Adobe XD和Adobe Illustrator。

7.苹果UI设计资源

没有苹果自己的项目,iOS10 UI资源列表就不完整。这来自苹果的UI工具包不仅仅是一个工具包。它附带了许多视频和文本教程,其中包含有关iOS GUI设计核心原则的示例。如果您不熟悉这些原则,请先阅读它们,然后再进行设计。

苹果UI设计资源

该工具包包含UIKit控件,视图和字形。它可用于Photoshop和Sketch。

8.iOS 10 UI Kit

不要被URL骗了这个很棒的套件
虽然URL说的是iOS8,但其实是iOS10。我猜他们没有重命名URL,这样他们就可以利用现有的流量来访问旧版本的页面。

iOS 10 UI Kit

这不是一个矢量套件,但它有多种尺寸,以匹配iPhone 5/SE, iPhone 6/7和iPhone 6 Plus/7 Plus的屏幕。该工具包可用于素描和Photoshop。为了正确使用这个工具包,你需要SF字体。这个工具包包含了设计iOS10应用程序所需的一切,比如系统屏幕、通知、导航和标签栏、键盘、选择器、动作表等。

9.iOS 10 UI

也许到目前为止列出的iOS10资源已经超出了你设计iOS10应用程序所需的范围,但有更多的选择总不会有什么坏处。这就是所谓的非官方设计工具包是一个庞大的屏幕、应用程序、图标、效果和其他你可以在iOS 10 gui中使用的东西的集合。你可以找到符号、小部件、通知模板等。我真正喜欢这个工具包的是它是矢量和开源的。

iOS 10 UI

10.iOS 10 GUI (iPhone)

iOS 10 GUI工具包Light是另一个你不想错过的巨大资源,它有很多屏幕和组件,你可以在公开发布的iOS 10中找到。该工具包可用于Photoshop, Sketch, Figma和XD。并非所有组件都是可扩展的,但其中许多是可扩展的,所以即使你在为其他设备设计,而不仅仅是iPhone,你仍然可以使用这些资源。

iOS 10 GUI

结论

如果我在文章中包含的5个iOS 10工具包还不够,你需要更多,检查这个列表更多信息。它经常更新新的资源,但它们只适用于Sketch。至于关于Android牛轧糖的额外资源,我没有留下像iOS那样多的好资源。也许将来会有更多的工具包发布,但现在的选择,特别是免费的Android牛轧糖UI工具包,是非常非常有限的。

用我们的课程为你的应用增添情趣移动设备中的共享元素过渡效果。当你从一个视图切换到另一个视图时,保持用户的注意力在你的资产上。

Baidu