当栅格具备可视化设计的能力，会是怎样的体验？

当我们在不同的设备上打开同一款软件时，是否关注过页面的呈现有所不同？
或许：没什么不同吧？只是大小变了而已。
或许：每行的数量会有变化，但总的没变吧。
……
其实，这就是栅格化设计的魅力所在。
1、页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
2、具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query 的使用等。
3、无论用户是正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备，达到最佳浏览效果。

换句话说，页面应该有能力去自动响应用户的设备环境。响应式设计就是一个产品能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

如果我不会前端，怎么使用栅格进行设计？
除了敲代码，还有其他办法使用栅格进行设计吗？
为了让UI和前端设计人员更高效的使用栅格化设计，天鹿创建了“行列布局”组件：栅格可视化设计——快捷，智能。

1. 12栅格的“行列布局”组件。支持不同的行列，像使用表格一样进行栅格化设计；支持多种布局：上中下布局，左中右布局，上下左右布局，随心所欲。
   
2. 通过组件小面板，可进行多类操作：行列的合并或拆分、行列的新建或删除、行列的复制等。
   
3. 通过组件的属性栏可进行宽度设置、边框设置、间距设置等等。

更多亮点尽在天鹿！
还在等什么？快快体验吧~