浅析网页设计——视觉流程.pdfVIP

维普资讯 2008年4月 焦作大学学报 № ．2 第2期 JOURNALOFJIAOZUO UNIVERSITY Apr．2008 浅析网页设计——视觉流程 张 蕾 (中州大学艺术学院，河南 郑州450044) 摘要：视觉流程是 由于人们的阅读习惯而形成的，大多在视觉的最佳区域，即上半部及左半部分。然 而网络技术的不断发展使网页的视觉流程更加多样化。人们在通过网络接受众多信息的过程 中，由 于设计师将诸多网页构成要素通过合理的编排与布局，使整个版式清晰、自然，使视觉流程的终点与 所表达的中心相吻合。这样不仅能使读者快速地接受信息，更能吸引读者的注意并留下深刻的印象。 文章阐述了版式设计、网页布局在网页视觉流程中的重要性。 关键词 ：视觉流程 ；版式设计；网页布局 中图分类号：TP393．092 文献标识码：A 文章编号：1008—7257(2008)02—0098—02 人们在通过视觉接受信息 的感知过程 中，由于受人 整体效果 ，能给人 以清晰 的视觉 印象 ，避 免页面繁杂零 的生理和心理的影 响 ，视线 的流 向是有一定顺序 的，将 乱 ，减去不必要的装饰变化 ，使人易认 、易懂 、易读。不 视线 的这种接受特性称之为视觉流程。它 的形成是 由 能为造型而编辑 ，忘记了文字本身是传达内容和表达信 人类 的视觉特性所决定 的。 息的主题。 1．2色彩语言 1．网页中的视觉流程离不开版式的设计 色彩给人 以联想 ，并给人 以心理感应 ，是产生视 觉 1．1图像和文字的编排与设计 冲击力和艺术感染力的重要 因素。它不仅 能引起人们 现今读 图时代 ，图与文在视觉传达与交流的过程 中 的注意，又能迅速地传达 网页信息和表达情意，具有先 几乎具有了同等重要 的地 位。有意味 的图示能超越语 声夺人的效果 。现在的网页信息量非常大 ，页面上要有 言，清晰准确地传递出丰富的信息。然而有动态感和富 大量的文字去阅读 ，这样会给阅读者一种枯燥感 ，也不 于变化 的图像和文字一般容易做到视觉注 目，因为动态 会给阅读者留下较 深刻的印象 。因此网页 的色彩搭配 的图像相 比静态的图像更能予以视觉感知上的醒 目和 要注意两个方面 ：首先页面色彩要确定一个主色调 。不 刺激 。例如最为常用的 GIF动 画和 FLASH广告最受大 同的色彩给人 的感觉会不 同，色彩本身就给人带来不 同 众 的喜爱 。因为动画的实用性 、趣味性和指示性 ，无论 的含义 。比如粉色系列更能体现女性 的温柔美丽 ，冷色 是不懂事的孩子还是没有文化的老人都能够吸引他们 系列更能体现男性的刚强 ，暖色系列更能调动人们 的食 的注 意力 ，这就是它 的魅力之处。除 了图像 ，与此相对 欲等等 ，因此确定主色调有利于体现 网站的主题 。其次 应 的文字也应做灵活 的处理 ，从文字大小 、字体 、排列 在背景的色彩上要注意不能有强烈的对 比，因为过于丰 等方面进行不同的设定 ，使文字与图像组合成一个互有 富的背景色彩会影响到前景的图片与文字 ，严重时会导 内在联系的版式。在网页中静态的图像一般都是照片 ， 致图片 、文字、背景合为一体 ，分不清楚 。所 以背景应 大多用在新 闻媒体 ，也有部分矢量图形。文字的编排也 以单纯为宜。例如韩国网页，他们仍大多走插画风格 的 比较简单 ，由于在 网页中浏览器不能识别太 多字体 ，因 路线，在网页设计中挖掘与延伸 。在运用中喜欢把插 画 此文字的设计就受到限制。文字作为信息传达的主要