创建用户友好界面的实用工具与技巧要想用好 UI 和 UX 工具，首先你需要高清楚 UI 和 UX 的构成部分，虽然这两个

摘要：要想用好UI和UX工具，首先你需要高清楚UI和UX的构成部分，虽然这两个词总是会一起出现，但是他们之间还是用区别的。UI和UX的设计技巧，两者之间还是有很大不同的。在这篇文章中，我将会分享一些UI和UX设计的工具，让他们帮你做出对用户高度友好的界面。

无论任何一个网站，做好UI 和UX 都是必须要做的事情。要想达成这些目标，我们可以使用一些工具。

要想用好UI 和UX 工具，首先你需要高清楚UI 和UX 的构成部分，虽然这两个词总是会一起出现，但是他们之间还是用区别的。UI 和UX 的设计技巧，两者之间还是有很大不同的。

在这篇文章中，我将会分享一些UI 和UX 设计的工具，让他们帮你做出对用户高度友好的界面。

InVision 是一个数字产品设计平台，它的工作方式和现代的设计团队一样。从快速建模到用户测试整合、从数字白板到开发者切换，InVision 的定位是一个产品设计团队，在设计的每一个阶段都能帮你完成协作。

你可以使用它快速建立产品原型，并且进行实时评论。它有着非常强大的同步、分享和评论功能，你可以将它部署在整个设计团队，甚至是这个公司内。

在产品完成之前，想要看看最终产品长什么样子吗？Proto.io 能帮你。

这个工具可以让你快速进行产品原型建立，它的互动式UI 库能让静态的mockup“ 动起来” 。

你可以将它的拖拽功能用在任何UI 元素上。而且它还可以在浏览器中工作，这意味着你不用下载任何软件。在对原型进行测试之前，你可以使用任意设备的浏览器去查看最终效果，并且将其分享给团队中的其他人。

Sketch 是一个现代图像设计应用，它有着好用、好学的特点。它有着多种特性，例如基于vector 的workflow 、布尔操作、像素精细度编辑和图片尺寸编辑等。

你可以使用这个工具轻松创建复杂的图形。这些图形还可以进一步编辑，摄影任何网站布局或是你脑中的界面。

Notism 是一个集合了原型设计、协作和任务管理的平台。这个UI/UX 工具能将静态截屏变成互动式原型，而且不用你自己写代码。你还可以通过创建实时视频的方式来分享你的原型和相关的项目信息。

如果你找不到好的UI 和三维框架kit ，Great Simple 能为你提供帮助。这个产品的目标是要让那些最挑剔的设计师也能感到满意。

他们的iOS Design Kit 和Material Design Kit 应该在你的工具箱中占有一席之地，他们的iOS 和安卓kit 已经被下载了超过7 万次。而且Great Simple 还兼容Sketch 和Adobe Photoshop 。

制作高质量UI 的几个小技巧

相比几年前，如今的互联网用户变得更加挑剔，欣赏能力也在不断提高。不够优秀的使用体验会让他们马上赶到厌倦。

下面一些小tip 能让你做出质量更好的UI ，让他们获得最佳的产品使用体验。

你的UI 可以展示你的设计功力，但是这种展示是一种细微的展示。用户喜欢那种结合了清晰、简单和简洁的UI 。如果用户在你的UI 上不知道下一步要干什么，他们马上就会放弃你的产品，转向竞争对手的怀抱。

你要把按钮、图标和行为召唤放在可以轻松找到的地方，还要确保所有按钮都以简洁的方式突出显示。

UI 设计的目的，是让用户的生活变得更轻松。好的UI 能帮助用户轻松、高效的完成任务。要想做到高效的互动，UI 设计必须要排除一切干扰，不要给用户提供太多的选项。一些使用频率不是那么高的选项，你可以选择将他们隐藏起来，只在用户需要他们的时候出现。

UI 上的东西太多，不能帮用户解决问题，只会让他们感到困惑。

一贯性的设计风格是好UI 的标志之一。你不能让用户在使用产品的时候在不同的UI 风格下切换。你要培养用户养成一种使用习惯，并且让他们坚持这种习惯。不要把你的UI 做成迷宫或者拼图。

站在用户的角度上设计UI 并不是一件简单的事情。而且你还需要站在企业的角度上，利用UI 传达品牌和产品信息，这就需要你也考虑UX 设计，或是和UX 设计师进行合作。

你放在页面上的每一个设计元素，都应该有自己所扮演的角色，但是其中一些元素的重要性显然要高于其他元素。你可以将最重要的元素进行优化，例如加大体积、提高亮度，或是将其放在最显眼的位置上，从而创造视觉层次。

原    文：Useful Tools and Tips for User-Friendly Interfaces
译    文：SDK.cn
作    者：鲁行云（编译）