19.10.2020
h
10
本节知识点 :
在网页设计中要能灵活运用形态美的准则和逻辑构成 规律来表现主题和布局。画面的稳定性、秩序性、律动性、 统一与变化都属于形态美的准则，可以通过对网页中某一元 素的重复、近似、渐变、发散和特异来实现。具体的设计手 法不必拘泥一格。
19.10.2020
h
11
1.4 本 章 小 结
（4）下面哪个不属于几何形？（ ） A. 圆形 B.梨形 C.四边形 D.三角形
19.10.2020
h
13
（5）下面哪个形状最具有稳定性（ ） A. 正三角形 B. 圆形 C. 四边形 D. 倒三角形
（6）渐变是一种变化运动的规律,可分为（ ） A. 大小渐变 B. 方向渐变 C. 虚实渐变 D. 三种都有
3.实践题
（1） 运用点的位置变化设计个人网站主页。
（2） 直线给人速度感、紧张感，明确而锐利。从心理和生理 角度看，直线具男性特征。运用直线构图设计男式服装网站 主页。
19.10.2020
h
1
1.1 平面构成设计概述
网页的界面设计的好坏直接影响视觉效果，界面设计 涉及平面构成和色彩搭配。本节介绍网页界面的平面设计 基础，包括构成的基本要素，形态美的法则和逻辑构成规 律。
1.1.1 形的基本要素
1. 点的构成
点即相对较小而集中的形。点有集中视线，紧缩空间， 引起注意的功能。在造型活动中，点常用来表现强调和节 奏。
本章主要介绍网页界面的设计基础，包括构成的基本 要素，形态美的法则和逻辑构成规律。基本要素主要介绍 点线面，形态美的法则主要介绍画面的稳定性、秩序性、 律动性、统一和变化，逻辑构成规律主要介绍重复、渐变、 对比、发散、特异。举了两个典型的案例。读者只要稍加 练习，仔细加以体会，就能在网页设计中恰当运用平面构 成知识，提高设计水准。
（7）粗细、长短、方向、黑白、方圆、曲直、规则与不规则 等在画面上能产生什么效果（ ） A. 对比 B. 重复 C. 节奏 D. 秩序
（8）通过下列哪种形式可以在画面建立秩序感（ ） A. 比例 B. 节奏 C. 对比 D. 三种都有
19.10.20Biblioteka 0h142.填空
（1） 平面构成的基本要素有______、______和______。 （2） 点在空间位置的变化会引起画面______的变化。 （3） 点的有序运动产生______。 （4）曲线使人感到优美、轻快、柔和，富于旋律感。曲线可分
19.10.2020
h
2
2. 线的构成
线即相对细长的形。线有位置、长度和方向，线有各 种形状并各具特点。从造型意义上看，线是最富个性和活 力的要素。在平面造型中，线被广泛地用于表现形体结构， 不同线型自身的变化，以及线的多种组织方法，赋予作品 多样化的艺术风格。
3. 面的构成
面表现为二次元的形。面在平面构成中具有举足轻重 的地位。点与线的扩张或组织排列都会导致面的产生。现 实中，一般概念为“点”的雨滴，飘落地上会聚集成 “面”。地面上的草呈线型特征，远望去却有面的观感。
为______和______。 （5） 线在空间的运动产生______。 （6） 形态美的准则包含______、______、______和_____。 （7） 平衡的形式可分为______和______。 （8） 逻辑构成的重复可分为______的重复和______的重复。
19.10.2020
h
15
19.10.2020
h
9
提示：网站横幅选用能代表电影行业的图片进行合成处理。 主色调选用蓝色和灰色。各部分的位置和大小要注意主次和 视觉效果。图层的各种混合模式能产生不同的艺术效果。
知识拓展: （1）非对称平衡构图 （3）节奏 （5）重复 （7）对比 （9）特异
（2）秩序 （4）统一与变化 （6）渐变 （8）发散
19.10.2020
h
4
2.逻辑构成的形式
逻辑构成，就是经过对构成的基本要素加以理性分析，然后依一 定的数学、逻辑原则排列、组合，创造新的构成形式。逻辑构成的规 律性，包括重复、近似、渐变、发散、特异等。
1.1.3 本章案例简介
本章中通过2个案例，来讲解网页的平面构成设计的 方法及技巧。“基本元素训练”讲解一个学校网站主页的 设计案例，分析了运用构图基本元素表达画面的制作技巧； “电影网站首页”案例主要讲解的是运用形态美的准则和 逻辑构成表达画面的制作技巧。
19.10.2020
h
5
本节知识点 :
点线面是平面构成的最基本元素,具有不同的视 觉特征，点线面的应用及相互间组合能在画面产生 不同的艺术效果。在设计中应注意画面元素的取舍 和加强。
19.10.2020
h
8
1.3 实训二: 图形形式的创造-电影网站首页
案例说明：本节为电影网站首页设计案例。电影网站首页 包含标志、网站横幅、导航、目录和正文部分。在效果图 设计中充分运用形态美准则和构成规律，力求画面谐调， 突出主题，个性鲜明。 效果图如下:
《网站色彩与构图案例教程》
第1章 平面构成设计
教学目标：网页设计不只是软件编程，其界面设计是人 机交互范畴的一个重要内容，是一个关乎数字图形界面艺术设 计的问题。学习界面设计要从平面构成学习起，掌握基本的构 成规律。通过对本章的学习，学员能应用平面构成规律来设计 一个好的网页界面布局。
教学要求: 掌握点、线、面的平面造型规律；掌握稳定性、 秩序性、律动性、统一和变化 ；掌握重复、渐变、对比、发散、 特异 。
19.10.2020
h
12
1.5 习 题 1.选择：
（1）下面哪个特性不是直线所具有的？（ ） A. 速度感 B. 紧张感 C. 女性感 D. 男性感
（2）下列哪种直线具有平稳、安定、广阔、无限的特（ ） A. 斜线 B. 水平线 C. 垂直线 D. 三种都有
（3）具有强烈的上升与下落趋势特性的直线是（ ） A. 斜线 B. 水平线 C. 垂直线 D. 三种都有
19.10.2020
h
3
1.1.2 形态美的准则与逻辑构成 1.形态美的准则
1) 稳定性 2) 秩序性 3) 律动性 4)统一与变化
形式美与人类文明的发展与物质生产技术进化程序密 切相关。可以说，形式美是一定历史时期的“沉淀物”。 这沉淀过程，包括感性向理性，必然向自由的发展。因此， 形式美不是一成不变的法则。