视觉设计原理在网页设计中的运用.pdfVIP

维普资讯 第4卷 第4期 南通纺织职业技术学院学报 (综合版) Vo1．4．No．4 2004年 12月 JournalofNantongTextileVocationalTechnologyCollege Dec．2004 视觉设计原理在网页设计中的运用 杨 振 华 宋 楚 平 周 建 辉 (南通纺织职业技术学院信息技术系，南通 226007) [摘 要】强调了网页设计 中灵活运用视觉设计原理的重要性，分析 了“空间”和 “色彩”是网页视觉设 计的关键要素的原因．提 出了网页视觉设计中的统一性问题． [关键词】视觉设计原理； 网页设计 ； 空间与色彩 [中图分类号】J06；TP393．092 [文献标识码】A [文章编号】1671—6191(2004)04—0001—03 互联网上处于感知的先行位置的视觉系统往往只会关注那些视觉感染力强的页面．因此，网页光有 丰富的内涵还不行，欲使其主题得以艺术性地呈现和表达则必须运用视觉设计原理进行设计 ，以其和谐 愉悦的视觉感染力而引起关注 ，并使浏览者更有效率地接受网页上的信息． 1 视觉设计原理概略 依据某些法则和技巧将作品各构成和造型元素的色彩、纹理、线条、轮廓、空间的层次与布局等进行 艺术的构思和处理，使其外观呈现出和谐的视觉冲击力，以引起浏览者的注意，进而对其产生兴趣 ，最终 发展为有意识地去领会作品要表现的主题思想或目的，这一过程就是视觉设计．以著名的 “哈特威衬衫” 广告为例，模特儿被设计成别出心裁的姿态以惹人注 目并出人意料地配上一副黑眼罩，以吸引人们的关 注．顺着视觉的自然流动规律，注意力从模特儿脸部渐渐转移到广告表达的主题——衬衫上面．通过这 一 独特的视觉设计 ，广告的主题得以完美表达．网页的视觉设计决不是只凭感觉，由于浏览网页时的视觉 感受具有某些心理学特性，可针对这些特性进行视觉设计． 2 网页视觉感受的心理学特性 (1)视觉流动规律．阅读总有其 自然的习惯 ，先看什么，后看什么，再看什么，这一顺序体现了视觉的 流动规律 ，形成了视觉流程．视觉流动规律有明显的方向性 ，如从上到下、从左到右、从动态到静态、由明 到暗、由粗线条到细线条，喜欢阅读 内容或形式连贯的信息，似有一股脉络贯穿其中．视觉流动规律的形 成与人类的视觉生理特性、认识过程的心理顺序、思维发展的逻辑顺序和思维习惯有关．灵活运用视觉流 动规律能更好地针对网页的主题思想组织好 自然流畅的视觉导向． (2)网页视觉的兴奋点．心理学研究表明，意识 (有时是一种潜意识)会对场景中的众多对象进行筛 选．如果兴趣或情感与某一对象产生共鸣，视线便会停留在这一对象上，这时，视觉的兴奋点就很快产生 了．网页的视觉兴奋点往往有色彩上明快或出人意料一反常理、形式上新颖奇特、和周围视觉元素对比强 烈、具有某种较强暗示等等特点．例如，以浅蓝这一冷色调作为主色调的页面上某一位置出人意料地出现 了一块暖色——红色，就会产生强烈的反差，这时，视觉的焦点也就出现了． f31网页空间布局的心理感受．网页中视觉兴奋点位置的设定应考虑到浏览者对网页空间布局的心 理感受．局部区域色彩的浓淡、明暗，色块的大小，线条的粗细，轮廓的虚实，页面元素的堆积程度等都会 收稿 日期：2004—07—06 作者简介：杨振华(1968一)，南通纺织职业技术学院信息技术系讲师 维普资讯 南通纺织职业技术学院学报 (综合版 ) 2004在 导致 “重”或 “轻”的视觉感受，从而影响到整个页面的视觉平衡感．另外，心理学研究表明，平面上半部和 左半部给人轻松、自在的心理感受，下半部和右半部让人感到稳定而压抑．总之，平面上视觉影响力上方 强于下方，左侧强于右侧．因此页面上部和中上部被称为最佳视域，网页视觉兴奋点一般应设定在这一区 域，一些突出的信息，如主标题、每天更新的内容等通常也都应处于最佳视域内． (4)对网页颜色的心理感