探究栅格系统

hi@victor42.work (Victor42) — Sun, 20 Jul 2014 08:20:03 +0000

[国外设计第49期]

栅格系统是种限制。我几乎从不在设计作品中使用栅格系统，直到我尝试过用多种方法规划元素与内容。于是我使用栅格来收拾整理各种东西。有趣的是，我在设计过程中，无意中建立起了栅格系统。当我来回调整层级、平衡、比例时，一切都自然而然陷入某种栅格之中。若你也像我一样，你或许不怎么推崇栅格系统，但是从假定的栅格系统入手，有助于建立直觉化的流程。如果你最终转变了方向，只要重新定义栅格来适应你的设计就好。假如这套逻辑冒犯到了某些栅格设计的中坚分子，我表示抱歉。对我来说，设计更接近一门艺术，而非科学，或者说事后我才发现它是门科学。

我创建了许多栅格系统，你可以在此下载。我赞成你在下个项目中反复开启关闭每一套栅格系统。下面我们回顾一下这些栅格的逻辑基础。

http://www.w3schools.com/browsers/browsers_display.asp。近乎一半的屏幕分辨率大于1366x768像素，这个比例正在逐年扩大。多数框架和栅格系统都在为1366x768像素或更低的设备做优化，于是我决定创建一套基于1920像素宽的栅格系统。

栅格往往被划分为3部分。我认为这是个好办法，由于三分法则的存在。我基于1920像素宽度和10像素外边距创建了3、6、9、12、15、18、21和24列的栅格。在psd文件中，你可以看到这些分列布局，设计时你可以开启和关闭它们。

在此下载栅格：https://dribbble.com/shots/1587898-Grid-Structures- Free-PSD?list=users&offset=0

我很想知道，设计时开关栅格如何影响你的直觉化设计流程。

原文链接

栅格 on Victor42

探究栅格系统