分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

非常详细的免费移动UI工具包
2019-11-05 09:04:07

你可以在网上找到很多免费的模型,但大多数都是针对Photoshop用户的。近年来,素描以大量的插件和免费的教程快速成长,帮助初学者进入这一新的UI设计软件。这也意味着你可以在网上找到大量的免费赠品,从完整的实物模型到详细的UI工具包。在这篇文章中,我整理了我的10个最佳免费用户界面工具包。

 

iOS设计工具

 

iOS的每一个新版本都会提示一个更新的GUI工具包,而这个免费赠品是迄今为止最全面的。它涵盖了iPhone和iPad应用程序的所有主要元素,并提供了大多数设计软件的免费工具包。你也可以在Photoshop中找到PSDs,但是你可以用同样的ios样式的向量元素下载草图文件。这些元素都是@ 1x大小的,但是因为它们是向量,所以您可以轻松地调整它们的大小,而不需要任何质量损失。

 

谷歌现在的用户界面

 

谷歌的一个鲜为人知的项目是谷歌现在的预测应用程序,设计师Manu Akash创造了一个谷歌的变体,现在UI是一个草图免费的。这个工具包包含了很多主要的应用程序页面,但是也使用了来自材料设计库的样式。如果你想在谷歌的设计风格下设计Android应用程序,那么这是一个很好的免费赠品。

 

博客工具

 

像媒体这样的免费博客平台已经改变了网络写作的面貌。这个免费的博客UI工具包展示了一个非常好的移动应用程序UI遵循同样的策略。设计师Thomas Budiman创建了这个博客/写作工具包,主要关注移动应用的设计。它跨越了许多不同类型的接口,如相册页面、文章档案、新用户的注册/登录表单。

 

移动手机用户界面工具包

 

Move UI是由捷克设计师Volodymyr Kurbatov创建的一个免费的手机应用程序模拟包。这个包不是专门针对元素,而是针对不同情况的屏幕设计和接口。但是在这些接口中,您将发现所有常见的移动元素,如按钮、输入字段、选项卡、post归档、slideshows,以及其他您可能用于自定义移动应用程序的其他内容。这个freebie托管在Gumroad上,所以它通过他们的checkout系统工作,但是注意它是一个巨大的$ 0,所以它不会花费你任何东西下载。

 

咖啡店iOS设备

 

为一个非常独特的风格,风格的UI工具包检查这个咖啡店免费设计的草图。它模仿了一个本地咖啡店的iOS应用程序,有50多个屏幕,覆盖了商店菜单、结帐和产品页面(在许多其他页面中)。这个免费赠品最酷的地方在于它的易用性。您可以接受这个设计并定制它,但是您想要创建任何类型的移动电子商务接口。每个元素都是一个可伸缩的矢量,所有的文本都基于免费的谷歌网络字体。

 

社会使应用程序

 

社交媒体是当今网络的一个重要组成部分,这个免费赠品为移动设计师提供了一个非常酷的开始。该接口工具包附带了一些展示社会营销应用的屏幕。屏幕功能包括用户列表、登录字段、概要文件页面和用于交互性的照片上传/编辑屏幕。许多这些元素可以扩展到一个完整的网站布局,所以不要被移动设计束缚。这个UI工具包也遵循了材料设计语言,因此它最适合于Android或google类型的接口。

 

引导用户界面工具包

 

Bootstrap图书馆在设计师中非常受欢迎,这是在网上获得一个新项目的最快方法。您总是可以首先编写布局,但是使用像这样的BS3 UI工具包来工作通常更容易。这是完全免费下载的AI和草图格式。每个元素都与Bootstrap 3套件完全匹配,并且它使用了符号图标,就像Bootstrap一样。如果你是用Bootstrap设计的,那么你绝对想要一份免费的。如果你想要进.Bootstrap 4,那就看看这张BS4网格系统的草图。这并不是一个完整的BS4组件,因为这个版本仍然在Alpha版本中,但是希望在接下来的几年里我们能看到更多的免费赠品。

 

和谐的UI工具包

 

这手机地图uikit特性销滴,你期望位置的箭头和搜索功能从地理定位应用。和谐的UI工具包Dawid Młynarz这个清单上的新草图免费,首先在2017年代中期被释放。它提供了十几个移动应用程序屏幕的地图界面和搜索功能,以便在电话上找到方向。UI工具包是完全免费的,但它也托管在Gumroad上,所以下载过程会觉得有点奇怪。

 

火绒iOS UI工具包

 

这是另一个基于Tinder接口的移动用户界面工具包。这个免费赠品是由Gilberto De La Garza创作的,并免费发布在草图应用程序的源代码中。它包含了15种不同的个人资料、用户列表、约会信息和照片页面。这个接口工具包模仿Tinder应用程序,但是您可以从这个UI工具包中挑选出更小的元素,并自己使用它们。对于iOS应用程序设计来说,草图是完美的,因为它可以让你调整元素的大小,而不需要任何质量损失。这就是为什么像这样的Tinder freebie这样的工具对于新手设计师来说是非常有价值的,他们只是学习了UI的工作原理。

 

移动线框图

 

数字线框图是任何界面项目的重要组成部分。在设计颜色、纹理和排版之前,线框图甚至原型设计的过程帮助你清晰地映射界面。这个移动的线框freebie是一个很好的起点。它是专门为草图设计的,它有57个不同的移动界面屏幕,你可以对它们进行配对。所有这些屏幕都包含了向量元素,你也可以根据你的喜好来排列它们。一个非常棒的设计前工作和基本原型的UI工具包。

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: