高职网页设计教学中面视觉效果琐谈.pdfVIP

北京电力高等专科学校学报 No．03．2012 ElectricPower 教育改革与实践咽 Beijing College 高职网页设计教学中版面视觉效果琐谈 张丹 ’ (辽阳职业技术学院，辽宁辽阳111000) 摘要：通过对网页设计中的形式美法则和网页中各种构成要素进行分析，探讨网页设计教学中网站版面的编排与设计． 关键词：网页设计；形式美法则；构成要素 中图分类号：GTl 文献标识码：A 如今．互联网已经融入我们日常学习生活的各个环节，并在全 中的形式没的法则和现代的网页设计的具体问胚相结合起来。运 球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传 用一些平面设计中美的基本形式到网页版面的设计中去，增加网 达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中， 页设计的美感和浏览者的视觉审美需求． 每个网站都拥有自己不同的网页。一个个变换的网页构成我们互 (一)版面的规范化 相交流的媒介。因此，网站制作过程中，特别是网页页面编排设计 页面编辑的规范化要求是网页设计的重要方面。比如使用 时，要展示出自己独特的设计风格。如何设计出视觉效果好，色彩 Dtes／llweaver设计网页时，是选择左右型结构、左中右型结构、左 搭配和谐，结构合理的网页版面是网页设计中的一个重要问题． 右型结构框架，还是用表格系统来定位网页中版面的规划。要遵 一、网页设计中的视觉流程 循一定的规范。在网页编排中应正确使用文字、标点符号、计量单 网站的宣传内容、整体风格、设计理念都要通过视觉感官被浏 位、规范使用术语、图片和Flash动画等。对网页版面中的文字、图 览者所欣赏、接受和感受。设计精美的网页版面能够让浏览者增 形、色彩的设计，都要遵循形式美的视觉规律．网页的内容与形式 加浏览兴趣，拥有美好心情，从而增加网站点击率．反之，网页页 的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上 面凌乱不堪会严重影响浏览者观看阅读的情绪，离开网页。网页 的各种对象之间要分清主次，突出重点，有一定的整体感。 视觉元素能否引人注目会直接影响到网站的信息传达。若想想通 (二)版面的均衡性 过网页更好地传达信息，网页视觉效果良好是其基本条件，让网络 网页的版面虽然有限，但在浏览者的眼里和平面设计要求一 真正意义上成为可读强性、新颖的媒体，为此网页设计者设计网页 样同样要有视觉的均衡性。版面构图的基本元素是点、线、面，其 时，必须适应人们阅读习惯和满足人们的审美需求。对每个视觉 中单个的字符是点，由字符组成的行是线，由行组成的段落是面。 造型元素之间的距离、位置、面积以及视觉流程等都要精心设计。 线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平 人们阅读文章时，视觉总会有一种先后顺序习惯，有一定的方 和垂直给人以安静和固定的感觉，倾斜则具有运动感。水平、垂直 向，整个版面的走势有一个主旋律。网页设计中的主标题、重要广 和倾斜组合起来使用会给版面带来丰富和生动的效果，从而使版 告、更新的重要信息等突出信息通常选择放于此位置。但视觉流 面在整体上保持平衡的前提下具有动感和变化。 程与学习数学公式不同，属感性范畴，其只要符合人们认识过程的 (三)版面的装饰性 心理顺序和逻辑顺序，就可以根据感受灵活运用。网页设计时，合 “图”与“地”的对比中版面的装饰性中和重点。可以使用空白 理的运用网页的视觉流程，能够引导浏览者按照一定的顺序阅读 进行装饰，力求在平而中达到不平的效果。要注意立体的装饰效 网页．组织好整个网页版面的视觉导向，从而影响到整个网站的信 果，比如在文字大小、颜色的处理上要有对比，图片的摆放也要有 息传达和功能实现。因此网页的编辑设计，视觉导向是一个重要 大小、颜色的对比，包括和背景颜色的对比，从而使版面在整体上 问题