探究栅格系统

[国外设计第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

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

原文链接