当前位置: 首页 > 工具软件 > Sketch2Photo > 使用案例 >

sketch适合于做原型吗_适用于Sketch,Photoshop,Illustrator,XD和Figma的畅销UX和UI套件

韦宏朗
2023-12-01

sketch适合于做原型吗

UX和UI套件可在设计过程的不同阶段以各种方式帮助设计人员。 在本综述中,我将向您展示Envato提供的一些最畅销的UX和UI套件,以帮助您开始进行线框图,原型设计和设计下一个网站或应用程序。

什么是UX​​和UI套件?

以下工具包是使设计过程顺利进行的好方法。 它们可以作为灵感,是一种快速向客户提出想法的方法,也可以为您提供完整设计的基础。 通常可用于Sketch,Adobe Illustrator以及其他工具,套件以合理的方式提供,包括画板,样式和符号,以帮助您查找和使用所需的元素。

支持的设计应用

此处列出的每个套件都与以下至少一项兼容,通常更多:

  • 草图
  • Adobe Photoshop
  • Adobe Illustrator的
  • Adobe XD
  • 菲格玛
  • 视觉

现在,您可以毫无问题地在Sketch(显然),Adobe XD,Figma和InVision中打开Sketch文件。

Adobe XD还将处理Photoshop文件,使画板,图层和资产尽可能保持与原始文件相同。

Axure与其他文件格式的兼容性稍差一些,但是无论使用哪种工具包,都有很大的机会与您选择的设计工具兼容。

UX和UI是否相同?

术语UX和UI通常可以互换使用。 尽管存在一些交叉,并且两者确实可以协同工作,但它们并不是同一件事。

如果我们指的是UI工具包,那么我们所谈论的是可用于设计用户界面的资产。 这意味着设计外观 ,美学以及UI外观的方式。 另一方面,UX工具包中的资产将用于设计网站或应用程序的体验 。 考虑一下线框和原型。 用户,产品之间的可用性,流程,交互。

UX和UI套件可以同时实现这两个目的,这就是为什么它们通常被统称为“ UX和UI套件”的原因。

Envato上的UX和UI套件

Envato MarketEnvato Elements上,我们有数百种UX和UI套件(您可以以低廉的价格下载任意数量的UX和UI套件)。 让我们看一些最受欢迎的!

1. Wireland (素描)

这个名字说明了一切; Wireland与线框图有关。 它具有200多种预定义的布局,并具有一定数量的细节,不仅仅具有保真度,而且沉稳而整洁的蓝色美学非常适合线框。

它包括设备库,用于显示流程的标记元素,使用符号,并且基于Bootstrap熟悉的网格。 最后,甚至还有一个免费样本,您可以在购买完整许可版本之前下载并试用。

2.用户 流和站点地图 (Photoshop和Illustrator)

布置用户流是设计过程中非常重要的部分。 它发生得很早,并且发生得很快。 网站用户流和站点地图UX工具包具有执行此操作可能需要的所有元素:一组屏幕和图形,可用于线框化用户将如何从网站的一部分移动到另一部分。

它具有深色和浅色版本,具体取决于您的喜好,但这与视觉决策一样复杂。 抓取一些屏幕,放下它们,将它们链接在一起!

3. 粗体移动用户界面 (草图)

Bolder是一个UI套件,提供65种超高质量的移动布局,涵盖了社交媒体,电子商务和博客等一系列细分市场。 Bolder充满活力,并且实际上以画板,图层,符号和印刷样式进行组织,从而使任何移动UI设计师都可以轻松使用。

4. Kama iOS UI套件 (草图)

Kama是专门为iOS设计的。 它包括120多个屏幕,可为应用程序设计师提供图表布局,演练,电子商务,多媒体,用户个人资料,导航和社交媒体选项,以及60个自定义图标。

5. 法拉 (Sketch,XD,Figma)

法拉正在严重打击。 它具有15种高保真移动布局,所有布局都是完全可裁剪的,并且都具有非常现代的感觉。 它是Envato市场的一个相对较新的功能,通过专门满足Sketch,XD和Figma用户的需求,反映了当前对各种设计应用程序的需求。

如果您正在寻找大胆而又自信的东西,那么这很适合应用于您的设计。

6. MIGO约会UI套件 (Sketch,XD,Figma)

MIGO是hoangpts的另一种大胆而充满活力的设计。 这是一款适用于约会应用程序的应用程序,它将为您的设计提供通俗的色彩,渐变色和温馨的四舍五入温暖感。 它包含22个高质量的iOS(适用于iPhoneX)屏幕,并且与Sketch,XD和Figma兼容,

7. 群青UI套件 (草图)

我喜欢这一个。 尤其重要的是,那群深蓝色的确充满了冲击力和柠檬绿。 同样,这是高保真度的东西,因此在产品的UX设计阶段并不需要太多,更多的是添加时尚的饰面。 话虽如此,这是一个坚固(非常完整)的贴面,提供了120多个组件供您在设计中使用。

8. 下一步电子商务 (草图,Photoshop)

如果您喜欢在Photoshop中构建设计,Next Ecommerce会为您提供选择。 使用35个PSD +草图文件,可以使用很多移动UI元素。

9. 厄运 (Photoshop)

Photoshop的另一个选择是Doom,它是一个坦白的UI套件。 它为您提供了近100种PSD布局,包括主页,内页,涵盖了各种形式的壁ches,并且是我们第一个包含管理仪表板选项的示例。

毁灭战士还包括一堆加密货币网站设计(如果那是你的事),因此,如果您要为下一个大硬币设计着陆页,那么这是一个很好的起点!

10. Blokk线框套件 (Photoshop)

Blokk是另一个Photoshop套件,为线框目的提供了一个简单的UI。 缺少不必要的细节,Blokk将帮助您在设计过程中尽早做出核心决策。

这是一个非常大的集合,可为您提供170多个UI卡,并通过六个示例页面展示其元素范围。 它提供以下(以及更多)组件:

  1. 媒体库
  2. 特征
  3. 呼吁采取行动
  4. 博客
  5. 电子商务
  6. 感言
  7. 定价表
  8. 分析工具

立即获取UX / UI套件!

无论您是处于设计的早期阶段,是否需要一些线框图形,将最终的美感放在原型上,还是在寻找下一个项目的灵感,UX和UI套件都可以为您带来真正的帮助(非常有趣!)。任何网站或应用程序设计师。

看一下Themeforest上可用的模板:

我们将定期更新此列表

在最喜欢的评论中告诉我们,推荐您自己的工具包,并分享您可能拥有的任何技巧。 随着时间的流逝,我们将更新此列表,以使其保持最新且尽可能相关。

翻译自: https://webdesign.tutsplus.com/articles/best-selling-ux-and-ui-kits-for-sketch-photoshop-illustrator-xd-and-figma--cms-32159

sketch适合于做原型吗

 类似资料: