论文部分内容阅读
【摘 要】网页的视觉设计是一门新兴的交叉学科，随着互联网络的高速发展，网络在人们的生活中得到了很大普及，网页界面作为信息的载体，如何使人们从视觉上更轻松、更直观地从页面获取信息，成为了当前网页设计的重要研究内容。
【关键词】网页 视觉设计 设计原则
网页是网站信息传递的主体，合理有效的页面布局无疑有利于信息的传递，而网页是视觉读取的对象，因而需要对视觉设计给与足够的重视，本文从页面视觉设计的基本特性入手，分析了其基本构成元素和设计原则。
一、页面视觉设计的基本特性
（一）直观性。网页是互联网时代的特殊产物，根据其视觉浏览的需求特征，使页面的设计具有视觉上的直观性能，即人们常常在不需要仔细深入了解具体网站的内容时，可以从打开的页面有一个最直接的感受，因此网页的色彩、图片、布局设计都决定着浏览者的第一印象。
（二）注目性。由于网页是视觉读取的对象，因此浏览者需要注目读取才能获得网站的信息，因此，网页需要简约、生动的界面才能引起读者的注意和留存，在视觉设计中需要注意图文结合以及动态因素的利用。
（三）选择性。网站的页面上往往包含大量的信息，但是并不是所有信息都是浏览者所需要的，浏览者在获取信息时具有选择性，因而在页面的视觉设计中，需要注意网站主题特色，把握住各部分信息的主次关系，安排其排列位置和视觉冲击强度，便于读者快速选取。
二、视觉设计的基本元素
（一）文字。对于绝大多数网页而言，文字是信息构成的主体，它与图片容易造成歧义不同，具有直接准确传递信息的特性，使浏览者可以准确地、方便地接受信息。但是文字过多，给人长篇累牍的感觉，让人心中生厌，影响浏览者的阅读情绪，所以在视觉设计中，要对文字采取一定的格式处理和艺术加工。所谓的格式处理，就是指对文字的字体、粗细、字号、颜色等加以处理，使之格式多样、变化丰富，打破呆板、累赘的形象。艺术加工是指对页面的文字，根据其所处位置和作用地位的差异，来加以图像化、风格化的艺术手段处理，让文字更具有个性风格，显得更加生动形象，易于读者轻松接受。
（二）色彩。在网页的视觉设计中，色彩设计主要有五个部分组成，即标准色彩、图片主色彩、边框色彩、背景色彩和文字链接的色彩。由于人们的审美特点各有不同，不可能使页面的视觉效果完全满足所有人的浏览需求，但是就主色调方面而言，人们通常易于接受的色彩基本是一致的。页面的使用者在浏览页面的第一印象就是界面的色彩主体构成，它直接关系到浏览者是否有继续浏览下去的兴趣。所以页面的色彩选择必须符合当前人们的审美习惯，在确定页面主体的色调时，既要尊重受众的心理需求又要符合网站自身的主题定位。网站页面的色彩既不能太过于单一，也不能色彩斑斓，这就需要把握一个适中标准。在确定主体色调以后，按照主次、轻重关系，对图片、标题、边框、文字链接的色彩做出有层次的选择，绝对不能喧宾夺主，要处理好各部分之间的关系以及各部分与整体之间的关系，色彩种类也不宜过多，以免浏览者产生视觉疲劳。
（三）图片。在页面的组成部分中，图片是除文字以外最重要的构成要素，也是最早引用到网络中的多媒体对象。文字的特点是能够直观、准确地传递信息，而图片则可以打破纯文字界面的枯燥、平淡的格局，为页面增添活力，图文并茂，使网页生动形象，充满感情色彩。一般情况下，网页中使用的图片分辨率不需要太高，因为过高的分辨率势必使图片的容量加大，会影响到网页的浏览速度。在网页设计中，图片的大小、位置和方向都会影响到信息的表达，在整體编排中，应该分清重点和主次，对引用到的所有图片先做整体上的布局处理，然后使图片之间、图片和文字之间的关系和谐，页面整体布局和谐统一。
（四）版面。版面设计是在有限的屏幕空间界面对所有多媒体元素进行有机整合，使整体页面布局合理得到，感官效果好，便于受众接受。版面设计的成功与否，影响到网页核心信息的传递价值和浏览者的视觉留存时间，是网页整体感的直观传递。在进行版面设计时，主要利用点、线、面的依存关系，对页面的所有组成要素进行空间位置的排列，这一过程需要在网页自身价值表达的需求下，充分挖掘各多媒体因素的相互关系，使这些要素在视觉感受中体现出均衡、调和、律动的视觉效果，让整个界面生动起来，不平淡、不呆板。在版面的视觉处理上，需要把握好主题与素材、整体与个体之间的关系，在统一之中寻求变化，在不对称中寻找均衡点，促成页面整体的和谐效果。
三、页面的视觉设计原则
（一）风格的确定
在对网站页面进行页面设计之前，一定要确定好基本的主体风格，使其与网站的主题侧重点保持一致，只有内容与形式和谐统一，才能使网站的宣传到达理想效果。在确定主体风格的过程中，还要充分考虑网站受众面的群体特征，即浏览者的大众需求和审美偏好。
（二）色彩的处理
对于视觉冲击而言，色彩是给人最直观的视觉体会，和谐适当的色彩安排可以夺人眼球，吸引浏览者的注意力。因此在色彩的设计中，应该首先确定与主题风格相统一的主打色调，可以是暖色调、冷色调或者采用对比色调，这个完全要根据页面信息传递的需要而定。然后分清主次，分别对背景色、图片颜色、文字颜色等等做出具体的处理，注意色彩的使用层次，不可喧宾夺主。
（三）版面的编排
网页的视觉设计属于交叉学科范畴，在版面的布局安排上基本和平面媒体的设计有异曲同工之处。在有限的屏幕界面内对构成要素做出编排，需要充分考虑各要素之间的依存关联和信息内容的轻重，通过空间上的排列组合，使整个界面和谐统一，生动形象。如何做到科学合理的版面设计，需要从三个大的方面考虑：一是主次分明，让浏览者可以轻松判别信息的价值，便于快速选取核心信息；二是图文并茂，相得益彰，注意文字与图片的结合；三是错落搭配，具有动态感，对要素的位置、大小、方向的处理要错落有致，并把握整体的动态感，使之生动有气息。
参考文献：
[1]肖恩.亚当斯.色彩应用[M].北京： 中国青年出版社，2007
[2]唐斌.网页界面设计本土化的理性走向[J].装饰，2008
【关键词】网页 视觉设计 设计原则
网页是网站信息传递的主体，合理有效的页面布局无疑有利于信息的传递，而网页是视觉读取的对象，因而需要对视觉设计给与足够的重视，本文从页面视觉设计的基本特性入手，分析了其基本构成元素和设计原则。
一、页面视觉设计的基本特性
（一）直观性。网页是互联网时代的特殊产物，根据其视觉浏览的需求特征，使页面的设计具有视觉上的直观性能，即人们常常在不需要仔细深入了解具体网站的内容时，可以从打开的页面有一个最直接的感受，因此网页的色彩、图片、布局设计都决定着浏览者的第一印象。
（二）注目性。由于网页是视觉读取的对象，因此浏览者需要注目读取才能获得网站的信息，因此，网页需要简约、生动的界面才能引起读者的注意和留存，在视觉设计中需要注意图文结合以及动态因素的利用。
（三）选择性。网站的页面上往往包含大量的信息，但是并不是所有信息都是浏览者所需要的，浏览者在获取信息时具有选择性，因而在页面的视觉设计中，需要注意网站主题特色，把握住各部分信息的主次关系，安排其排列位置和视觉冲击强度，便于读者快速选取。
二、视觉设计的基本元素
（一）文字。对于绝大多数网页而言，文字是信息构成的主体，它与图片容易造成歧义不同，具有直接准确传递信息的特性，使浏览者可以准确地、方便地接受信息。但是文字过多，给人长篇累牍的感觉，让人心中生厌，影响浏览者的阅读情绪，所以在视觉设计中，要对文字采取一定的格式处理和艺术加工。所谓的格式处理，就是指对文字的字体、粗细、字号、颜色等加以处理，使之格式多样、变化丰富，打破呆板、累赘的形象。艺术加工是指对页面的文字，根据其所处位置和作用地位的差异，来加以图像化、风格化的艺术手段处理，让文字更具有个性风格，显得更加生动形象，易于读者轻松接受。
（二）色彩。在网页的视觉设计中，色彩设计主要有五个部分组成，即标准色彩、图片主色彩、边框色彩、背景色彩和文字链接的色彩。由于人们的审美特点各有不同，不可能使页面的视觉效果完全满足所有人的浏览需求，但是就主色调方面而言，人们通常易于接受的色彩基本是一致的。页面的使用者在浏览页面的第一印象就是界面的色彩主体构成，它直接关系到浏览者是否有继续浏览下去的兴趣。所以页面的色彩选择必须符合当前人们的审美习惯，在确定页面主体的色调时，既要尊重受众的心理需求又要符合网站自身的主题定位。网站页面的色彩既不能太过于单一，也不能色彩斑斓，这就需要把握一个适中标准。在确定主体色调以后，按照主次、轻重关系，对图片、标题、边框、文字链接的色彩做出有层次的选择，绝对不能喧宾夺主，要处理好各部分之间的关系以及各部分与整体之间的关系，色彩种类也不宜过多，以免浏览者产生视觉疲劳。
（三）图片。在页面的组成部分中，图片是除文字以外最重要的构成要素，也是最早引用到网络中的多媒体对象。文字的特点是能够直观、准确地传递信息，而图片则可以打破纯文字界面的枯燥、平淡的格局，为页面增添活力，图文并茂，使网页生动形象，充满感情色彩。一般情况下，网页中使用的图片分辨率不需要太高，因为过高的分辨率势必使图片的容量加大，会影响到网页的浏览速度。在网页设计中，图片的大小、位置和方向都会影响到信息的表达，在整體编排中，应该分清重点和主次，对引用到的所有图片先做整体上的布局处理，然后使图片之间、图片和文字之间的关系和谐，页面整体布局和谐统一。
（四）版面。版面设计是在有限的屏幕空间界面对所有多媒体元素进行有机整合，使整体页面布局合理得到，感官效果好，便于受众接受。版面设计的成功与否，影响到网页核心信息的传递价值和浏览者的视觉留存时间，是网页整体感的直观传递。在进行版面设计时，主要利用点、线、面的依存关系，对页面的所有组成要素进行空间位置的排列，这一过程需要在网页自身价值表达的需求下，充分挖掘各多媒体因素的相互关系，使这些要素在视觉感受中体现出均衡、调和、律动的视觉效果，让整个界面生动起来，不平淡、不呆板。在版面的视觉处理上，需要把握好主题与素材、整体与个体之间的关系，在统一之中寻求变化，在不对称中寻找均衡点，促成页面整体的和谐效果。
三、页面的视觉设计原则
（一）风格的确定
在对网站页面进行页面设计之前，一定要确定好基本的主体风格，使其与网站的主题侧重点保持一致，只有内容与形式和谐统一，才能使网站的宣传到达理想效果。在确定主体风格的过程中，还要充分考虑网站受众面的群体特征，即浏览者的大众需求和审美偏好。
（二）色彩的处理
对于视觉冲击而言，色彩是给人最直观的视觉体会，和谐适当的色彩安排可以夺人眼球，吸引浏览者的注意力。因此在色彩的设计中，应该首先确定与主题风格相统一的主打色调，可以是暖色调、冷色调或者采用对比色调，这个完全要根据页面信息传递的需要而定。然后分清主次，分别对背景色、图片颜色、文字颜色等等做出具体的处理，注意色彩的使用层次，不可喧宾夺主。
（三）版面的编排
网页的视觉设计属于交叉学科范畴，在版面的布局安排上基本和平面媒体的设计有异曲同工之处。在有限的屏幕界面内对构成要素做出编排，需要充分考虑各要素之间的依存关联和信息内容的轻重，通过空间上的排列组合，使整个界面和谐统一，生动形象。如何做到科学合理的版面设计，需要从三个大的方面考虑：一是主次分明，让浏览者可以轻松判别信息的价值，便于快速选取核心信息；二是图文并茂，相得益彰，注意文字与图片的结合；三是错落搭配，具有动态感，对要素的位置、大小、方向的处理要错落有致，并把握整体的动态感，使之生动有气息。
参考文献：
[1]肖恩.亚当斯.色彩应用[M].北京： 中国青年出版社，2007
[2]唐斌.网页界面设计本土化的理性走向[J].装饰，2008