网页界面版式设计.pptVIP

网页界面版式设计的作用及特点 网页界面版式设计的作用 网页界面的版式设计就是在有限的版面空间上，将文字、图片、符号、动画、按钮等视觉元素进行艺术处理和组合排列，使它们生成网络信息符号，方便网友、亲近网友，通常根据主题需要，装饰的形式要为内容服务，网页在传达信息的同时又愉悦网友的感官感受，所以设计师在设计网页界面时应有目的的组织各构成视觉元素，进行艺术与技术的有机结合，发挥个性优势，创意出卓而不凡的版式效果，展示艺术设计语言与技术的高度浓缩与概括的魅力。 在网页设计领域，很长时间以来版式设计被认为是技术性工作，没有艺术性可言。因为网页的设计和制作上要由技术人员来完成，他们只是习惯性地规定一种格式，习惯性地放入文字，再让设计师设计一些大小和内容都符合他们需要的图形图像。也许这些图形图像的创意和表达都很精彩，但由于缺乏对网页的整体理解，设计师设计图形图像的工作相当被动。网页的版式设计缺乏创造性的构思和系统性的考虑，文字和图像只是一种简单、刻板的堆砌。 现在，人们越来越认识到版式设计在网页界面中的重要作用，它是技术和艺术的高度统一。它不仅需要技术人员编程将它实现(当然，现在很多“所见即所得”的软件给设计师带来了方便，让设计师也能轻松地完成编程工作)，而且需要设计师运用统一、对比、对称、均衔、节奏、韵律等形式原理进行设计，以构造出和谐、流畅、自然的网页界面。 版式在网页界面设计中的作用可以概括为实用功能和审美功能。 1．实用功能??? 版式设计的实用功能，主要是为了满足人们的生理需求，让人机交流能顺利进行。我们知道，人们上网的目的，不外乎获取信息、交友、娱乐、购物这几种，具有很强的自主性、选择性。一旦遇到外部环境中带有负面作用的刺激，就会中止浏览，转向其他页面或退出。而版式设计从人机界面的角度将这种负面作用降到最低，提供尽可能多的正面影响，它让人机对话变得轻松，促使人们迅速达到自己的目的。这种正面作用可以归纳为以下几点： (1)主次分明，重点突出版式设计能让人迅速抓住网页的主题。 (2)导航清晰，浏览便利，对网页的主要内容有所了解并迅速做出反馈，而不至于找不到重点。 (3)布局合理，逻辑性强。版式设计能让各视觉信息在页面中合理、有序地排列，既体现了设计构思，又符合一般的视觉原理和思维习惯，从而引导浏览者的视线依设计师的意图最快捷地获取信息。也就是说，版式设计能左右人们的视线，设计出合理的视觉流程。 2．审美功能??? 与实用功能相对应，版式设计的审美功能是为了满足人们的心理需求。人们在内心深处总是存在对美的渴望和追求，他们在接受网页信息的同时，由版式设计产生了对美的遐想，获得了快乐和艺术性感染，这就是发自内心的审美体验，版式设计利用心理攻势撞击着人们的心灵情感，在设计者和观众之间架起了一座桥梁，达到近距离的沟通。版式设计的审义性体现在以下两方面： (1)增强整体感??? 网页界面的各视觉要素在版式的整体规则、组织下协调编排，互相联系，互相影响，成为一个有机的整体。整体美不是局部美的简单相加，它需要在网页这一空间限定下，对各要素进行平衡、调整：版式的整体感体现了设计师驾驭各种表现方式进行设计的综合能力。 (2)增加表现性??? 整体美自然使网页的创意、风格更容易表现。版式设计和图形图像一样，是体现网页创意的载体。好的版式设计能根据网页创意进行创造性的精心编排和设计，最终以优异的视觉构成形态，形成格调优美、韵味十足的良好视觉效果，瞬间捕捉人们的视线，打动人们的内心。版式和图形图像一样，也需要创造性的构思，也就是版式的创意。很多时候，版式创意、图形图像创意是随着网页整体创意而产生的，它们是人脑创造性思维的连续过程，并不能完全分离。 总之，具有独特风格的版式设计，能增强网页界面的视觉表现力，给人们心里留下深刻的记忆。??? 另外，作为视觉形式，版式设计与网页界面的其他视觉形式的设计一样，都需遵循“形式服从内容”、“局部服从整体”的设计原则。网页界面设计是系统化的设计，其整体创意、风格定位以后，各组成要素需统一在整体风格之中。如果形式与内容不相符合，局部破坏了整体，即使版式设计的再精彩，也只能成为网页界面设计失败的原因。要实现版式设计的上述功能，使信息高速度、高质量传达，相应地，就需要从视觉、造型两方面的因素来考虑。 网页界面版式构成的种类 根据视觉流程的类型及网页版式，总结出以下版式构成的类型：水平分割、垂直分割、水平-垂直交叉分割等。其中，水平分割、垂直分割、水平-垂直交叉分割常用到水平线、垂直线、矩形等，这些形式在网页制作时容易实现，且页面能容纳较多的信息含量，因而是网页界面中使用相当广泛的构成类型下面简单介绍一下这几种分割形势。 一、水平