RWD工具Gridset启动

Gridset已经推出,为设计师提供了一种为设计,原型设计和生产创建网格的方法。马克博尔顿,创意总监马克博尔顿设计负责该工具的公司向.net讲述了Gridset,它与其他工具的比较 - 以及它如何使设计人员从事响应式网页设计。

.net:对于不熟悉的人来说,什么是Gridset?
MB:Gridset是一种工具,可以为您的项目创建各种网格。它创建了常规的柱状网格 - 您习惯在所有CSS框架中看到的类型,如960.gs和Twitter的Bootstrap - 但它也会创建不均匀的列网格,比率网格和复合网格(网格覆盖的地方)。 Gridset允许您创建自己的网格库,我们也为您提供一些预设。

.net:与其他原型制作工具相比如何?设计师为什么要考虑使用它?
MB:嗯,Gridset不仅仅是一个原型制作工具 - 它是一个网格制作工具,可以通过多种不同的方式为您提供网格,用于原型设计,也可用于设计和制作。

Gridset的核心原则之一是你的网格,但是你想要它。我们都使用了许多工具进行原型设计:Photoshop,HTML和CSS,草绘...... Gridset以各种形式为您提供网格:从PNG嵌入图形编辑器到CSS进行快速原型制作,还有一个全面的备忘单显示所有如果您愿意,可以在您自己的样式表中嵌入计算值。我们试图涵盖所有基础。

.net:代码输出是什么样的?这是你可以建立的东西还是仅作为指南有用?
MB:目前,CSS代码输出主要用于快速原型设计。它特定于网格集中的网格,无论您拥有多少网格。它就像其他框架一样工作,因为它为您提供网格的每个可能的列排列。然后,在HTML中应用与这些值对应的类。您可以在不同的断点处创建多个网格,而Gridset将只创建一组CSS类供您添加。因此,如果你的网格庞大而复杂,那么CSS将会变得庞大而复杂,因为它正在处理所有可能的结果。

对于生产站点,大型CSS文件可能不是一件好事,因此我们提供了备忘单,使您可以获取这些值并将其应用于布局的特定部分。这样,您不必更改HTML,也可以保持文件大小不变。但是如果您的网格很简单,我们还提供了大量压缩的样式表,可以在浏览器中正常工作。

.net:你提到过断点,那么Gridset如何处理现代网页设计问题,比如RWD?
MB:嗯,这是我们构建Gridset的原因之一。响应式设计具有挑战性,我们想要一个可以为我们完成所有硬数学的工具,但是允许我们快速原型化,并且还可以为我们在网上看到的那些网格构建不同类型的网格。不仅如此,Gridset还允许您在不同的断点处创建不同类型的网格。您可以使用大屏幕的复合网格,平板电脑的常规柱状网格,然后对于小屏幕,您可以使用黄金比例网格。

正如我所提到的,Gridset的一个核心原则是我们对网格的传递方式不可知。它可以通过多种方式传递给您:PDF,PNG,PSD,一本速写本......考虑到这一点,CSS的一个领域我们现在看到很多潜在的变化就是布局。我们有新的CSS3模块支持增长,而较新的模块对浏览器供应商有更多的吸引力。随着时间的推移,Gridset可以为这些铺设内容的方式提供网格输出。我们的作品中也有Sass和LESS。

设计网格的核心原则不会改变。网络上的变化是网格在浏览器中呈现的方式,并且Gridset可以提供您的偏好。这对我来说非常令人兴奋。

网格集可从Gridsetapp.com作为在线服务。定价为每月18美元无限制或每个网格设置12美元。



翻译字数超限