许多设计师正Swift从Adobe Photoshop跳入Sketch的美好境界。 这个用于OS X的数字设计程序为UI设计,图标设计提供了更好的工具 ,并在一个程序中提供了像素+矢量支持。 这导致Sketch设计师发布的免费赠品激增。
任何熟悉免费赠品市场的人都知道, UI套件是界面设计工作中最受欢迎的资源。 我已经为网站和移动应用程序编译了这些免费的Sketch UI工具包。 每个套件都可以免费下载,并且可以与任何版本的Sketch兼容。 随时抓住任何引起您注意的东西,看看是否可以充分利用这些接口套件。
Web UI套件
网站仍然是UI设计的命脉,并且在进行编码之前通常都需要模型。 这些UI套件将为您提供创建美观和用途的数字界面所需的资源,这些界面可以快速编码为真实的网站布局。
此纯深灰色/蓝色UI套件是专门为Sketch 3+设计的 ,包括按钮,滑块,下拉菜单和开关等常见元素。 每个元素还具有开/关状态,因此您可以构建具有自定义交互状态的界面元素。
这是一个独特的工具包,具有深色和浅色背景样式,适合更广泛的受众。 该工具包将重点放在页面小部件上,而不是简单的元素上,因此您会发现更多晦涩难懂的项目,例如加载栏和媒体播放器 。
这个夏天的UI套件包含了用于增强数字模型的按钮,表单,下拉菜单和其他非常常见的页面元素。 另外,它是一个完全分层的Sketch文档,因此您可以轻松地根据需要更改内容。
Pearl UI套件遵循非常简单的平面设计,带有基本页面元素。 按钮,输入字段,手风琴和选项卡只是您可以使用的一些选项。 如果您是初学者,那么此套件可能会有助于您解构如何设计自己的套件。
这种相当模糊的免费赠品在线框图制作阶段最有效 。 这些布局无法在Sketch中完全呈现,而是提供带有静态块元素的低保真布局。 这些布局的颜色,形状和位置应有助于每个UI设计师更好地了解线框图的过程 。
这个免费赠品是一个非常简单的基于特斯拉汽车主题的 UI套件,比其他赠品更加详细。 您确实可以使用简单的按钮,但也可以使用更复杂的界面项目,例如详细的表格列表和日历小部件 。
毫无疑问,这是您将为Sketch找到的最广泛的UI套件之一。 实时演示页面统计了25种以上不同类型的元素,从图像滑块到结帐表格和用户评论 。 绝对是您可以在网上找到的最酷,最有用的Sketch免费赠品套件之一。
当涉及到前端框架时,UI设计人员通常被排除在循环之外,这就是为什么免费赠品是一种享受。 该Bootsketch套件具有每个存在的Bootstrap元素的矢量元素。 这使得在Sketch中创建Bootstrap主题的模型非常容易,甚至无需触摸浏览器。
这个简洁的UI套件从平面设计转移到页面元素的渐变和深度美感 。 这是一个有趣的工具包,可在任何项目中使用,并演示您可以在Photoshop中做的任何事情在Sketch中同样可以实现。
更多
如果您正在寻找更多替代方案,请查看下面的Web UI套件清单。
行动使用者介面套件
随着越来越多的人进入移动经济领域,对本地移动应用程序的热爱持续增长。 尽管应用程序下载量正在下降,但仍然需要本机应用程序的高质量界面来补充桌面应用程序。 这些免费的Sketch UI工具包将帮助您为所有设备设计高质量的移动应用程序,同时保持分辨率和视网膜屏幕之间的差异。
苹果公司不断追求更大的创新,几乎每年都会推出新的移动操作系统。 当前趋势是iOS 9,此UI工具包提供了本机iOS应用程序所需的一切。
Salesforce1是用于客户和客户管理的流行仪表板应用程序。 该Salesforce1 UI套件提供了iPhone应用程序的所有常见元素,以修补和重用其设计美感。
您当前是否正在为iPhone或Android应用程序制作移动UX原型? 然后,此Sketch免费赠品一定会帮助您轻松完成该线框。 这是在数字屏幕上启动线框图/原型设计阶段的一种免费方法。
从Snapchat到Pinterest,在过去几年中,数十个社交网络Swift膨胀。 该社交UI工具包可以帮助启动下一个主要的社交应用,并Swift扩展到iPhone用户的广泛受众。
这款Moon线框套件是渲染接口的完美组合,并且倾向于线框 。 该套件包括50个独特的移动应用程序屏幕,可以针对任何项目进行调整和重新排列。 您可以将Moon UI工具包用于基本的线框图或完整的UI模型。
这是一个基于Sketch 3+用户的旅行应用的深色而精美的UI套件。 它适用于任何想乘飞机飞行或旅行移动应用程序概念玩转的人。
照片共享移动应用程序正在饱和市场,某些应用程序甚至包括补充了该应用程序主要用途的照片共享功能。 因此,有一个免费的Instagram UI套件供Sketch设计师在自己的设计中复制照片功能,真是太好了。 这是一个基本的iOS摄影应用程序UI概念包。
更多
在这篇文章中,有太多的GUI工具包需要写,但是我也不能丢下任何好的工具包。 因此,如果您需要更多的移动Sketch UI资源,请查看这些替代方案。
翻译自: https://www.hongkiat.com/blog/sketch-gui-kits-web-design/