网页设计之二.pptVIP

第 二 讲 网页设计之二：基本视觉元素 网页设计的基本视觉元素：点、线、面； 三个基本视觉元素 无论平面设计作品在版面的内容和形式上如何丰富和复杂多变，总是由三个基本的视觉元素构成的，它们就是： 点、线、面； 平面中几乎所有的视觉现象都可以被看作是点、线、面的变化和延伸； 对于点、线、面的学习和研究，有助于了解和掌握版面设计的精髓。 1.1 点构图设计 平面上的一个字母、数字、符号或者图形都可以看作为一个点。 点的内涵与形式 点作为一个相对独立的、较小的视觉单元，具有多种排列方式。当点的构成元素和排列方式发生变化时，其版面效果和视觉感受都会发生变化。 1. 少量点的构图形式 在版面设计中，把图片、文字集中于一、两个点，简洁明确，对于突出主题，集中注意力十分有益。 2. 多个点的构图形式 多个点错落有致地进行编排，可以形成富于变化的、具有整体感的视觉效果。 3. 点的变化形式 点不同方式、数量的编排，可以构成具有新意的版面。 点的变化可以体现在： 内容和形式上的变化； 点之间的疏密变化； 排列形式的变化； 1.2 线构图设计 版面中除了点，还大量运用了线条，比如：直线、曲线，以及其他形式的线段。 线是由一系列点的移动构成的，线具有长度，但不占面积。 线能产生一种动感。 线还分为有形的线和无形的线。 1. 直线的构图形式 无论是直接采用直线，还是将元素排列成直线，都属于直线构图形式。 直接运用直线可以进行版面分割，从而形成一些相对独立的视觉单元； 也可以运用文字形成直线排列，在视觉上暗示直线的存在。 直线的视觉感受 运用水平或垂直的线给人以平静、安定、毫无奢华的感觉。 运用斜线会产生一种方向感和空间感，使版面的表现具有一定的趋势和张力。 2. 曲线的构图形式 曲线是一种优美的线条，流畅、动感十足。 直接运用曲线对版面进行分割或装饰，形成具有流畅、柔和边界的视觉单元。 也可以用文字和其他元素按照曲线的路径进行排列，形成视觉上的曲线。 曲线的视觉感受 给人以一种优美、流畅、舒缓的视觉感受。 1.3 面构图设计 面也是版面设计中一种基本的形式，面的直接表现形式是具有一定面积的平面。 面可以看作是线的移动轨迹，具有一定的面积，它又可以包括： 足够大的点和具有一定宽度的线； 圆形、方形、角形等几何形状； 用来表现和概括自然影像的自然形； 1. 由点、线构成的面 足够大的点和具有一定宽度的线就可以看作是一种形，也就是面了。 具有一定面积的点和线的表现力要强于它们原来的形式。 2. 圆形、方形、角形等构成的面 不同类型的几何形也是面的一种重要类型； 圆形具有孤立的视觉形象，自我意识强烈、醒目；正圆视觉冲击力大，常用于标志；椭圆则具有动感和方向性，感觉相对柔和； 三角形表现出尖锐、决断的的视觉形象。正三角形由于视觉上的醒目、速度感，表现出不可侵犯性，常用于警示标志。 方形则给人稳定、沉静的感觉。 3. 自然形构成的面 自然形通常是由自然的影像构成的，轮廓往往不规则，能表现出相应的灵活、自然和流畅。 自然形在选材上应尽量贴近主题，在视觉上起到烘托主题的作用。 1.4 点、线、面在网页中的应用 世界万物，归纳起来，都是由点、线、面构成的。 在平面设计理论中，点、线、面是最基本的设计元素： 点是最原始的设计元素； 线是由无数点构成的，是点的运动轨迹； 面是线的重复或点的密集。 在网页设计中，合理的运用点、线和面，通过对比、均衡、统一、组合等手法将它们以某种方式有规律地进行排列，就可以产生强烈的视觉美。 1.点的视觉作用 在网页中，点是相对的，可以是一个图形、一个按钮、一个logo，一个文字、一个动画等等； 并不是圆形的才是点，它是相对面和线而存在的视觉元素。 点的排列会引起视觉的流动，影响人们的注意力，合理运用点的大小、形状、间距等，可以设计出节奏与韵律变化丰富的页面。 在空荡荡的网页上，只有一个点；则该点立即成为视觉中心，成为网页的主题。 如果有两个点，则会引起浏览者的视觉流动，如果两个点大小、形状不一，则隐藏着更强的运动趋势。 如果有三个点，人的视线就会在三个点间流动，产生三角形的联想。 购物网站：点的应用。 2.线的视觉作用 线是点的运动轨迹，具有长度、方向、位置等属性。 线还具有粗细、虚实、光滑与粗糙的变化，这些变化都会给人的视觉和心理带来不同的感受。 例如： 水平线给人以开阔、平稳、安宁的感觉； 斜线给人以力量、不安、运动的感觉； 垂直线给人以挺拔、果断、向上的感觉； 曲线给人以柔软、优雅、流畅的感觉。 在网页中，线是分割页面的主要元素，也是决定页面布局的基本要素。 线的空间分割可以产生不同比例的面，网页划分为不同区域后，形成一种稳定的视觉效果。 恰当运用线条可以充分表达主题；一般地，使用线等分网页，可以获得秩序美；分割为大小不同的区域，可