论文部分内容阅读
【摘要】：随着信息技术的改革和进步，视觉传达原理在网页界面设计中的应用，极大地增强了网页界面信息的视觉穿透力，有效地提高信息的视觉传达效果。本文将主要阐述网页界面设计的审美需要和视觉流程，并分析基于视觉信息传达的网页界面设计。
【关键词】：视觉信息;网页界面;设计
引言
互联网作为全新的信息交流方式，其打破了信息传播在地域、文化、经济等多方面的限制，使信息传达覆盖面更广、传播速度更快、传播效率更高。随着网络的快速发展，网站数量逐年呈直线上升趋势，但网页设计方面却出现不少问题。网页设计涉及到视觉信息的归类及编排，当代设计者必须充分认识到视觉传达原理对网页设计的意义，这样才能使网页设计更能凸显网络的视觉信息传达效果。
1 网页设计的审美
网页设计是现代新兴的一门学科，其中涉及到设计类学科和网络知识的联合运用。近年来，网络的发展极为迅猛，逐渐成为人们日常生活中不可替代的重要组成部分，它可以通过最便捷的方式将各类信息传达给受众，而受众对网络信息传达的标准要求不断增加，导致审美需求的产生。人们不断深入地追求着美丽的事物，对网页视觉审美同样如此。网页的内容不应只是将各类信息上传，达到“能看”的最低标准，而应该考虑到网页信息以何种方式更能满足受众的视觉接收要求。而这需要从审美的方向出发，保证整体性高、内容清晰的前提，进行页面设计，使受众能够以愉快的心情浏览网页，从而提高受众对信息的接收效果。网页设计的审美需求与平面视觉传达设计美学的表现目的及形式具有一定的相似性，甚至可以说前者是后者的一种继承和延伸，网页设计过程中结合传统平面设计美学形式，能极大地提高网页设计的美观，使网页更能满足受众的视觉审美要求[1]。
2 网页设计的视觉流程
网页通过使用多姿多彩的视觉元素，以此将各类信息内容传达给受众，所以为了体现出网页的视觉传达功能，增强网页的可读性，那么网页的设计必须贴合受众在心理和生理方面的视觉流向，构建网页设计中各种视觉元素的基本秩序及联系。因此，在设计过程中，设计者应充分考虑到各视觉造型元素间的视觉流程、面积、距离及位置。
视觉流程与受众的视觉特性息息相关。人类眼睛的生理构造，决定了其视觉只能具有一个焦点，因此，视线也只能停留在一个地方。在浏览信息时，人们总会自然的保持着“先、后、再”的视觉流动习惯。视觉流程具有较为明显的方向性，它往往使整个网页的视觉运动带有一种浏览规律。
在网页设计过程中，设计者通常都会将主标题、日常更新内容等突出信息放在网页明显的位置。视觉流程并非是明确的数学公式，它体现的是人们在浏览网页中心理和思维导向的逻辑顺序。因此，网页设计中需要灵活运用视觉流程，在保证信息传达的基本前提下，更应满足人们的思维习惯，使人们的视觉运动更加合理、流畅。有效的视觉流程体现在网页中各类信息合理的空间布局，使信息间的距离、位置、大小等带有明显的美感和节奏感[2]。
3 基于视觉信息传达的网页界面设计
3.1文字的编排及设计
在网页设计中，信息的传达离不开文字元素的表述，可见文字在网页中具有不可替代的地位。文字作为网页中信息内容的主要描述手段，占据网页较大的面积，因此文字的表现对网页的整体质量起到非常重要的作用。编辑文字主要是为了实现各种信息的传达，而为了保证其有效性，就需要严格规划文字的整体内容编辑，以清晰、整体性为主，减少可能影响页面整体性的装饰，使受众对信息的接收更加轻松。文字本质是将信息内容传达给受众，所以文字的编辑不能只考虑造型而忽视了文字的主题思想。
网页文字的编辑有多种多样的字体可以选择，虽然网页编辑变得更加的方便，但对于设计者的选择能力却是一种挑战。由于字体的多样化，网页上多种字体的搭配，提高设计者编辑的难度。通常情况下，一个页面使用的字体不会超过四种，在计算机本地硬盘的限制下，字体数量应符合网页的要求。在视觉信息传达过程中，文字作为体现页面形象的主要元素，既要具有表达含义能力，也应具有对情感的传达能力，这就要求文字必须具有视觉的美感，为受众带来美好的心理印象。
3.2图片的编排及设计
除了文字外，图片对网页信息的视觉传达效果同样起到明显的作用。网络可以通过图文并茂的方式将信息传达给受众，充分表现信息的含义，而且运用图片也能对网页起到美化的作用。在网页设计中，如何使网页更加生动、有趣，采用图片无疑是最省力、有效的方式。对于网页信息而言，图片的吸引力往往要高于文字。
由于网络图片在计算机显示器最小分辨率的限制下，无论分辨率多高的图片都与已处理过的图片没有多大的区别，所以对图片的质量要求并不高。同时网页图片一般都会需要进行网络传输，在宽带的限制下，图片文件大小尽可能以小为主，以缩短传输的时间。
3.3色彩的设计
从某种角度来看，网页也是一种艺术形式，因为其对页面整体的新颖及整洁有较高的要求，同时对文字的表述具有流畅优美的要求，而色彩的运用，可以增强视觉效果，提高页面的生动性和鲜明性。而且受众对于网页的首要印象就是色彩设计，其运用效率对浏览者的欣赏兴趣造成直接性的影响。由此可见，色彩设计对网页设计起到非常重要的意义。首先，网页整体色彩的选择，应以能突出网站主题的主色调为主。现今的网页背景色彩一般以浅灰、浅黄、浅蓝、浅绿等浅颜色居多。以柔和、素淡的浅颜色为基础，再配以黑色或其它深颜色的文字，在增加阅读的顺畅的同时，也能凸显出页面的主内容，提高人们的认可。而背景图片、线条等次要内容应采用不起眼的颜色，以避免对主信息的传达造成影响，而只有一些需要重点强调的元素才能采用鲜明的色彩。合理地运用各种色彩可以增强视觉效果，但也需要注意色彩的使用数量，否则会造成反效果[3]。
结语
随着互联网融入人们的日常生活中，网站数量呈倍数增长，但网页设计方面却逐渐无法满足现代人们的审美需求，因此，必须合理运用视觉信息传达原理，对网页设计中的文字、图片、色彩等进行合理地编排及设计，才能使网页信息具备强烈的视觉冲击，提高人们对网页信息的接收效果。（指导老师 金文玥）
参考文献：
[1]蒋新. 浅析网页设计中的信息视觉传达[J]. 文艺生活（艺术中国），2013，05：129-130.
[2]马金祥，王健，犇妮. 网页设计之视觉信息传达分析——以唐代服装为切入点的职业教育网站设计为例[J]. 理论观察，2014，08：65-66.
[3]刘世清，周鹏. 文本—图片类教育网页的结构特征与设计原则——基于宁波大学的眼动实验研究[J]. 教育研究，2011，11：99-103.
【关键词】：视觉信息;网页界面;设计
引言
互联网作为全新的信息交流方式，其打破了信息传播在地域、文化、经济等多方面的限制，使信息传达覆盖面更广、传播速度更快、传播效率更高。随着网络的快速发展，网站数量逐年呈直线上升趋势，但网页设计方面却出现不少问题。网页设计涉及到视觉信息的归类及编排，当代设计者必须充分认识到视觉传达原理对网页设计的意义，这样才能使网页设计更能凸显网络的视觉信息传达效果。
1 网页设计的审美
网页设计是现代新兴的一门学科，其中涉及到设计类学科和网络知识的联合运用。近年来，网络的发展极为迅猛，逐渐成为人们日常生活中不可替代的重要组成部分，它可以通过最便捷的方式将各类信息传达给受众，而受众对网络信息传达的标准要求不断增加，导致审美需求的产生。人们不断深入地追求着美丽的事物，对网页视觉审美同样如此。网页的内容不应只是将各类信息上传，达到“能看”的最低标准，而应该考虑到网页信息以何种方式更能满足受众的视觉接收要求。而这需要从审美的方向出发，保证整体性高、内容清晰的前提，进行页面设计，使受众能够以愉快的心情浏览网页，从而提高受众对信息的接收效果。网页设计的审美需求与平面视觉传达设计美学的表现目的及形式具有一定的相似性，甚至可以说前者是后者的一种继承和延伸，网页设计过程中结合传统平面设计美学形式，能极大地提高网页设计的美观，使网页更能满足受众的视觉审美要求[1]。
2 网页设计的视觉流程
网页通过使用多姿多彩的视觉元素，以此将各类信息内容传达给受众，所以为了体现出网页的视觉传达功能，增强网页的可读性，那么网页的设计必须贴合受众在心理和生理方面的视觉流向，构建网页设计中各种视觉元素的基本秩序及联系。因此，在设计过程中，设计者应充分考虑到各视觉造型元素间的视觉流程、面积、距离及位置。
视觉流程与受众的视觉特性息息相关。人类眼睛的生理构造，决定了其视觉只能具有一个焦点，因此，视线也只能停留在一个地方。在浏览信息时，人们总会自然的保持着“先、后、再”的视觉流动习惯。视觉流程具有较为明显的方向性，它往往使整个网页的视觉运动带有一种浏览规律。
在网页设计过程中，设计者通常都会将主标题、日常更新内容等突出信息放在网页明显的位置。视觉流程并非是明确的数学公式，它体现的是人们在浏览网页中心理和思维导向的逻辑顺序。因此，网页设计中需要灵活运用视觉流程，在保证信息传达的基本前提下，更应满足人们的思维习惯，使人们的视觉运动更加合理、流畅。有效的视觉流程体现在网页中各类信息合理的空间布局，使信息间的距离、位置、大小等带有明显的美感和节奏感[2]。
3 基于视觉信息传达的网页界面设计
3.1文字的编排及设计
在网页设计中，信息的传达离不开文字元素的表述，可见文字在网页中具有不可替代的地位。文字作为网页中信息内容的主要描述手段，占据网页较大的面积，因此文字的表现对网页的整体质量起到非常重要的作用。编辑文字主要是为了实现各种信息的传达，而为了保证其有效性，就需要严格规划文字的整体内容编辑，以清晰、整体性为主，减少可能影响页面整体性的装饰，使受众对信息的接收更加轻松。文字本质是将信息内容传达给受众，所以文字的编辑不能只考虑造型而忽视了文字的主题思想。
网页文字的编辑有多种多样的字体可以选择，虽然网页编辑变得更加的方便，但对于设计者的选择能力却是一种挑战。由于字体的多样化，网页上多种字体的搭配，提高设计者编辑的难度。通常情况下，一个页面使用的字体不会超过四种，在计算机本地硬盘的限制下，字体数量应符合网页的要求。在视觉信息传达过程中，文字作为体现页面形象的主要元素，既要具有表达含义能力，也应具有对情感的传达能力，这就要求文字必须具有视觉的美感，为受众带来美好的心理印象。
3.2图片的编排及设计
除了文字外，图片对网页信息的视觉传达效果同样起到明显的作用。网络可以通过图文并茂的方式将信息传达给受众，充分表现信息的含义，而且运用图片也能对网页起到美化的作用。在网页设计中，如何使网页更加生动、有趣，采用图片无疑是最省力、有效的方式。对于网页信息而言，图片的吸引力往往要高于文字。
由于网络图片在计算机显示器最小分辨率的限制下，无论分辨率多高的图片都与已处理过的图片没有多大的区别，所以对图片的质量要求并不高。同时网页图片一般都会需要进行网络传输，在宽带的限制下，图片文件大小尽可能以小为主，以缩短传输的时间。
3.3色彩的设计
从某种角度来看，网页也是一种艺术形式，因为其对页面整体的新颖及整洁有较高的要求，同时对文字的表述具有流畅优美的要求，而色彩的运用，可以增强视觉效果，提高页面的生动性和鲜明性。而且受众对于网页的首要印象就是色彩设计，其运用效率对浏览者的欣赏兴趣造成直接性的影响。由此可见，色彩设计对网页设计起到非常重要的意义。首先，网页整体色彩的选择，应以能突出网站主题的主色调为主。现今的网页背景色彩一般以浅灰、浅黄、浅蓝、浅绿等浅颜色居多。以柔和、素淡的浅颜色为基础，再配以黑色或其它深颜色的文字，在增加阅读的顺畅的同时，也能凸显出页面的主内容，提高人们的认可。而背景图片、线条等次要内容应采用不起眼的颜色，以避免对主信息的传达造成影响，而只有一些需要重点强调的元素才能采用鲜明的色彩。合理地运用各种色彩可以增强视觉效果，但也需要注意色彩的使用数量，否则会造成反效果[3]。
结语
随着互联网融入人们的日常生活中，网站数量呈倍数增长，但网页设计方面却逐渐无法满足现代人们的审美需求，因此，必须合理运用视觉信息传达原理，对网页设计中的文字、图片、色彩等进行合理地编排及设计，才能使网页信息具备强烈的视觉冲击，提高人们对网页信息的接收效果。（指导老师 金文玥）
参考文献：
[1]蒋新. 浅析网页设计中的信息视觉传达[J]. 文艺生活（艺术中国），2013，05：129-130.
[2]马金祥，王健，犇妮. 网页设计之视觉信息传达分析——以唐代服装为切入点的职业教育网站设计为例[J]. 理论观察，2014，08：65-66.
[3]刘世清，周鹏. 文本—图片类教育网页的结构特征与设计原则——基于宁波大学的眼动实验研究[J]. 教育研究，2011，11：99-103.