响应式设计最好的5个国外设计工具推荐

一个真正的面向Web的工作流是一个包含了网页的基本概念和技术。当然,你可以使用任意数量的可视化工具来创建网站,是技术上的响应,但你会缺少点。

这不是一个适应性强的布局。这是关于为尽可能多的人访问的信息。有一些东西像边缘回流只是一个程序不能做。总之,你需要编写代码。

因此,最好的工具,以帮助您在响应式设计工具,帮助您了解和利用Web技术,彻底规划你的网站,更有效地写出更好的代码,并测试/展示您的设计在上下文中的客户响应。

tool

下面然后我们开始列举吧:

1)我们所用的浏览器

我不是在开玩笑。毫不夸张地说这是最重要的工具,因为它显示了您的特定条件下,您的网站看起来像你到底是什么。

已经有很多的辩论,关于是否在浏览器中设计优于设计,如Photoshop或GIMP图像编辑器。请允许我为你解决这个...

是您的网站的用户要在Photoshop中做他们的浏览?图像编辑器可以使漂亮的图片,而不是模拟的实际经验。使用图像编辑器编辑图像。使用你的浏览器设计网站。

的时间戒掉关闭超详细的样机,他们已经习惯了我们的客户了。随着网络的变化,我们的流程变得更加流畅和迭代,我们必须继续前进。

至少安装一个与每一个主要的浏览器渲染引擎,并得到一些开发人员扩展。用来寻找你的源代码浏览器的方式看到它,因为你要在这里一段时间。

2)谷歌驱动器的绘图应用程序

从技术上讲,几乎所有的基于矢量的图像编辑器,可以做的工作,当线取景您的网站和应用程序。我倾向于线框第一,我的网站的桌面版的文件创建副本,调整画布的大小,并从那里走。使用向量可以很容易地快速调整和重新安排你的元素,而你仍然在规划阶段。

我喜欢绘图应用程序在谷歌驱动器有两个原因:

共享和协作功能:谷歌信息共享的不仅仅是每个人都更好。随着上下文评论,同时编辑,视频群聊一体化,我恋爱了。

自动指南:在每一个绘图文件,引导你把每个对象的文件尺寸的基础上,会自动创建。这可以很容易地在文档中的元素,这是伟大的网格像我这样痴迷的设计师描绘大小一致。

正如我与客户分享这些线框,即具有专业外观的一致性是一大利好。然而,我不限制这些指南。我认为这是一个很好的替代样机的应用程序,尝试限制你到网格。

 

3)风格原型基于风格瓷砖,

风格原型是一个旨在帮助你给你的客户知道他们的网站的排版,颜色,和UI元素将如何在浏览器交付。因为它的目的是要在浏览器中观看,将有更少的不一致之处,一旦网站的建立。

此外,我也断定,风格原型能够帮助我们的客户在精神上UX和美学的概念分开。真的,帮助我们的客户更好地理解网页设计过程中的任何东西,只能是一件好事。

 

4)Responsinator工具的好处

Responsinator是一个简单的工具,可以显示您的网站在不同尺寸。它模仿,在一个很基本的方式,有几个不同的设备大小和背景。这个工具是不是为了你。你想看到你的网站看起来像在较小的尺寸?调整您的浏览器窗口的大小。更妙的是,获得一些实际的移动设备,并做一些真正的测试。

酷站网址:http://www.responsinator.com/

 

5)Adobe边缘的检查(Adobe Edge Inspect

现在,这个人是你。如果你有一个移动测试实验室(越早,你可以做一个更好的)

边缘检查

将同步您的所有设备在同一页面上一次。刷新页面,在一台设备上,重新整理所有。

不像这个名单上的其他人,这不是免费的。但是,如果你能买得起足够的移动设备需要这样一个解决方案,它可能是值得的钱。

结论

与往常一样,最重要的资产是你的大脑。这些工具,以及其他类似的,只能帮你对你的方式。我选择了这些,因为他们的表现非常具体的功能,帮助我设计响应网站。他们不限制我能做些什么。

最好的工具是真的那些可以保留的方式。

 

每天更新,
全站高品质素材免费下载!