网页设计中形状文法.docVIP

网页设计中形状文法 　　摘 要：当浏览各种不同类型的网站的时候，大多数情况下可以一眼看出某个网站属于什么类型：娱乐、商务、门户、网络社区、工具类、搜索……正如可以分辨出上海石库门和北京四合院一样，不同类型的网站具有一些不同的特征，足以令人分辨。论文中所要讨论的就是其中暗含的形状文法对网站设计的影响。形状文法的运用以网站目标和品牌为基础和前提，延伸出一系列的规则帮助网站设计的拓展，丰富视觉设计的同时，也给用户带来了良好延续性的统一体验。 　　关键词：形状文法；网页设计；约束性 　　 　　一、概述 　　1.意义 　　C.Alexander曾说：“建筑物、社区、聚落、都市是成长（grow）出来的，而非制造（make）出来的。”虚拟物网站也是如此，网站的设计与品牌的成长是息息相关的，如果说品牌是自然而然成长丰满的，我们所要寻找的就是隐藏在这自然背后的规则。这规则将指导网站的设计理念。 　　对设计中遇到的问题我们往往会局限于问题本身，那如果有一个规范在呢？这意味着对设计的定义和问题的解决可以面向一个对象的规范（运行规则），而不是对象本身。形状文法的意义就在于，它也是解决设计问题的一个途径，为一些棘手问题另辟了一条蹊径。 　　2.定义 　　“形状文法”是George Stiny在1972年所提出。他的理论脱胎于资讯科学的“符号语言”（Formal Language）理论。在形状文法中，形状被假定为最基本的组成要素，也就是说，形状文法以形状为本演绎的造型方法。文法使用的规则基础是形状而不是一个具体的特性。形状文法是以图形为主的设计方法。早期形状语法被定义在二维空间设计发展应用上，将形状单元借由点形成线，线形成形状的数学关系，利用数学集合的观念作为组织上的结合，形成形状集合的数学方程式。设计语言就借由语汇（几何形）与文法（规则）的演算过程，运用到计算机的设计运算上。 　　根据Stiny对形状语法的定义，一个形状语法G必须包含四个部分G（S，L，R，I）： 　　S：一组“形”的有限集合。 　　L：一组“符号”的有限集合。 　　R：一组“造形规则”的有限集合，而且每一“造形规则”都以α→β的方式表达，其中α是（S，L）中的一标记形，β是（S，L）*一标记形。 　　I：“初始形”（Initial Shape），且必须是在（S，L）中的一标记形。 　　举例来说，简单的矩形形状语法如下：内接正方形 　　S（形的有限集合）:- 　　当设定基本形状及衍生规则后，将形状透过不同规则的展现，可形成新的形，在语法的定义上如果较松散时，在寻找“子形”的相似上，显得十分具有弹性。 　　3.形成过程 　　形状文法利用了布林运算的联集、交集、差集，与欧基里德形式转化的平移、旋转、镜射、比例特质，在基本形上呈现设计原理的连续、反覆、比例、对比、律动等视觉现象。透过物件导向的程式设计概念进行语法规则分析、衍生规则定义，产生进行自动化设计。 　　形状文法是在一个特定风格的抽象空间内形成的，它基于词汇和空间的互动关系。不同的空间关系形成不同的语法规则，这些规则连同最初的形状，产生的设计语言就是形状文法了。语法最终还是将被应用到最初的形状，从一种形状到另一形状，迭代反复，丰富了造型本身。 　　二、形状文法在网页设计中的原则 　　1.多样性 　　如果把形状文法和语言语法相类比，形状文法中的原始形就好比语言中的词汇，形状文法中的形与形组成规则就好比语言中的主谓宾状的组合规律。在网页设计中也有这样的“词汇”――文本、数字、图片。这些原始元素结合形成复合结构，比如登录入口、帮助中心、提示框等等。每个原始元素和复合结构又包含位置、大小、颜色、是否可链接等属性。 　　2.约束性 　　在文法的建立过程中，以下两个方面会约束文法的形成。而约束在构建网站时是一个必须且十分有用的工具。约束体现在两个方面，一是页面中各个元素之间的关系，二是实现页面效果背后的技术和流程。 　　（1）栅格化设计。约束性除了与网页实现技术息息相关外，网页的栅格化设计也是约束性的一个表现。网页的栅格化设计就好像存在着的一个潜在网格，以帮助视觉规范的秩序性。网页栅格设计是从平面栅格系统中发展而来。它以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。栅格化设计的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页会更加地灵活与规范。在栅格系统下，页面中所有组件的尺寸都是有规律的。这对于大型网站的开发和维护来说，能节约不少成本。 　　（2）风格是种约束。风格可以被解释为在一个特定的视觉语言具体的元素之间的关系组合。应用这个关系组合，继而建立一套规则，最后再应用到计算机设计系统，这样，可生成以逻辑为基础的预定义的多种解决方案。风格和网站设