版式设计一讲解.ppt

3. 补色：色相环的对立面。补色有很强的对比效果。两种互为补色的颜色应用在一起，可以传达一种活力、兴奋的效果。 4.分裂补色：基色对面是其补色，而补色的邻近色我们一般称之为分裂补色。这种搭配会让画面很生动，但是一定要注意使用的比例。 网页配色中的忌讳 [1]、控制颜色的数量：不要将所有颜色都用到，尽量控制在三种色彩以内。 [2]、背景和前文的对比尽量要大：以便突出主要文字内容，背景色一般采用素淡清雅的颜色。(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 [3]、保持网站所有页面色彩风格一致，尽量避免同一主题网站使用若干种不相干的配色。 练习作业 作业要求： 1、根据所给素材图片，制作简单的书籍封面或插图。 2、利用我们刚才学到的对于型态和色彩的认识和理解，选择单色配色或者基色及其邻近色搭配，并且要求整体色调统一。 3、色彩不能少于两种，合理的添加文字标题，说明等。 第三章——版式设计（一） 视觉度的基本概念 相对于文字，图像的要素（插图、照片等）产生的视觉的强度叫做视觉度。 外观和影响力越强烈，视觉度就越高。明快的插图给人最强烈的印象，视觉度就高，一般来说，照片的视觉度比插图低，特别是云海类的风景照片，视觉度就更低。 视觉度的比较 A B A B A B A B A B 要素 A B 空白量（版面率） 照片类型（视觉度） 性格 多 少 低 高 格调高、高级 活力、低廉 视觉度高的画面，充满活力。 网页设计中的版式与配色 （第一章） 主讲：薛丽娅 第一章——形态的基础理论 平面构成的概念 构成的概念形成于1913-1917年，是现代艺术兴起的流派之一，讲求的是形态间的组合关系，即艺术家主观性的考察宏观和微观世界，探求各事物间的组合关系及组合规律，然后再按照自己的理解直观抽象地表现客观世界。 平面构成是艺术构成的一部分，也是学习设计的基础，主要研究的是视觉形象在平面上的组合形式，即通过理解平面设计中的基本形态要素：点、线、面，各自特性及相互间的关系，依照美的形式法则再创造新的形象及新的组合秩序，形成既来源于生活又高于客观情境的新的视觉映象，从而达到设计的要求。 平面造型的特点 平面构成的造型特点是把现实中三度体（高宽深）世界的物像以二度体（高和宽）的方式传达的视觉语言，它有以下几个特点： a.它是形象的高度概括。 b.具有抽象性。 c.由感性直觉作为基本参考元素，并通过理性思考和主观意识而进行的艺术创造。 d.平面构成通过视觉语言的创造作用于人的心理和生理状态 第一节——形态的概念 在平构设计中的视觉形态可分为三类： ◆1.具象形态（现实形态）。 具象形态指生活中的自然形，如山川、动物、植物等。 ◆2.抽象形态 抽象形指几何概念上的形，按大小、长短、曲直等分为方形、圆形、角形、不规则形等。 * ◆3.设计形态 具备多元性. 现实形态和抽象形态集结 设计理念的加入 形式法则的运用 作用于内容和实际应用 第二节——形态的知觉与心理 ◆视觉与心理 视觉心理源于现实的经验。 视觉，在平面设计中，指不同的形态作用于人的心理直觉。 ◇从形态上——圆，活泼、跳跃 活泼、跳跃、灵动的圆型在网页设计中的应用 方，庄重、稳定、刚直 角，尖锐、冲突、速度感。 庄重、稳定、刚直、大气的矩形在设计中的应用 尖锐、冲突、具有不安定和速度感的三角型多用于科技感强烈的设计题材中 曲线：柔美，流畅，动感。 自然形：自然，亲切， 随和，生动，野性 柔美，流畅，动感的曲线 自然，亲切，随和，生动的自然形 作业要求： 1、制作黑白位图装饰画，Photoshop创建800×800像素的图片。 2、利用我们刚才学到的对于型态的认识与理解，创作一组简单的型态组合装饰图，但要围绕活泼和具有运动感这一主题。 3、型态种类不能少于两种。 上机任务 第二章——色彩的基础理论 色彩的基本概念 色彩是由光的刺激而产生的一种视觉效应。光是产生色的原因，色是光感觉的结果。 颜色分无彩色和有彩色两大类。无彩色是指黑，白，灰系统色。有彩色是指除了非彩色以外的所有色彩，如，红、绿蓝等。 三原色——显示器中一切颜色都来自三原色：红、绿、蓝[RGB]，其它的色彩都可以用这三种色彩调和而成。 色彩的三要素 [1]、色相：色相是指色彩的相貌,是区别色彩种类的名称。 [2]、饱和度也称为纯度：是指色彩的纯净程度。 [3]、亮度：指色彩的明暗程度。 1、色彩的心理联