用于创建独特用户界面的 UI 模型模板

已发表: 2016-07-14

UI 模型是网站或网络/移动应用程序设计的真实表示或视觉草图。 UI 模型反映了应用程序或网站的设计元素，例如配色方案、图像、徽标、排版、按钮等，因此代表了应用程序界面的最终外观。

以下是使用 Creately 的UI 模型工具专业创建的一些有用的 UI 模型模板。 您可以使用它们来说明您正在设计的网站和移动/网站应用程序的用户界面。 只需单击模板即可将其用作模板或在线编辑。

  • 登录页面的 UI 模型模板
  • 网上商店的 UI 模型模板-购物车
  • 网页的 UI 模型模板
  • Apple 电子邮件客户端的 UI Mock-up 模板 - 撰写屏幕
  • 博客的 UI 模型模板
  • 网站联系表的 UI 模型模板
  • Twitter 页面的 UI 模型模板
  • 软件安装向导的 UI 模型模板
  • Facebook 页面的 UI 模型模板
  • 工资系统的 UI 模型模板

登录页面的 UI 模型模板

该模板是一个基本的会员登录模型。 它包括两个用于输入会员登录信息的字段和一个用于尚未成为会员的注册按钮。 此外，对于忘记登录密码的人，还有一个选项。 只需单击图像即可进行任何您想要的更改或将其用作模板。

登录页面的 UI 模型模板

点击图片在线编辑

网上商店的 UI 模型模板-购物车

此模板显示了网上商店或电子商务网站的 UI 模型，更具体地说是男士部分下的衬衫类别页面。 您可以使用此模板作为灵感来创建新的电子商务网站 UI 模型。 单击图像以更改详细信息，因为它符合您自己的在线商店的要求。

网上商店的 UI 模型模板-购物车

点击图片在线编辑

网页的 UI 模型模板

以下模板代表网站页面（网站的主页）的 UI 模型。 这是一个简单的标签样式网站，有一个标题（显示标签的地方）、一个子标题（可以显示标题图像的地方）和一个页脚（可以显示到其他登录页面的链接）。

在页眉和页脚之间，以用户友好的方式呈现更多细节。 您可以使用应用程序中可用的其他 Web UI 控件来编辑模板以满足您的需求。 只需单击图像并开始在线修改。

网页的 UI Mockup 模板

点击图片在线编辑

Apple 电子邮件客户端的 UI Mockup 模板 - 撰写屏幕

这是 Apple 电子邮件客户端撰写器屏幕的 UI 模型模板。 应用程序中提供了设计 OSX 应用程序所需的必要 OSX 控件。 单击图像以将其用作模板或根据您的要求进行更改。

如果您还在设计 iPhone 应用程序，这里有一些iPhone UI 模型模板可以帮助您。

Apple 电子邮件客户端的 Mockup 模板 - 撰写屏幕

点击图片在线编辑

博客的 UI 模型模板

这是一个博客页面的 UI 模型模板。 您可以在应用程序中找到设计博客页面 UI 模型所需的更多 UI 控件，例如社交分享按钮、博客文章、面包屑链接、菜单等。 单击图像以根据您的博客设计要求编辑模板。

博客的 UI 模型模板

点击图片在线编辑

网站联系表的 UI 模型模板

下面的 UI 模型模板是网站联系表。 地址、电子邮件地址和联系电话等基本联系信息添加在右侧。 在这些详细信息下方是标记业务位置的地图。 页面左侧是访问者可以用来预约的联系表格。 单击图像以根据您的需要编辑此模板。

网站联系表的 UI 模型模板

点击图片在线编辑

Twitter页面的UI模型模板

以下 UI 模型模板显示了一个 Twitter 页面（用于个人或企业帐户）。 Creately 提供了为 Twitter 等商业应用程序创建 UI 模型所需的所有图标。 只需单击图像即可将其用作模板，并根据您自己的设计思路进行修改。

Twitter页面的UI模型模板

点击图片在线编辑

软件安装向导的 UI 模型模板

以下模板代表软件安装向导的 UI 模型。 通常用于安装软件的向导描述了软件安装过程中的步骤。 该模板展示了一个这样的步骤，并将以下步骤的 UI 模型模板链接到它以模拟实时场景（单击“下一步”按钮访问下一个模板）。 单击图像并继续根据需要进行修改。

软件安装向导的 UI 模型模板

点击图片在线编辑

Facebook 页面的 UI 模型模板

这是 Facebook 页面的 UI 模型模板。 在 Facebook 等社交媒体应用程序的设计过程中，您可以借助该应用程序快速设计出这样的 UI 模型模板。 单击图像以将其用作模板或根据需要进行调整。

Creately 中可用的 UI 模型模板之一

点击图片在线编辑

薪资系统的 UI 模型模板

下面的 UI 模型模板是适用于 Windows 操作系统的工资单系统。 模板中提供了计算工资、加班等功能。 您可以使用应用程序中可用的图标编辑模板并向系统添加更多功能。 单击图像开始编辑。

Creately 中可用的 UI 模型模板之一

点击图片在线编辑

更多 UI 模型模板

Creately 易于使用的 UI 模型工具和专业设计的 UI 模型模板将帮助您立即开始自己的网站设计或应用程序设计。 如果您正在寻找一些灵感或帮助，请查看我们的社区，了解我们的用户提供的独特想法。

更多图表模板

  • 用例图模板
  • 鱼骨图模板
  • 思维导图模板
  • 业务流程模型模板
  • 故事板模板
  • 网络图模板
  • 维恩图模板
  • KWL 图表模板
  • 工作分解结构模板
  • SWOT 分析模板
  • 类图模板
  • ER 图模板
  • 序列图模板
  • 组织结构图模板
  • 甘特图模板
  • 活动图模板
  • 部署图模板
  • AWS 架构图模板
  • 差距分析模板