互联网是人们公认的传播媒介, 受益于基于网格的思维方式, 互联网能够把复杂而烦琐的浏览信息过程简化。网页设计师注意到网格工具的特点及其具有的非同寻常的力量, 这种特性往往可以给浏览者带来一种生动、直观的美好体验。网格元素在网页视觉设计中可以体现出秩序, 而以秩序表现出的设计美感即通过文字的排列方式、色彩搭配与变化、导航的设置、图形在网页中的分布展现出的直观表达。尤其在门户网站和大型公司、政府、事业单位的网页视觉设计中, 秩序能够使访客产生理性、逻辑、信任的心理效应。基于网格的

早在20世纪初期, 西欧国家就出现了网格概念 (排版用网格) , 少数建筑师、印刷人员、排版人员以及设计师认为平面艺术能体现一种源于自然、数学和新兴机械化的法则, 也是一种设想。18世纪, 数学方法中的三分规则主张将图形在宽度与高度上等分成三排和三列, 从而发掘出构成的力量。三分规则为平面设计师提供了一种经验法则, 对齐元素与横竖线, 或集合元素与焦点, 就能使图像体现出最大的魅力和活力。网格设计与数学巧妙结合, 融入了比例、微积分和几何计算, 按照需求把版面划分为一定数量和比例的网格。将页面分为以栏为单位的单元, 用节奏变化带动画面的质感, 产生优美的韵律关系。此外, 建筑是形成网格设计风格的关键要素之一, 影响深远。
互联网是人们公认的传播媒介, 受益于基于网格的思维方式, 互联网能够把复杂而烦琐的浏览信息过程简化。网页设计师注意到网格工具的特点及其具有的非同寻常的力量, 这种特性往往可以给浏览者带来一种生动、直观的美好体验。网格元素在网页视觉设计中可以体现出秩序, 而以秩序表现出的设计美感即通过文字的排列方式、色彩搭配与变化、导航的设置、图形在网页中的分布展现出的直观表达。尤其在门户网站和大型公司、政府、事业单位的网页视觉设计中, 秩序能够使访客产生理性、逻辑、信任的心理效应。基于网格的特点, 将网格合理地应用于网页设计中, 不仅画面严谨、美观, 也能使不同页面的设计有机统一, 并在此基础上衍生出不同的变化。
网格秩序之美
1、网格秩序具有清晰之美
网格把系统性的秩序引入一个空间, 区分各种不同类别的信息, 并且使用户在浏览这些信息时更加方便、简单。网页设计排版需要遵循一系列有关部分与整体之间关系的原则。每个单词的每个字母便是一个元素, 许多单词组织起来就成了一个句子。句子这一视觉样式被应用于格式化的空间场中, 就可以立刻形成一个结构。而句子可以被视为一条又一条线, 进而组成一个自然段。这些句子不仅仅是一条线, 更是一个有软边、硬边的形状。硬边指向界面, 因为它向深度延伸, 而段落形成栏, 在分割空间的同时自己也成为一个空间。比例重复或者比例各异的栏创造了一种连锁式的节奏, 版式边缘不断重复、反向、再重复。段落、栏、图像之间的空隙有助于通过组织材料内容决定读者的浏览方式, 而空白处的大量文字也决定了人们浏览的顺序。
文字与空隙之间的对齐方式在视觉上能够将文字分开或者连接起来。通过把组织域内的空间分隔开来, 设计师使读者融入作品。而在被动的组织结构中, 各元素之间的空隙是有规律的, 它能形成一种静止的文本域。设计师通过引入一些变化, 如在网格线之间留出更大空白或者改变线条的粗细等, 就能在一致性的文本中进行强调, 读者就会了解这种强调意味的重要性。这种重要性建立了一种页面上各元素之间的秩序或者等级制度。而对秩序的改变意味着页面上各部分之间的关系发生了变化。在这种等级制度中, 视觉上被强调的内容, 无疑与读者理解内容息息相关。设计师在版式、字体、线条、摆放和间隔方面能够做出的改变和选择有限, 因此对其排列、选择也有限。网格把这种对齐和等级之间的关系组织成一种明了的秩序, 这种秩序可以复制, 并且能够被他人理解。
2、网格秩序具有简约之美
视知觉理论认为, 人类倾向于将视知觉中的形和色由复杂向简洁转化。化繁为简的趋势与人们逐渐复杂的生活环境有着密不可分的关系, 简约设计无疑是生活中的一股清流。这种倾向是由人们追求单纯与秩序的心理所决定的。秩序产生的美感具有简约、直观、单纯、明快的特点, 如线条、色块、图形的规则排列等。在网页设计中, 简约的网格应用会使画面严谨、美观, 带来整齐、统一的画面, 应用网格设计可以使不同页面有机统一。网页视觉设计中的简约不是简单摹写, 也不是简陋、肤浅, 而是经过提炼而形成的精约、简省, 保证设计语言的纯化。简约的魅力在于含蓄、优雅, 历久弥新, 经得起反复推敲。
3. 网格秩序具有高效之美
科学性、严肃性贯穿于网格设计的实际应用。网格为所有的设计元素提供了一个平台和结构, 这样的设计轻松、灵活, 帮助设计师在决策过程中降低难度。网格对页面元素的安排有帮助, 在这个框架里提高了连贯性与精确性, 提高了创造的高度和维度, 注入了新鲜的活力, 使比较松散的元素布置得当, 有助于设计师做出可靠的决定, 并提高时效性。网格秩序亦可在保持网页与原先展示内容总体一致的前提下, 使新增内容变得更加容易。