如今的社会使得平面设计拥有了众多的机会在设计领域。在各种网页和网站设计的过程中，设计师们逐渐进入世界的UI和UX设计。不像标志设计，二维/三维动画，信息图形，动画等其它的创造性的追求，UI和UX设计是非常不同的。用户界面(UI)设计是一个开发一个能够实现人机交互的前端界面的过程。同时，用户体验(UX)设计包括研究人机交互的各个方面，如可用性，功能，交互设计，信息架构设计等。

在用户界面(界面)设计中，平面设计人员能够将他们的创作理念倾注于一个项目。它涉及使用各种视觉元素，如颜色，符号，过渡效果，图像和更多。通常，UI和UX设计师作为一个团队工作，定义和开发界面行为及其功能，提供用户和应用程序或网站之间的通信模型。当然，有系统工程师，IT专业人员和其他有助于设计过程。

那么，这是UI和UX的发展关键有哪些方面?我已经列举了一些：

创建站点地图的线框图。

故事板定义交互模式。

开发导航地图。

创建图形模型。

测试功能。

进行用户测试。

双语对照

设计师使用各种工具和资源来完成这些任务。有一系列的测试，样机，仿真等工具促进UI和UX设计过程。我已经编制了一个列表，这样的在线工具和资源，帮助设计师在他们的发展工作。那么看看这个名单15 UI和UX设计师的工具。

(1)proto.io

proto.io是应用开发的原型工具。它包含了大量的用户界面库以及用于实现材料设计功能的交互式用户界面组件。该工具还提供功能，如颜色调整，过滤器，多文件上传和更多。proto.io同步了Dropbox提供的实时在线协作功能，便于同一个团队的设计师们工作。

(2)pidoco

pidoco是一个现代的原型应用软件用于Web，移动和企业应用开发。它为开发框架，移动模拟提供了一个基于云的平台，模拟UPS和UX原型。应用程序提供了内置的模板，促进更快的原型，以及提供实时协作功能。通过pidoco，你可以开发交互式原型以及运行iOS和Android移动设备的实时模拟。

(3) InVision

InVision是一个强大的工具，通过它可以将动画，手势之类的静态设计转换成交互原型，该工具提供了一个基于云的平台，让实时协作，同时开发移动和企业应用的原型。InVision也允许开发原型为苹果和Android Wear手表。

(4) UserTesting

UserTesting是测试网站，一个现代的测试工具的应用，原型和更多的台式机，平板电脑和移动设备。该工具作为一个用户研究平台，让您可以让您的目标受众测试您的网站或应用程序。UserTesting从你的目标受众中提供有价值的反馈信息，以视频、指标、统计数据和更多。

(5) PowerMockup

PowerMockup是一个功能强大的模型和线框工具使用PowerPoint专用。应用程序提供了一个广泛收集了PowerPoint形状设计的UI组件。这些元素可以用于各种移动设备屏幕的原型创建，Web和桌面应用程序的权利在PowerPoint。powermockup也提供了一些伟大的协作和共享功能。

(6) PickFu

PickFu是投票平台，有助于找到解决方案的设计和营销理念。这是一个伟大的工具，你可以通过美国用户为基础的反应，标志，书籍封面，用户界面模拟的设计理念，来获得建议，评论和反馈。

(7) Myna

Myna是一个强大的A / B的平面设计师和网站开发人员使用的测试或分割测试工具。该工具进行测试，个别访客，并提供有见地的反馈有关的不同版本的工作。你可以使用Myna网页设计、电子邮件设计、广告、UI设计甚至更多。

(8) Ace UI

ACE的UI是一个移动的UI工具包，尤其适用于iOS 8移动应用开发。它提供了一个广阔的集合类型的字体，图标，PSD模板和其他用户界面元素。此外，它还提供了有效的应用程序开发工具包，线框和原型。

(9) Form

Form是一个强大的原型工具，可以直接在设备上构建和自定义本地原型。该工具提供了最新的材料设计组件，以及让您建立自定义组件。

(10) MouseStats

MouseStats是一种流行的UX的分析工具，用于监控用户与网站的交互提供了各种各样的现代特征。该工具提供各种服务，如视频记录的浏览会话，滚动热地图，统计数据，测量和其他功能。

11) POP

POP(Prototyping on Paper)是将手工草图和模型在交互原型的一种很酷的应用。应用程序运行在各种平台和设备以及集成了Dropbox允许实时协作。

12) Gliffy

这个软件是一个专业的设计与在线协作功能的应用。这个工具允许你专业的设计图，技术图纸，线框图，流程图，网络图，网站地图和其他的地图。

13) Antetype

Antetype是一个用于开发交互式用户界面原型软件的应用。应用程序提供了超过400个主要平台预先设计的小部件。它提供了如动态布局、响应设计等功能，还有属性绑定，断点，演示模式，嵌套，注释等等。

14) Wirify

wirify是将网页中的框架在一个单一的点击一个强大的UX工具。该工具允许您检查各种网站的页面结构和布局。此外，你可以编辑你的线框图和出口到其他设计的应用程序，如Balsamiq或OmniGraffle。

15) Naview

Naview是设计导航原型和测试导航的可用性的一个有力的工具。用Naview，你可以预览信息体系结构和网站地图。此外，该工具允许您开发的下拉菜单和编辑导航结构，直接在浏览器。

结语：

有三种类型的图形用户界面，在网络世界中使用。它们是工具用户界面、桌面用户界面和处理用户界面。由于各种领域中计算机技术的使用增加，UI和UX的范围设计领域越来越突出，。我们可以期待在不久的将来，Web开发的一些UI和UX的工具和资源的释放。

现代的UI和UX工具内置的功能和特点，在相当大的程度上帮助了设计人员完成他们的项目。这些工具也带来一些创新的结果，可以提高UI和UX开发视觉和功能方面。

该列表包含有价值的信息，对现有的工具和资源，UI和UX设计。如果你最喜欢的工具不在列表上，那么你可以在评论部分提到它。