网站创新设计中的四种版式探析

时间:2019-09-27

　　摘    要：　伴随着新时代的快速发展网站设计由以前依附底层的后台技术向高阶的美学领域发展, 版式设计也由经典向创新与经典创新结合的方向发展。网站创新设计已作为一项设计门类和网络后台的交叉的领域而受到设计师的重视。本文将创新下的网页版式体系与经典排版体系相结合, 阐述了网站创新设计版式的体系。

　　关键词：　网站版式; 视觉层级; 排版;
 

　　任何平面设计形式都基于一个结构体系, 这些体系或框架可以归纳为不同的类型, 每种版式类型也有着无数的变化。在网站创新设计中, 设计师可以在单一的体系中机动性地排列文字和图形, 可以将各类构造混合, 或是对某些肌理关系进行重塑。版式设计过程本身是复杂的, 因为版式中的元素不仅要完成传达沟通的功能, 另外还有视觉层级、阅读顺序、易读性和对比关系等标准, 我们会分析在创新中常用的几类版式体系。

　　一、自由式体系

　　在自由式体系中, 元素的安排并非有明确目的、模式、方向、规则、方式或意图, 但它只是看似随意, 因为观者会对构图进行组织——哪怕是无意识的。人类已经被程序化的眼睛和大脑, 看到任何东西都要寻找模式、图形和秩序, 早期人类因为这样的能力得以生存下来。创作自由体系构图, 也就是在页面上随机散布各种元素, 当有些元素不可避免地排列起来, 观者会认为构图是有意识的。但是创作自由构图并不复杂, 当画面中元素被剪切、交叠、文字以不同的角度放置。易读性因此而减弱时, 这幅构图就将呈现出随意的感觉。除此之外, 自由放置的元素往往会出现非常动态的自然效果, 尽管易读性差, 但视觉效果却十分吸引人。

　　当文字行为水平排列时, 构图几乎不可能产生自由的效果。任何单一的方向, 水平的、垂直的或者斜向的, 都表露出一种次序感和意图感。而角度的多重性会立刻给构图带来自由感, 而且角度越复杂, 变化越多, 构图的自由感越强。在具有多重角度的构图中, 元素的交叠和剪切都会很自然地发生, 这些也最明显地表达了自由式体系构图的特征。

　　二、网格式体系

　　网格式体系使用垂直和水平分割来组织关联各元素。网格式体系的构图通常是规整的, 追求视觉秩序和流程化设计。现实生活中网格式体系包括窗户、地图和数独游戏等, 在网页文字布局上也常常被用到, 因为它们可以引导信息层次, 在众多页面中形成一致的视觉节奏。用网格式体系来进行视觉传达, 能使版面中各元素和有规律、成比例的文本、图形和空间之间形成紧密联系。

　　网格式体系让设计师有机会以更为熟悉和有序的方式来研究水平构图, 通过间隔来改变形式, 通过断开字行来改变组合, 有意识地创造有趣的空白空间。网格体系也依赖于排列, 但网格体系不局限于单一的轴线。它使用两个以上的列, 增加了排列关系的更多选择。在这个体系中的形状和空白空间是矩形的, 构图中各个空间的比例也很重要。

　　三、过渡式体系

　　通过视觉上的过渡式体系, 是纹理和位移的矩形状组成的一种混合的体系。它不单单是依据一条线来组成关联, 也没有对于边缘的对齐, 各类元素自主地左右位移。相比网格式体系, 这是一种更加自主的体系, 不用通过边缘对齐来组成严格的关联。字行可以自由地流动, 创造出的肌理对信息的组织起辅助作用。现实生活中的过渡式体系有层层堆叠的岩层, 自由堆积的木料等等。

　　构图中的过渡式体系不仅可以疏松, 而且可以紧凑, 来突出氛围感。这种体系下所形成的构图, 常常会让设计师联想其他的作品, 好似山水画的别样韵味。而且, 该体系中圆的使用有时也能增强这一效果, 因为图形像一个抽象的太阳或月亮。

　　过渡式体系是最自由、最松散的体系, 内里的元素项不依托其他形式的轴线来编排。由于采用不规整排列形式, 流动成为这种体系最明显的特征。对于大多数设计师来说, 这个体系最困难的方面就是克服通过排列来完全联系各个元素的念头。在这个体系中, 元素光联依靠纹理的汇聚, 另外还有部分在这些纹理上的特殊组合形式。

　　此外, 过渡式体系的最大优势在于它自然地不对称性。字行在排版时进行位移, 塑造了肌理和空白空间。用组合起来的字行形成或紧或密, 或深或浅的肌理, 这也是我们需要重点考虑的一个因素。

　　四、模块体系

　　模块式体系是借用了标准抽象单位及元素, 使它变成了承载文字组合的基本范围。版面构图则是由模块组织和排列而形成的, 现实生活中的模块体系有街区、集装箱和构件系统。版式上的线条和文字有自身的独特形状, 并非千篇一律, 需要有一个用于设计基础的模块。模块可以是初阶的, 不用复杂化, 例如简单的矩形。当然, 也可以是相对复杂的几何形状, 比如圆、椭圆和三角形构成。这个体系构成是利用标准的模块来编排版式, 搭配信息。文字部分断开或切分为多个部分, 如同组合模块一样便于传达信息。

　　模块式体系的小样阶段不同于其他体系, 在所有的构图中它都涉及抽象元素, 即使用大小一致、同样粗细的字体样例也是如此。模块成了抽象元素, 设计初期, 设计师用模块组合来编排。一部分简单的图形, 例如:圆、正方形和矩形是最容易掌控和描绘的, 而长条矩形则与字行有着最紧密的视觉联系。不过, 多边形、椭圆形和其他繁杂形状更加复杂, 不易控制。模块式体系中初期构图经常呈现自身独立的状态, 随着不断深入, 模块紧接着进行连接、交替、组合, 来形成更多丰富的图例。

　　五、结语

　　综上所述, 本文对网站创新设计中的版式进行了解析, 一个优秀的网站设计应该注重其版式体系的运用。本文着重探究自由式体系、网格式体系、过渡式体系、模块式体系在实际运用中所承担的角色。在网站设计日益流行的当下, 广大设计师应提高艺术审美素养, 认真感知灵感和经典, 应该结合过去所学, 在国家提出的创新大潮下, 突破以往观念的束缚, 寻找更加符合现下趋势的版式体系。

　　参考文献：

　　[1]李英俊《谈谈网页艺术设计中的版式设计》[J].硅谷, 2009.
　　[2]邵小兰《浅析网页设计中的艺术设计》[J].科技资讯, 2011.

TAG标签： 网站版式  视觉层级  排版  

上一篇：网站视觉交互设计的影响因素与发展趋势
下一篇：浅析电子商务的网站设计