第1章平面构成设计PPT课件.ppt

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