网页设计秩序与灵动

前言：本站为你精心整理了网页设计秩序与灵动范文，希望能为你的创作提供参考价值，我们的客服老师可以帮助你提供个性化的参考范文，欢迎咨询。

摘要近几年，网页设计已成为视觉传达设计艺术的重要组成部分。而从设计方面上来说，人们往往忽视了对其美感创新及信息传达速度，过分依赖于设计软件，使得网页设计存活于混沌之中。网页网格设计提供了一种结构建立起来的叙事关系，将页面内元素以一种合理的逻辑布局去引导浏览者的视线。但由于网页后台技术的限定，使得网页的设计更加难以发展，文章中提到运用网格系统的秩序性去美化网页的设计，使网页设计在理性的制约下更加生动。

关键词:网页设计；网格设计；秩序；灵动

近几年来，随着科技的进步，互联网的发展使得信息的传播突破了传统的政治、经济、地域及文化的阻隔，而网页借由网络的运行，将所信息用最快、最方便的形式向网页的浏览者传达。因而网页设计作逐渐被人们所认可并认识，但是现在由于设计软件增多并过分依赖于它，致使网页设计重视技术操作，使得网页设计存活于混沌之中。而雅各布•尼尔森说：“网络是最终授权于消费者的环境，他（她）点击鼠标就能决定所有事。到达任何地方都如此简单，世界上所有的竞争者都只是一次鼠标点击的差距。”故网页设计的目标是实现内容的整合，兼顾信息量大且易于阅读，能够吸引浏览者停留在某个页面上。而网格设计的本质上来说是一件设计作品的骨骼，不仅仅能够赋予设计以秩序感，帮助形成清楚且连贯的信息关系，还能给设计的表述和创造提供丰富的机会。这也能够逐步使浏览者对网页设计的视觉美感得到认同。

一、网页设计的溯源

上世纪60年代，借由战争的推动而形成最初的计算机网络。而互联网的前身起源于1969年，美国国防部的指示下由四台计算机组成，名为阿帕网(ARPNET)。而在1974年提出的通讯协议和TCP/IP协议的应用，才使同时互联网成为一个开放系统。并在上世纪九十年代电脑技术的飞速发展，图像、声音、多媒体元素等新的数字媒介进入到互联网之中，进而网页的设计也由于一些新的技术的加入，网页中有越来越多的因素能够被规划并进行设计，这着实让网页设计成为一种全新的艺术设计形式。而网页设计是基于互联网为载体，以数字网络技术为基础，并依照、遵循设计的表现形式及其规律，以此来达到设计的目的与功能，并且网页设计强调艺术与科学要建立一个密切的联系与结合，形成一种新形式的视觉传达活动，使平面设计在现代社会中得到发展与延伸。未来的网页设计不但在依照设计的目的及要求的同时，更以所处的时代背景下获取最好的技术，加以艺术的表达形式为基础，有意识地对其进行艺术的创造性规划活动。不仅能带给网页浏览者美丽的视觉体验，同时更好的发挥了其信息传达的作用。

二、网页设计中秩序与灵动的起点

在网页设计飞速发展的时代，人们在追求着网页的强大信息量且易读的同时，寻求网页设计中的秩序与灵动的设计方法，这就可以满足网页的美感与实用性。通过多年来实践，设计师发现这些都需要有网页版式设计才能够达到，它不但使了网页富有自己独特的艺术风格及特征，还可以以此吸引浏览者的注意力，增强网页内容的秩序传达性，这种秩序不是强加于浏览者的，而是为浏览者创造独特的体验。因此，在网页设计中网页版式设计具有起点的作用，并且网页版式设计是由网格系统组成，没有网格系统的辅助，难以达到页面清晰美观，内容组织合理，无法在网页设计寻求到秩序与灵动。

（一）秩序的基本原则

自然秩序产生的前提是物理法则要能够在没有相互干扰的孤立的系统中起作用，而所有事物都是相互作用的，正是这种混乱与秩序之间的对照唤醒了我们的知觉。而秩序感通过各种工艺证明了人类喜欢节奏、秩序和事物的复杂性，设计师通过对对称与均衡、单纯与齐一、协调与对比、节奏与韵律、多样与统一灵活的运用，体现出一种带有秩序感的灵动。而将元素的秩序化组构，依照人所产生的视觉规律，主要体现在其排列的条理性，比例的合适性、节奏的合理性、以及渐变的严格性上，遵循着化繁为简、化杂乱为条理、化模糊为鲜明的原则的秩序法则，从而协调重复、均衡、对称等性质，将画面的展示增添秩序性、连续性和和谐性。

（二）网页设计中的网格系统设计

网页网格系统可以被定义为：通过对比例、秩序、连续感和现代感，将网页里的元素进行重新整合，将网页中版面布局以规范的网格排版来指导信息的分布，实现保持平衡亦或者去打破平衡。从网页设计上说起，网页网格设计的应用，不但能够整合网页的信息，方便阅读，更可以增加网页的美感，还可以有助于阅读，更具有可用性。而且，对于前端开发来说，网页将更加的有秩序和有灵活性。自网格系统应用以来，经过许多代设计师的努力，使其发展的更加精确与完善。现在的网页设计中的网格不但继承了传统印刷网格，并以此为基础，却又不同于以往的传统印刷网格，能以其的多选择性突破传统印刷媒体的限制，更具有自己特殊的特点和要求。不过传统印刷媒介中所需要设计的界面是固定的，而网页设计中有很多因素是超出设计师控制的，浏览者可以按照自己对网页视觉效果的要求来进行调整，至使显示屏所呈现的画面与最初的设计背道而驰，但是显示器屏幕每英寸由72像素构成，实际上是由数字创造的网格，这是一种区别于其他的传统媒体形式，网页设计者虽然对版面视觉效果丧失了一定控制力，但这也正是网页设计的美丽所在，而我们需要做的是让设计去适应变化多端的网格系统。

（三）网页设计中的误区

当新媒体设计与信息构筑的时代来临时，网页媒体以全新且令人激动的方式展示信息，将其诸多特点展现出来，使其能从众多的传统媒体中突显出来。与此同时，网页制作技术也得到了前所未有的革新，涌现出一些列功能愈加强大的网页制作软件，网页制作也由此变得轻松而容易起来，这种偏向性致使滋生出大量偏向重视技术操作而忽视网页设计的视觉创意美感的网页制作者，造成信息无法正确传达出来。在这种现象的促使下，如何平衡在信息高度密集的网页，不仅仅需要设计师具备审美的品质，更需要为信息的展示增添秩序性，而无论在何种网页上，网格可以向浏览者预示出信息所在，这也算是看不见的秩序，也可以在保持展示内容总体一致的前提下，为网页添加灵动性，这也是在设计中所强调的视觉有序系统。

（四）网页设计中存在的问题分析

现在有一大部分网站，不知道信息的所在，没有规则可言。如果不能在混乱之中建立秩序，使浏览者对网页设计者的意图一无所知，更使信息易读性和传达性变成一个令人困惑的难题。并且网页存在信息能容过满的问题，就将各种信息诸如文字、图片、动画等不加思考的硬塞到页面上，没有任何规范、条理可言，也更谈不上艺术处理了。此类问题导致浏览者在读取信息时会遇到诸多不便，不助于信息的交流，使网页上的设计做不到互相协作，反而相互消减。再加上页面上五花八门、不分主次的内容，网页背景做的很花哨，过度的装饰的页面，混乱了浏览者的视线，严重干扰从网页中信息的获取，更无法提及其的秩序美感。相比之下，还有一类网页我们打开，发现好像这个网页与那个网页都是一样的。无论是标题、文字及图片的位置相同，更甚到动画的效果都是如此。而这两个网站对于页面的用色秉承着随心所欲原则，其目的只是为了区分开文本和背景，与此同时失去网页的特色，使我们看网页好像每一个都是相同的，缺乏灵动性。虽然不能片面地追求视觉美感冲击力，但也不能不顾浏览者的使用性。

三．网页设计中秩序与灵动的设计应用

网页设计是视觉传达设计艺术的重要组成部分和重要分支，其未来趋势将逐步走向简单化、立体化和智能化。如何平衡网页的秩序与灵动，使其展现形式会变得简单，条理变得清晰，并做到用有秩序的形式显示最全面的内容，恰到好处地进行调整、解构，让网页设计更加有灵动性。

（一）网页设计的秩序感

俗话说：没有规矩，不成方圆。而设计也需要有一定的规矩，也可以说是一定的规则。而这种规则可以给设计带来秩序感和结构感，这种设计终将成为一件有血有肉的作品。而网页设计也是如此，通过形式美的法则，将页面中的各种视觉元素进行有组织有规律的调整，大胆的取舍，使页面获得完整、有序的视觉效果，通过这种具有单纯的秩序性，对各种凌乱的资料运用理性和逻辑思维，产生具有强烈的视觉冲击力，促进浏览者加深印象，创造清晰有序的形式感。如网站设计者常运用反复视觉流程，使网页产生的视觉效果更富有韵律美和秩序美。同时可以发现整个网页设计运用了清晰的网格可以清楚地表现网页的细节和引导浏览者进行浏览。并通过改变图像与文字的大小比例，从不同的视角展现主题，不同的比例和尺寸建立起一种叙事关系，通过用对称式形成了一种平衡、协调的感觉，带给浏览者一种条理清晰的印象。另外网页设计时，通过对页面适当的留白，能够制造处生动的进入方式，并且对页面或界面的各个元素与部分分割、区分和重组，并且留白区域可以用它来实现强调、比例、平衡和韵律。留白不会给人感觉页面“空”，反而会形成一种视觉的空间感。

（二）网页设计的灵动性

网页的整体设计，通过以周密的组织和精确的定位来获得页面的秩序感。通过散点视觉流程，将网页中的各个视觉元素进行有节奏的组构，或上、或下、或左、或右的自由移动，给人一种轻松随意带有韵律的视觉享受。并且通过对视线的引导，不但保持着网页的整体流畅、和谐的浏览观感，使浏览者更加轻松的找到所需要的内容。

（三）秩序与灵动并存的网页设计

网页设计以一种稳定、神秘的方式呈现出一下中相对灵活的创意活动。这种在有秩序的页面下追求一定的自由度，使网页设计能通过深思熟虑之后决定或特意的追求的“散”的解构，在理性授意下其内存在着一种带有灵动的秩序。而优秀的网页设计就是应该在多样中求统一，在节奏中求韵律。如网站设计者运用形式美法则，通过有序、具有美感、整体协调的手段，使浏览者能够感受到愉悦感。同时，带有韵律的平衡，可以突出网页所强调的重点。

四、结语

设计上用四句的格言强调了设计的核心要求：根据受众进行设计、功能决定形式、保持简洁、内容决定一切。也就是说，设计就是要遵循内容决定形式的原则。黑格尔也说过：“内容和完全适合内容的形式达到独立完整的统一，因而形成一种自由整体，这就是艺术的中心。”故网页在设计上，要在保证有秩序的形式显示最全面的内容，使浏览者更加轻松的获取信息。并且在秩序感不断渗入到人们的生活和艺术设计之中，人们的审美不断提高，对于美的要求越来越高，设计者要通过对形式美法则的对称与均衡、单纯与齐一、协调与对比、节奏与韵律、多样与统一的灵活运用，寻求出一种带有秩序感的灵动。将它们运用到网页艺术设计这种科学与艺术高度统一的产物上，创造出艺术化、人性化的网站页面。

参考文献：

[1]加文•安布罗斯、保罗•哈里斯编著．刘静译．网格设计[M]．北京：中国青年出版社，2008．

[2]威廉•瑞恩、西奥多•科诺瓦著．美国视觉传达完全教程[M]．上海：上海人民美术出版社，2008．

[3]惠岩、顾群业编著．网页艺术设计[M]．济南：山东教育出版社，2012．

[4]KhoiVinh著．秩序之美—网页中的网格设计[M]．北京：人民邮电出版社，2011．

[5]E.H.贡布里希著．秩序感—装饰艺术的心理学研究[M]．长沙：湖南科学技术出版社，2006．

[6]胡爽.基于格式塔的网页信息设计的美化研究[J].包装工程，2010．

[7]周峰、彭沛.浅析网格系统在网页设计中的重要性[J].科技信息，2009．

作者：王晴 单位：东北师范大学