返回  

2020年Sketch模板设计推荐

2019/12/20 9:45:35 来源:深圳网站建设公司Clh

Sketch是一款独特的应用程序,为创建应用程序UI设计和模型以及网站设计提供了惊人的功能。 为应用程序创建有效的UI需要大量时间,对细节的关注,而且最重要的是,需要一个合适并具有特色的想法!


为了简化创建应用程序界面的设计过程,我们收集了可用于下一个应用程序项目的Sketch UI模板和素材,希望可以帮助你更快的搭建去自己的设计。

所有这些资源中都带有数百个UI设计元素,可以在你的设计中轻松进行调整。


1.Landing UI Kit Sketch Templates

Landing UI Kit Sketch Templates

这是一个具有3种不同布局的登录页模板套件。 每个模板还具有多种格式,包括Sketch,Photoshop,Figma和Adobe XD。 你可以使用自己喜欢的应用程序对其进行编辑。


2.BARIUM – Multipurpose Card-Based UI Kit

BARIUM – Multipurpose Card-Based UI Kit

Barium是一个多功能UI套件,具有一组基于卡片式设计的应用程序页面,可用于制作不同类型的应用程序用户界面。 该资源包括30种不同的iOS屏幕模板,这些模板具有15种热门类别的设计。


3.Spojeeto – E-commerce Mobile App UI Kit

Spojeeto – E-commerce Mobile App UI Kit

此UI套件具有13个独特的移动应用程序屏幕,可让你为各种类型的商店和企业设计独特的电子商务类型的应用程序界面。 此包中的所有模板均具有可调整和可编辑的图形。


4.The 1989 – Sketch Website UI Template

The 1989 – Sketch Website UI Template

这是一个网站设计相关的用户界面,具有多种设计布局。 它包括2种不同的首页设计,7种投资组合页面布局,6种博客布局,以及你可以用来制作专业网站或登录页面的更多内容。


5.Free Social Network UI Sketch Template

Free Social Network UI Sketch Template

一个免费的Sketch模板,可用于制作时尚的社交用户界面。 该模板具有Sketch和Photoshop文件格式。 你可以以此为灵感来创建自己的独特项目。


6.Dashboard & Statistics UI Sketch Template

Dashboard & Statistics UI Sketch Template

此模板包最适合用于设计具有统计信息和图表的现代和创意的移动应用程序。 它包括各种样式和类别的设计,例如业务,咨询,审计,研究等。


7.Paper – Wireframe Kit Sketch Template

Paper – Wireframe Kit Sketch Template

Paper是一个通过Sketch创建的完整线框图工具包,可用于在Sketch中创建网站设计的快速模型。 该模板中包含10个不同类别的各种元素,其中包括网站标题,博客,产品组合,价格表等。


8.Cards UI Kit – Admin Panel Dashboard Concept

Cards UI Kit – Admin Panel Dashboard Concept

Cards是一个管理仪表板类型的UI套件,具有精美的现代的设计。 它具有专为Bootstrap布局设计的时尚布局,并且模板也与Sketch,Photoshop和Adobe XD兼容。


9.Prycie – Pricing Table UI Kit Template

Prycie – Pricing Table UI Kit Template

这是Sketch UI工具包模板的集合,其中包含具有各种设计风格的图表套件。 它包含10种不同样式的图表,你可以使用它们来构思不同网站设计和应用程序设计项目的灵感。


10.Harmony – Free Sketch UI Kit

Harmony – Free Sketch UI Kit

这个免费的UI资源包集合了一组用于创建和远足活动相关的应用程序的移动端设计。 当然,你也可以使用此UI套件的元素并从中寻找灵感来创建其他类型的应用程序。


你可能不知道的5个Sketch App提示

使用这些提示,你将能够增强Sketch应用程序的工作流程。


1.学习压缩文件大小(Learn to Reduce File Size)

Sketch文件通常包含许多画板,在设计中包含大量图像的应用程序界面和网站登录页面时可能会出现加载缓慢等问题。 因为它会影响设备性能,甚至会创建难以共享的较大文件。

Sketch应用程序内置了一个针对此问题的简单解决方案。 只需转到“文件”菜单,然后选择“减小文件大小”。 然后单击减少就可以自动优化画板上元素的图像和文件大小。


2.元素关联(Leverage Symbols)

这是Sketch中的一项有用的功能,可让你创建相互关联的元素。 例如,你可以创建一个按钮并将其另存为主符号。 然后,你可以使用它来创建更多按钮。 当你编辑主符号并进行更改时,它也会同步影响所有其他按钮。

这是一项很棒的技术,可以帮助你在编辑和设计带有重复元素的用户界面设计时节省时间。


3.填充图像(Use Images as Fills)

如果你无法找到适用于对象,应用程序或网页设计布局的正确背景颜色,则可以轻松地使用图像。

为此,只需在Sketch中打开“填充”选项卡,然后将图像拖放到选定的“填充”层上即可将其用作背景填充。


4.关闭自动保存(Turn Off Auto-Save)

Sketch应用默认情况下已启用自动保存。 自动保存既有用但是依然会带来一些麻烦,比如您你无法撤消之前的更改。

如果你不喜欢自动保存功能,则可以轻松将其关闭。 只需转到“首选项” >>“常规”菜单中可禁用自动保存即可。


5.导出(Automatic Exports)

你可以使用许多不同的方法在Sketch中导出文件。 但是,大多数用户并不了解导出文件和元素的最简单方法之一。

你所要做的就是将图层或组文件夹拖放到桌面上。 它将自动保存为PNG文件,就这么简单。


总结

Sketch是一个功能强大的应用程序,熟练的使用将可以帮助你完成许多设计工作并帮助你节省大量的时间和不必要的流程。

模板可以使用针对不同类型的Web和应用程序的预制元素包来快速启动用户界面或设计项目,如果你正对此有需要的话,欢迎阅读原文章(https://designshack.net/articles/inspiration/best-sketch-templates/)以获取更多的资源以及内容。








----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务