在2019,Web设计者感兴趣的最大发展之一是UI设计工具的爆炸。这些应用表明了我们如何创造现代用户界面的转变。可能是在PS图象处理软件中创建PSD模型的日子即将结束。
不服气?在过去的几年里,草图和FigMA都发展了忠实的追随者,但也许最大的发展是Adobe,设计软件Buthod,用它的XD产品跳进了游戏。这表明我们的工作方式确实转向了更加专业化的工具。
考虑到这一点,让我们衡水公司网站制作来看看这些“三大”应用中的每一个。我们将介绍一些核心特征以及其他可能影响哪一个因素最适合您的需求的因素。
什么使UI设计工具独具特色?
多年来,网页设计师使用前述的Adobe PS图象处理软件来创建网站模拟,这是最好的跳入代码,因为它允许我们建立一个高度详细的界面,并很容易地编辑-而不必撕开HTML,CSS等。
虽然这仍然是一个有效的工作流,这种新的应用程序具有特定于Web设计的特性。UI元素,如导航和按钮是交互式的,您可以看到。悬停效应或者点击其他页面
此外,用UI设计应用程序构建的界面通常是响应的。这意味着你可以看到它们是如何在不同的视口工作的。你不再需要为电话、平板电脑和桌面设备建立一个完全分离的PSD文件。
还有大量的预制用户界面工具包和模板可用,为设计过程提供了一个领先的开端。
本质上,你不再创建一个静态屏幕,而是一个完全沉浸式的原型。
现在,让我们看看应用程序!
草图
这些新奇工具中的第一个进入市场,草图最初是在2010发布的。这使应用程序在这项综述中领先于其他人。因此,这也意味着有大量的资源可供使用。
有各种各样的图书馆扩展这带来了新的能力和增强的工作流程。功能可以从调整各种设计元素到配合库存摄影服务,以便于进口。
在它的顶级特征中,你会发现:
- 矢量图像编辑;
- 通过智能布局响应设计;
- 支持
可变字体
; - 与同事和客户的合作;
- 轻松地添加文本和基于图像的数据到您的演示;
- 草图云服务分享您的创作;
- 用于跨文档共享资源(符号、图像、文本、样式)的库;
- 创建和使用模板的能力;
- 大量可用的插件;
素描是一个桌面应用程序,提供免费的30天试用版,但否则将花费99美元的商业许可证。
这里的一个重要警告是,草图只适用于MACOS。如果你使用Windows或Linux,你将无法参与其中。
肥姑妈
首次发布于2016,肥姑妈是一个基于浏览器的应用程序,它使用协作的方法来设计。这里的优点是,不管你的操作系统如何,你都可以轻松地访问它。
另外,当你和其他人分享项目时,你会使用一个实时链接。这意味着你不必首先导出PDF或其他图像。他们所看到的正是你所创建的。
此外,FIMA已经被建立来支持实时协作。团队成员可以彼此通信并管理他们自己的项目任务。所包含的版本历史允许您回滚更改,如果需要的话。
除此之外,你会发现:
- 能够创建一致的风格并将它们应用于项目中;
- 直接从设计文件复制CSS;
- 可搜寻资产的图书馆;
- 用户权限;
- 创建动画、交互式原型;
- 响应设计的自动布局特征;
- 一
插件库
以及创建自己插件的能力;
FigMA有一个免费的计划,允许3个项目,2个编辑和30天的版本历史。全功能的商业计划开始于每月12美元(每年收费)。
阿道夫
现在,到街区的新来的孩子。阿道夫它是在2017年10月发布的,它是针对想要创建网站、手机应用程序甚至游戏的设计师。它为协作提供了一个内置的系统,称为“协同编辑”,以及客户和同事提供反馈的能力。
与它的竞争对手一样,XD使您能够一次又一次地重用设计组件。您还可以编辑一次组件并将其推送到所有实例,从而使您的设计具有更好的一致性。
也许最大的好处是,Adobe XD与其他Adobe应用程序很好地结合在一起。例如,你可以直接从XD中打开和编辑PS图象处理软件的图像(只需右击图像就可以打开它)。你对图像的任何改变也会自动地反映在XD中。它也会从Adobe Iltualor、PS图象处理软件甚至PS图象处理软件中导入文件。草图。
其他值得探索的特征包括:
- 状态允许您基于用户交互编辑设计组件,如悬停或单击;
- 容易复制设计元素;
- Adobe字体集成;
- 为原型创建交互和触发器;
- 通过配套应用预览移动设备上的实际应用;
- 文档历史允许您回滚以前的版本;
- 开发者友好的资产,如CSS,颜色,可下载资产;
扩展
支持功能,并与第三方服务相结合;
Adobe XD是基于订阅的软件。它需要一个完全有创意的云会员资格,或者你可以选择每月订阅9.99美元的XD。如果你想先尝试一下,有一个免费的XD启动计划,你可以尝试一些限制。你可以在Mac OS或Windows上运行应用程序。
做出正确的选择
衡水公司网站制作每一种工具都有自己的一套引人入胜的特性。这样一来,很难说任何一种工具都会出错。
但是,为了缩小你的选择,想想你打算如何在哪里使用这个应用程序。例如,如果你是一个Windows用户,你就不能使用草图。如果你喜欢基于浏览器和/或使用Linux,那么Figma是你的选择。如果你是一个想要大量模板和插件选择的Mac用户,草图是赢家,忠实的Adobe客户会喜欢XD的互操作性。
否则,你会发现一些相似之处。每个应用程序至少有一些协作的能力。它们都创建矢量图形并提供资产库。所有人都擅长创建一个设计系统。此外,它们都可以扩展到一个或另一个。
不管你走哪条路,你都能确定一件事。你将处于网络设计的最前沿。