第4讲wang.pptVIP

* 第 4 讲 网页艺术设计基础 一、 优秀网页的6个条件 1、 网页艺术设计的基本原则 ●2个附加条件 表示欢迎态度 1 加强说服力 2 ●4个必要条件 明示标题 1 明示信息 2 明示目录信息 3 传达信任感 4 2、 ●统一是各部分之间的内在关联，变化是各个组成部分之间的区别。 ●统一包括版式统一、字体统一、设计风格以及明暗色调的统一等。 ●形式上要丰富有条理；组织上要有秩序而不单调，不混乱。 网页设计中的形式美法则 统一和变化 ● 对比强调差异，产生冲突，调和寻求共同点，缓和矛盾。两者相互作用，不可分割。 ● 在网页设计中要合理的利用对比的因素，例如文本的排布、字体大小、粗细、颜色、图片的宽窄、比例的反差、透明、黑白等。 对比和调和 以调和为主的页面，细节处理不乏对比。 对称与平衡 ● 页面上的平衡是一个动态的平衡，更多的时候是图和文字的平 衡，大块的颜色轻的图和小块的颜色重的图的平衡，以及文本的 疏密和大小的平衡。 以对称的版式使整个画面简洁大方 节奏与韵律 ● 韵律是通过节奏的变化而产生的，但如果因为变化太多而失去 秩序，则韵律的美也不复存在。 ● 在网页设计中，韵律主要存在于对比例、轻重、缓急、反复和 渐变等形式的把握。 通过文字的线条和字体的大小，增强视觉和心理上的韵律感。 二、网页的版式与布局设计 1、 网页版式的基本类型 ● 骨骼形 页首通栏，下面综合运用多种分栏方式 横向分栏版式 ● 分割型 以图片吸引浏览者的注意力，右下角的文字也得以强调 页面右侧使用斜线再次分割，打破了呆板的感觉 ● 对称型 ● 一般采用相对对称的手法，以避免呆板，左右对称的版式也较常见。 ● 四角型也是对称型的一种，四个角是页面的边界点，在四个角安排的任何内容都能产生安定感。越是凌乱的页面，越要注意对四个角的控制。 ●中轴型 中轴版式，给人以轻快、简洁之感 ● 曲线型 运用弧线在平稳中寻求动感 ● 焦点型 利用大面积的留白，使视觉中心的图形成为焦点 ● 将对比强烈的图片或文字置于页面的 视觉中心。 ● 利用视觉元素引导浏览者视线向中心 聚拢，形成向心的版式。 ● 视觉元素向外辐射，形成离心的版式。 ● 自由型版式打破规规矩矩，尽情挥洒设计。自由型的页面活 泼、轻快、美观漂亮。 ● 一般都是以图片为视觉中心制作的类似宣传海报，运用大量 精美图像。 ● 自由型 导航栏则作为次要的设计元素，自由摆布，起到点缀、修饰、均衡的作用。 2、 ● 点的布局 布局的安排 ● 页面中的点，由于大小、形态、位置的不同，产生的视觉 效果、心理作用也不同。 ● 点的排列所引起的视觉流动，引入了时间的因素，利用点的 大小、形状与排列距离的变化，可以使页面富于节奏韵律。 通过点的大小、主次引起浏览者的视觉流动。 ● 线的布局 ● 作为视觉元素的线，不仅有长度和方向上的变化，还有粗与细、虚与实、粗糙和光滑等变化，这些变化给人的视觉和心理以不同的感受。 ● 线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。 以直线分割页面，使得画面清晰、有条理 随意的弧线增加了画面的活泼、明快感 *