论文部分内容阅读
【摘 要】线在网页中主要起分割画面的作用但通过信息条理化编排，也可以形成一种页面内容线化的视觉构成，既便于浏览，又美化版面另外，线还可以将各重要信息连接起来，明晰地表达网页内容组织的脉络结构线化处理后的视觉要素在页面中还可以有方向、位置、长度、宽度、形状等各方面的变化，同时也可以运用恰当的构成法则组织出更为丰富的视觉效果。
【关键词】网页设计；线；版面
当代的网页视觉设计由最初的信息堆砌到后来的图形化、抽象化，更到今天的信息视觉化，经历了三个迥然不同而又相互递进的过程。目前，除了一些艺术或个人网站，其他绝大部分的网站都以信息的准确传递为视觉设计的主要目的。网页设计是视觉设计向网络媒体的延伸，是通过版面构成中的若干视觉元素引人注目而实现信息内容的传达，为了使网页获得最大的视觉信息传递能力，使网络真正成为可读性强而且新颖悦目的现代媒体，网页设计必须适应人们视觉识别流程的心理和生理特点，由此确定网页中各种视觉构成元素之间的关系和秩序因此，在网页设计中，不仅要立足各类信息的传达，而且还要考虑人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快，以便保证网页上的各种信息要素在一定空间内合理分布，使页面上各类信息要素的位置、间隙、大小保持一定的节奏、秩序和韵律美感。
网页的版面布局可以说是网页设计中一个关键环节，与网站性质贴切吻合的版面布局，不但会给初次浏览者良好的第一印象，同时还能最大程度地宣传网站自身形象，明确网站运营宗旨在页面构图中，包括形态要素和构成要素两个方面。点、线、面是构成视觉空间的基本元素，是表现视觉形象的基本设计语言，任何视觉图形或文字信息，都可以简化或趋近于点、线、面的视觉感受网页版面中的各视觉元素正是以点、线、面的形式相互依存、相互作用，进而组合成各种各样的视觉信息，形成千变万化的视觉空间和视觉感受因此，只有协调处理好点、线、面化了的各视觉元素之间相互关系，才能设计出具有最佳视觉效果的网络页面。我在这里重点分析“线”视觉要素的处理。
线是分割页面的主要元素之一，也是决定页面现象的基本要素。点的移动形成线，从构成含义讲，线具有位置、长度和一定宽度，作用在于表示方向、位置、长短、宽度、形状、质量和情绪，是网页设计中刻画形象和版面构成所不可缺少的视觉元素相对于点而言，线具有更为明显的情感特征艺术表现中的线可分为徒手画的自由线及依据规矩形成的整齐端正的几何线不同造型性质的线具有不同的艺术风格和性格展示，并对审美主体产生不同形式的美的感染，比如，水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段等等。将不同的线运用到页面设计中，会获得不同的视觉效果，若能将图形、文字等视觉信息做恰当的线化处理，则可以更充分地表达所要体现的信息内容。
通常情况下，线在网页中主要起分割画面的作用但通过信息条理化编排，也可以形成一种页面内容线化的视觉构成，既便于浏览，又美化版面另外，线还可以将各重要信息连接起来，明晰地表达网页内容组织的脉络结构线化处理后的视觉要素在页面中还可以有方向、位置、长度、宽度、形状等各方面的变化，同时也可以运用恰当的构成法则组织出更为丰富的视觉效果。
如图（一）所示的页面中，当文字成行、并且长短不一时，我们必须把文字看成错落有致的"线"；而当文字较多，成块面地展示，我们可以当作与线相对的"面"，保持线和面的视觉划分和编排，有利于空间的分配。线和经过线化处理的视觉元素构成了整个版面的视觉主体画面多留空白，以不同颜色、不同方向、不同体量的线和线形感觉的字体、色块进行视觉构成的组织，页面内容信息一目了然，视觉感受清新淡雅。另外，经过线形感觉处理的文字做统一的水平方向排列，与主体构图中的横向线条共同形成了强烈的秩序感；同时，竖直方向拐角，又使画面产生明显的动、静对比，进而打破了水平线群可能造成的单调感，给网页增加了流畅、活泼的气氛。
网页视觉构成中的线，除了表达一定情感性格外，还能通过粗细、虚实、渐变、放射等规律法则的运用，产生各种视觉效果的深度空间和广度空间，值得重视的是，这种细致入微的刻画手法需要炉火纯青的设计技巧掌握设计尺度，稍不留神就会使你的设计变得僵硬呆板、失去活力，就像工场里批量生产的油画，抑或高精度照相机的产物，很多设计就是这种难以言表的匠气的代表，这类设计往往为了写实而写实，使设计往往削弱了原本所需的信息传递能力。其实apple在新系统lion上的回归和nokia的n9在icon设计上的转型，也说明了设计回归信息表达的重要趋向。如图（二）
如图（三）所示的页面，线形规律排列、环绕着中心一层层散开，使版面产生强烈的中心凝聚力，同时通过线体在粗细和虚实上的变化，形成了动态的深度空间。而页面右侧的几何线和右侧下方的自由曲线又将版面向更深远出拉伸，虚实变化形成的动态视觉效果，更使画面用尽可能少的视觉元素达到了丰富含蓄的设计意图。
总之，“线”视觉要素是网页设计师必须熟练运用的最得力的表现工具。从视觉构成的角度对网页设计进行了阐述与分析明确精美的网页设计除应考虑其内容上的精益求精外，还应对内容表现形式进行合理有效的视觉编排美感是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使浏览者获得一种全身心的享受与共鸣。
【参考文献】
[1]唐良瑞，蔡安妮，孙景鳌.从认知心理及人机界面谈网页设计[J].工程图学学报，2000（2）.
[2]唐良瑞，焦玮.从消费者心理分析网页设计[J].现代计算机，2000（3）.
[3]鬲波飞.网页设计之视觉信息传达分析[J].湖南大学学报（社会科学版），2001（S2）.
[4]唐良瑞，李丹.网页设计的诸要素分析[J].北方工业大学学报，2000（1）.
[5]梁中国.世界版面设计艺术精粹（1）[M].长沙：湖南美术出版社，1996.
【关键词】网页设计；线；版面
当代的网页视觉设计由最初的信息堆砌到后来的图形化、抽象化，更到今天的信息视觉化，经历了三个迥然不同而又相互递进的过程。目前，除了一些艺术或个人网站，其他绝大部分的网站都以信息的准确传递为视觉设计的主要目的。网页设计是视觉设计向网络媒体的延伸，是通过版面构成中的若干视觉元素引人注目而实现信息内容的传达，为了使网页获得最大的视觉信息传递能力，使网络真正成为可读性强而且新颖悦目的现代媒体，网页设计必须适应人们视觉识别流程的心理和生理特点，由此确定网页中各种视觉构成元素之间的关系和秩序因此，在网页设计中，不仅要立足各类信息的传达，而且还要考虑人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快，以便保证网页上的各种信息要素在一定空间内合理分布，使页面上各类信息要素的位置、间隙、大小保持一定的节奏、秩序和韵律美感。
网页的版面布局可以说是网页设计中一个关键环节，与网站性质贴切吻合的版面布局，不但会给初次浏览者良好的第一印象，同时还能最大程度地宣传网站自身形象，明确网站运营宗旨在页面构图中，包括形态要素和构成要素两个方面。点、线、面是构成视觉空间的基本元素，是表现视觉形象的基本设计语言，任何视觉图形或文字信息，都可以简化或趋近于点、线、面的视觉感受网页版面中的各视觉元素正是以点、线、面的形式相互依存、相互作用，进而组合成各种各样的视觉信息，形成千变万化的视觉空间和视觉感受因此，只有协调处理好点、线、面化了的各视觉元素之间相互关系，才能设计出具有最佳视觉效果的网络页面。我在这里重点分析“线”视觉要素的处理。
线是分割页面的主要元素之一，也是决定页面现象的基本要素。点的移动形成线，从构成含义讲，线具有位置、长度和一定宽度，作用在于表示方向、位置、长短、宽度、形状、质量和情绪，是网页设计中刻画形象和版面构成所不可缺少的视觉元素相对于点而言，线具有更为明显的情感特征艺术表现中的线可分为徒手画的自由线及依据规矩形成的整齐端正的几何线不同造型性质的线具有不同的艺术风格和性格展示，并对审美主体产生不同形式的美的感染，比如，水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段等等。将不同的线运用到页面设计中，会获得不同的视觉效果，若能将图形、文字等视觉信息做恰当的线化处理，则可以更充分地表达所要体现的信息内容。
通常情况下，线在网页中主要起分割画面的作用但通过信息条理化编排，也可以形成一种页面内容线化的视觉构成，既便于浏览，又美化版面另外，线还可以将各重要信息连接起来，明晰地表达网页内容组织的脉络结构线化处理后的视觉要素在页面中还可以有方向、位置、长度、宽度、形状等各方面的变化，同时也可以运用恰当的构成法则组织出更为丰富的视觉效果。
如图（一）所示的页面中，当文字成行、并且长短不一时，我们必须把文字看成错落有致的"线"；而当文字较多，成块面地展示，我们可以当作与线相对的"面"，保持线和面的视觉划分和编排，有利于空间的分配。线和经过线化处理的视觉元素构成了整个版面的视觉主体画面多留空白，以不同颜色、不同方向、不同体量的线和线形感觉的字体、色块进行视觉构成的组织，页面内容信息一目了然，视觉感受清新淡雅。另外，经过线形感觉处理的文字做统一的水平方向排列，与主体构图中的横向线条共同形成了强烈的秩序感；同时，竖直方向拐角，又使画面产生明显的动、静对比，进而打破了水平线群可能造成的单调感，给网页增加了流畅、活泼的气氛。
网页视觉构成中的线，除了表达一定情感性格外，还能通过粗细、虚实、渐变、放射等规律法则的运用，产生各种视觉效果的深度空间和广度空间，值得重视的是，这种细致入微的刻画手法需要炉火纯青的设计技巧掌握设计尺度，稍不留神就会使你的设计变得僵硬呆板、失去活力，就像工场里批量生产的油画，抑或高精度照相机的产物，很多设计就是这种难以言表的匠气的代表，这类设计往往为了写实而写实，使设计往往削弱了原本所需的信息传递能力。其实apple在新系统lion上的回归和nokia的n9在icon设计上的转型，也说明了设计回归信息表达的重要趋向。如图（二）
如图（三）所示的页面，线形规律排列、环绕着中心一层层散开，使版面产生强烈的中心凝聚力，同时通过线体在粗细和虚实上的变化，形成了动态的深度空间。而页面右侧的几何线和右侧下方的自由曲线又将版面向更深远出拉伸，虚实变化形成的动态视觉效果，更使画面用尽可能少的视觉元素达到了丰富含蓄的设计意图。
总之，“线”视觉要素是网页设计师必须熟练运用的最得力的表现工具。从视觉构成的角度对网页设计进行了阐述与分析明确精美的网页设计除应考虑其内容上的精益求精外，还应对内容表现形式进行合理有效的视觉编排美感是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使浏览者获得一种全身心的享受与共鸣。
【参考文献】
[1]唐良瑞，蔡安妮，孙景鳌.从认知心理及人机界面谈网页设计[J].工程图学学报，2000（2）.
[2]唐良瑞，焦玮.从消费者心理分析网页设计[J].现代计算机，2000（3）.
[3]鬲波飞.网页设计之视觉信息传达分析[J].湖南大学学报（社会科学版），2001（S2）.
[4]唐良瑞，李丹.网页设计的诸要素分析[J].北方工业大学学报，2000（1）.
[5]梁中国.世界版面设计艺术精粹（1）[M].长沙：湖南美术出版社，1996.