25 个适用于应用和网页设计的最佳 UI 组件

已发表: 2018-05-31

如果您是从事用户界面项目的应用程序或网页设计师,那么此列表适合您! 以下是一些适用于应用程序和 Web 项目的最佳和最新的UI 组件

目录隐藏
Kauf:用于 Photoshop 的免费 Web UI 工具包
Planguru:用于活动和计划应用程序的免费 UI 套件
别针
H1:多彩的移动 UI 套件
别针
适用于 Photoshop 和 Sketch 的免费 iOS UI 工具包
别针
Facebook iOS iPhone UI 套件
别针
Vera Block:大量的 UI 组件和应用程序屏幕
别针
Elements:用于 Photoshop 和 Sketch 的仪表板 UI 套件
别针
网站的基本小部件样式 UI 工具包
别针
Edacious:用于网络和应用程序的免费食物 UI 套件
别针
适用于 Photoshop 和 Sketch 的 Apple UI 设计资源
别针
Facebook iOS UI 套件
别针
鳄梨酱:用于 Photoshop、Xd 和 Sketch 的免费 UI 工具包
别针
相关 UI 工具包:45 个免费的 Sketch 和 Photoshop 模板
截止日期:Photoshop 的免费 UI 工具包
别针
用于构建网站的 55+ Elements UI 工具包
别针
Avital:用于移动应用程序的免费 UI 套件
别针
Portland:基于 Bootstrap 的免费 UI 工具包
别针
Ventas:旅游杂志的移动 UI 套件
别针
Monica – 用于电子商务的免费 PSD UI 工具包
别针
Fair Mobile UI Kit:8 个免费的应用程序屏幕
Pin Chat:最小的 UI 工具包(PSD + Sketch)
别针
带有 10 个屏幕的干净 iOS UI 套件
别针
缩放 UI 套件
别针
Elegance – iOS 的 UI 套件
别针
食品和饮料 UI 套件
别针

这些免费赠品均采用矢量形状设计并使用 Google 字体。 它们以组织良好的文件形式出现,带有分类文件夹,因此您可以轻松快速地自定义它们并使其适应您自己的工作。

这些 UI 组件套件包含来自多个类别的大量有用的 UI 元素,这将帮助您制作原型和设计出色的界面。

您可以使用这些 UI 组件来设计 iOS 应用程序、Android 应用程序、Web 应用程序等。 这些干净的 UI 套件有很棒的字体配对和平衡的调色板。

在下面预览它们。

Kauf:用于 Photoshop 的免费 Web UI 工具包

Kauf 是使用 Photoshop 构建的免费 Web UI 组件工具包。 它包含 200 多个界面元素,可用于文章、电子商务、标题、导航、表单、小部件等!1 Kauf - 用于 Photoshop UI 组件的免费 Web UI 工具包 别针

Planguru:用于活动和计划应用程序的免费 UI 套件

Planguru 是另一个免费的 UI 组件套件,这次是在 Sketch 中设计的,但也有 Photoshop 版本。 它包含18 个制作精美的屏幕,其中包含大量有用的组件,例如日历、聊天、通知系统等。

2 Planguru UI 组件 别针

H1:多彩的移动 UI 套件

H1 是一个彩色的移动 UI 组件套件,可以 PSD 和 Sketch 文件格式下载。 它包括 100 多个屏幕模板,其中包含 400 多个用户界面元素,供您选择。

3 H1- 多彩的移动 UI 套件 别针

适用于 Photoshop 和 Sketch 的免费 iOS UI 工具包

这是另一个庞大的 iOS UI 组件套件,其中包含屏幕和常见的界面元素,例如形状、控件、容器和图标。 这是一个免费的 UI 工具包,可以以 PSF 格式下载。

4 用于 Photoshop 和 Sketch 的免费 iOS 11 UI 套件 别针

Facebook iOS iPhone UI 套件

如果您在 iOS 应用程序上工作,请查看您肯定需要的这个 iOS GUI 免费赠品。 这可以以不同的文件格式下载,用于 Origami、Sketch 和 Photoshop。

5 Facebook iOS 11 iPhone UI 套件 别针

Vera Block:大量的 UI 组件和应用程序屏幕

Vera Block 是一个巨大的 UI 组件免费赠品,其中包含 100 多个 UI 组件和 140 多个用于 Sketch 和 Photoshop 的移动屏幕。 使用它来加快您的移动设计工作流程。 该套件灵活、易于使用且平衡。

6 Vera Block - 大量的 UI 组件和应用程序屏幕 别针

Elements:用于 Photoshop 和 Sketch 的仪表板 UI 套件

Elements 是一个免费的 UI 组件套件,其中包括有用的元素,如输入、按钮、选择、下拉列表、通知、表格等,以及仪表板/管理页面设计。 它可以以 PSD 和 Sketch 格式下载。

7 Elements - 用于 Photoshop 和 Sketch 的仪表板 UI 套件 别针

网站的基本小部件样式 UI 工具包

如果您需要一个干净的 UI 组件套件,这个基本的小部件样式的 UI 套件就是您一直在寻找的。 它包含 25 个现成的组件,您可以使用它来升级您的网站设计。 提供 PSD 格式。

8 用于网站的基本小部件样式 UI 工具包 别针

Edacious:用于网络和应用程序的免费食物 UI 套件

Edacious 是一个 PSD UI 工具包,具有大量用于创建与食品相关的网站和应用程序的酷炫功能。 它包含 18 个 iOS 屏幕和一个登录页面模板。

9 Edacious- 用于网络和应用程序的免费食物 UI 套件 别针

适用于 Photoshop 和 Sketch 的 Apple UI 设计资源

iOS 人机界面指南已由 Apple 更新,因此您绝对需要下载此 UI 设计资源包! 它包括UI 元素、模板、调色板、图标和其他有用的资产。

用于 Photoshop 和 Sketch 的 10 个 Apple UI 设计资源 别针

Facebook iOS UI 套件

这是 Facebook iOS Light UI 工具包,您可以使用它来设计令人惊叹、干净和简单的应用程序设计。

11 Facebook iOS 10 UI 套件 UI 组件 别针

鳄梨酱:用于 Photoshop、Xd 和 Sketch 的免费 UI 工具包

Guacamole 是一个免费的 UI 工具包,可用于 Photoshop、Adobe Xd 或 Sketch。 它包括 150 多个图标、70 多个元素、600 多个视网膜就绪层和 500 多个矢量形状。

12 Guacamole- 用于 Photoshop、Xd 和 Sketch 的免费 UI 套件 别针

相关 UI 工具包:45 个免费的 Sketch 和 Photoshop 模板

Relate UI 工具包带有 Sketch 和 PSD 文件,并包含大量令人惊叹的 UI 元素,例如 15 个不同类别的模板和 100 多个完全可扩展且像素完美的元素!13 Relate UI kit-45 Sketch 和 Photoshop 的免费模板 别针

截止日期:Photoshop 的免费 UI 工具包

Deadline 是适用于 Photoshop 的免费 UI 组件套件,由 100 多个元素、80 多个令人惊叹的预制屏幕、电子商务元素等组成。 利用这个很棒的免费赠品并立即下载。

14 Deadline- Photoshop 的免费 UI 工具包 别针

用于构建网站的 55+ Elements UI 工具包

这是另一个免费的 UI 组件套件,由 50 多个元素组成,您可以使用它来设计干净和现代的网站。 只需单击几下即可下载免费的 PSD。

15 55+ Elements UI 工具包,用于构建网站 别针

Avital:用于移动应用程序的免费 UI 套件

这款专业的移动套件由 20 多个 iOS 屏幕组成,旨在简化您的工作流程。 这些精致的屏幕是 7 个不同类别的一部分,以 Photoshop 和 Sketch 文件的形式提供。

16 Avital-免费的移动应用 UI 套件 别针

Portland:基于 Bootstrap 的免费 UI 工具包

Portland 是一个基于 Bootstrap 网格的 UI 工具包。 它可用于设计网站模板,因为它包含一些流行的组件,例如标题、英雄滑块、菜单、分页元素等。

17 Portland- 基于 Bootstrap 的免费 UI 套件 别针

Ventas:旅游杂志的移动 UI 套件

Ventas 是一个免费的 UI 工具包,可用于为旅游杂志设计出色的移动应用程序。 这个迷你套件包括 6 个完全可定制的屏幕,并作为一个完全分层的 PSD 文件提供。

18 Ventas - 旅行杂志的移动 UI 套件 别针

Monica – 用于电子商务的免费 PSD UI 工具包

Monica 是另一个令人惊叹的免费 PSD UI 组件套件,其中包含大量有用的元素,可用于构建功能齐全的电子商务网站。 下载免费的PSD!

19 Monica - 用于电子商务的免费 PSD UI 工具包 别针

Fair Mobile UI Kit:8 个免费的应用程序屏幕

Fair 是一款拥有 100 多个屏幕的移动 UI 套件! 免费版仅包含 8 个具有现代时尚设计的屏幕。 下载免费的 PSD 文件。

20 个公平的移动 UI 套件 - 8 个免费的应用程序屏幕 别针
聊天:最小的 UI 工具包(PSD + Sketch)

Chat 是一个免费的最小用户界面组件工具包,用于设计出色的应用程序。 它包含 12 个类别的 60 个模板和 80 个 UI 元素。 作为 Photoshop 和 Sketch 文件提供。

21 Chat-最小的 UI 工具包(PSD + Sketch) 别针

带有 10 个屏幕的干净 iOS UI 套件

这是一个干净的 iOS 工具包,带有 10 个应用程序屏幕,它们以完全可编辑和分层的 PSD 文件形式提供。

22个干净的iOS UI套件,10个屏幕 别针

缩放 UI 套件

Zoom 是一个专门为展示移动应用程序的登陆页面而设计的 UI 工具包。 使用这个免费的 PSD 文件为您的应用设计创建一流的登录页面!

23 缩放 UI 套件 别针

Elegance – iOS 的 UI 套件

Elegance 是一个电子商务应用程序设计 UI 组件套件,由 12 个适用于 iOS 的高质量屏幕组成。 您可以在上面的链接中下载免费的 PSD 和 Sketch 文件。

24 Elegance iOS UI Kit 免费 别针

食品和饮料 UI 套件

Food & Drink 是一个干净的 UI 工具包,包含大量的小部件元素,非常适合食品和饮料行业。 用它来创建很酷的与食物相关的应用程序和网站。

25 个食品和饮料 UI 套件 UI 组件 别针