ps平面设计基本理论(构图和色彩搭配)ppt课件

PS 平面构图&色彩搭配Ps 平面构图&色彩搭配1构图篇1.什么是构图2.平面构图的形式美法则3.对比4.均衡5.空间分割6.构图的基本结构形式7.色彩与构图 构图篇1.什么是构图2一、构图基本定义什么是构图？广义：构图是指形象或符号对空间占有的状况。通常在讲构图的时候以平面构图为主。狭义：构图是艺术家为了表现一定的思想、意境、情感，在一定的空间范围内用审美的原则安排和处理形象、符号的位置关系，使其组成和谐的艺术整体。一、构图基本定义什么是构图？3二、平面构图的形式美法则1.统一与变化2.对称与均衡3.节奏与韵律4.对比与调和5.疏与密二、平面构图的形式美法则1.统一与变化4平面构图的形式美法则1、统一与变化变化中求统一统一中找变化平面构图的形式美法则 1、统一与变化5手机整体风格圆滑，柔性。功能按键采用圆中套方的几何图形，与整体风格形成统一，同时不同的图形间也有着相应的变化。手机整体风格圆滑，柔性。功能按键采用圆中套方的几何图形，与整6茶几的面板分上下两层。大小上线性变化，形状上高度统一。底座厚重与整体深黑色的配色也是一种统一。茶几的面板分上下两层。大小上线性变化，形状上高度统一。底座厚7纯木的材质和反映木材的纹理和配色，整体上是统一的。主面板上的区域划分则体现了变化，也满足了不同功能的需求。纯木的材质和反映木材的纹理和配色，整体上是统一的。主面板上的82、对称与均衡v对称对称又称均齐，假定在某一图形的中央设一条垂直线，将图形划分为又称均齐，假定在某一图形的中央设一条垂直线，将图形划分为相等的左右两部分相等的左右两部分,其形量完全相等其形量完全相等,该图形即是该图形即是对称图形对称图形。该线即为对称轴，。该线即为对称轴，又称镜照对称又称镜照对称。对称包括：对称包括：左右对称、上下对称、点对称。左右对称、上下对称、点对称。形态在视觉上有自然、安定、均匀、协调、整齐、典雅、形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重、完美的朴庄重、完美的朴素美感。符合人的视觉习惯。素美感。符合人的视觉习惯。应用对称法则要应用对称法则要避免避免由于过分的绝对对称而产生单调、呆板的感觉。由于过分的绝对对称而产生单调、呆板的感觉。2、对称与均衡对称又称均齐，假定在某一图形的中央设一条垂直线9平衡平衡是一种比对称高一级的视觉效果。平衡：力学上的平衡状态。在图案构成设计上的平衡是根据图象的形量、大小、轻重、色彩及材质的分布作用于视觉判断的平衡。平面构图上，通常以视觉中心为支点，各构成要素以此为支点保持视觉意义上的力度平衡。平衡平衡是一种比对称高一级的视觉效果。10均衡均衡是以重量来比喻物象、黑白、色块等在构图分布上的审美合理性。大致可分为对称式均衡和非对称式均衡。对称式均衡多以物理意义为主，而非对称式均衡则按照形象在人们生活中的重要性以及和人的关系密切而定。大体的次序是：以人为重，其次分别为动物、人造器物、植物，而后是自然物质。凡属画面上的均衡，都是感觉上的均衡。均衡均衡是以重量来比喻物象、黑白、色块等在构图分布上的审美合111、对称式的均衡构图，给人以严谨 1、对称式的均衡构图，给人以严谨122、非均衡式对称构图通过视觉“重量”的对等，以不对称的不同物体在画面上形成了均衡效果。2、非均衡式对称构图通过视觉“重量”的对等，以不对称的不同133、非对称式均衡构图通过人群的多少、蓝天白云的色块比例及分布，使两边的视觉“重量”均等，给画面带来变化，生动活泼。3、非对称式均衡构图通过人群的多少、蓝天白云的色块比例及分布144、通过人群的走向、色彩的分布和草原鲜明别致的纹理等诸多因素，使视觉“重量”均等，产生了均衡效果。4、通过人群的走向、色彩的分布和草原鲜明别致的纹理等诸多因15动态平衡处理的是两个不相等的主体或者区域。就像小砝码只要放得远离支点就可以与大砝码达成平衡，图中的大小元素只需要在画框中仔细布局也可以达成平衡。这里要注意右上角的内容汉字提升了它的视觉重要性。动态平衡处理的是两个不相等的主体或者区域。就像小砝码只要放得16由于缺少视觉上的支撑物，小孩子看起来要向右倒出画面。把支撑主体的必不可少的轮子加进来，小孩子依旧不再中心位置，但画面平衡了由于缺少视觉上的支撑物，小孩子看起来要向右倒出画面。把支撑主17钟楼与父子人像以及钟楼倒影构成了一种画面平衡，两者缺一，或者位置偏离，平衡就可能被打破。钟楼与父子人像以及钟楼倒影构成了一种画面平衡，两者缺一，或者18对称不仅要在形体上，在心理感受上的对称更加重要。所以配色、功能区、按键的基本对称也很重要，这样才能显得稳重、均衡。对称不仅要在形体上，在心理感受上的对称更加重要。所以配色、功19色彩基本无变化时，简单的对称也是美的。简洁大方。色彩基本无变化时，简单的对称也是美的。简洁大方。20车身的分体设计，对称产生了整体感的强化。同时在体量上也有均衡的稳定。车身的分体设计，对称产生了整体感的强化。同时在体量上也有均衡21灯罩的线条虽不对称，但围绕主体对称变化也是对称的美感体现。灯罩的线条虽不对称，但围绕主体对称变化也是对称的美感体现。支架的厚实又让较为轻盈的灯罩有了均衡感。支架的厚实又让较为轻盈的灯罩有了均衡感。灯罩的线条虽不对称，但围绕主体对称变化也是对称的美感体现。支22残疾人使用的器械，首先要在视觉上让使用者有安全感。对称的结构较为稳定，有安全感。上下、前后的结构布局也均衡安定，符合情境。残疾人使用的器械，首先要在视觉上让使用者有安全感。对称的结构233、节奏与韵律3、节奏与韵律24v节奏节奏是规律性的重复。节奏在音乐中被定义为“互相连接的音，所经时间的秩序”，在造型艺术中则被认为是反复的形态和构造。在图案中将图形按照等距格式反复排列，作空间位置的伸展，如连续的线、断续的面等，就会产生节奏。v韵律韵律是节奏的变化形式。它变节奏的等距间隔为几何级数的变化间隔，赋予重复的音节或图形以强弱起伏、抑扬顿挫的规律变化，就会产生优美的律动感。v平面构成中单纯的单元组合重复易于单调，由有规矩变化的形象或色群间以数比、等比处理排列，使之产生音乐、诗歌的旋律感，称为韵律韵律。以同一要素连续重复时所产生的运动感，称为节奏节奏。有节奏和韵律的构成具有积极的生气，加强魅力的能量。不同的形象、色彩、形式规律等都会带来不同的节奏和韵律。节奏是规律性的重复。节奏在音乐中被定义为“互相连接的音，所经25吴冠中长城线条的粗细曲直，跳跃的黑、白、灰色块的不同大小，形成一种恢弘的节奏韵律，令人心旷神怡，甚至不禁引吭高歌，手舞足蹈。吴冠中长城线条的粗细曲直，跳跃的黑、白、灰色块的不同大小26东山魁夷 白夜光 天空、湖水、森林形成对比强烈、宽窄不同的、几乎平行的横向线状块面，形成舒缓、宁静的节奏韵律，使人超脱、宽慰与心平气和。东山魁夷 白夜光 天空、湖水、森林形成对比强烈27光线的线条与树木的线条交叉表现节奏光线的线条与树木的线条交叉表现节奏28ps平面设计基本理论(构图和色彩搭配)ppt课件29中国馆的设计改变了建筑常规的上小下大，并通过层次分明的榫结构展现自身的节奏和韵律，动感和力量感就被体现出来了。中国馆的设计改变了建筑常规的上小下大，并通过层次分明的榫结构30摩托车本身就是具有速度和动感的物体。车身曲面的过渡起伏，把摩托车的特性节奏和韵律加以了突出。节奏不仅可以通过空间位置和几何造型展现，材质的变化和重复也可以体现节奏和韵律，使人产生相应的联想。摩托车本身就是具有速度和动感的物体。车身曲面的过渡起伏，把摩31相同结构的重复、配色的空间延伸都能产生动感和节奏感。也给相同结构的重复、配色的空间延伸都能产生动感和节奏感。也给产品的整体增加了视觉的震撼。但车头和车尾部分的不同，又打产品的整体增加了视觉的震撼。但车头和车尾部分的不同，又打破了单调重复的呆板，使整体有韵律感。破了单调重复的呆板，使整体有韵律感。相同结构的重复、配色的空间延伸都能产生动感和节奏感。也给产品324、对比与调和4、对比与调和33对比把质或量反差甚大的两个要素成功地配列于一起，使人感受到鲜明强烈的感触而仍具有统一感的现象称为对比，它能使主题更加鲜明，作品更加活跃。对比关系主要通过色调的明暗冷暖，形状的大小粗细、长短、方圆，方向的垂直、水平、倾斜，数量的多少，距离的远近疏密，图地的虚实黑白轻重，形象态势的动静等多方面的因素来达到。对比把质或量反差甚大的两个要素成功地配列于一起，使人感受到鲜34对比对比的分类1.大小的对比2.明暗的对比3.粗细的对比4.曲线与直线的对比5.质感的对比6.位置的对比7.主从的对比8.动静的对比9.虚实的对比对比对比的分类35虚与实的对比虚与实的对比36疏与密的对比疏与密的对比37冷与暖的对比冷与暖的对比38动与静的对比动与静的对比39大与小的对比大与小的对比40调和（和谐）判断两种以上的要素，或部分与部分的相互关系时，各部分给我们所感觉和意识的是一种整体协调的关系。几种要素具有基本的共同性和溶合性。和谐的组合也保持部分的差异性，但当差异性表现为强烈和显著时，和谐的格局就向对比的格局转化。调和（和谐）判断两种以上的要素，或部分与部分的相互关系时，各41ps平面设计基本理论(构图和色彩搭配)ppt课件42同样是阳光下的沙滩，你的感觉有什么不同吗？同样是阳光下的沙滩，你的感觉有什么不同吗？43怎怎样处理理对比与比与调和的关系和的关系对对比比与与调调和和关关系系主主要要通通过过色色调调的的明明暗暗，冷冷暖暖，形形状状，大大小小，粗粗细细，长长短短，方方圆圆；方方向向的的垂垂直直，水水平平，倾倾斜斜；数数量量的的多多少少；距距离离的的远远近近，疏疏密密，图图与与地地的的虚虚实实，黑黑白白，轻轻重重；形形态态的的动动静静等等方方面因素来达到。面因素来达到。怎样处理对比与调和的关系对比与调和关系主要通过色调的明暗，冷44边框的圆角与屏幕和影响的规则矩形形成对比。OK键四周的方向键的配色与正面其他部分形成对比。边缘的银色在整个机身的视觉效果上起到了调和作用，使手机整体更有层次，变化。边框的圆角与屏幕和影响的规则矩形形成对比。OK键四周的方向键45材质和抽屉配色的对比打破了单调和重复；圆角案面和棱角分明的构建对比的同时也是调和。材质和抽屉配色的对比打破了单调和重复；圆角案面和棱角分明的构46主面色彩的渐变形成对比；圆形的功能键与矩形造型形成对比。对比与调和相辅相成，对比的同时这些元素也相互在调和，使整体达到协调。主面色彩的渐变形成对比；圆形的功能键与矩形造型形成对比。对比47映入视线的首先是沙发配色上的对比，配色稳重、大方。几何形体的变化在沙发的整体架构里起到了调和的作用。方块、圆柱、曲面立体等，显得有层次，变化。映入视线的首先是沙发配色上的对比，配色稳重、大方。几何形体的485、疏与密疏与密的关系关键是处理好空白留取（简称“留白”），适当的疏密搭配可以使画面产生节奏感，体现出作品的格调与品位。5、疏与密 疏与密的关系关键是处理好空白留取（简49围成一圈的稠密观众与中间的表演人物形成对比，哪怕这个人在画面中所占的位置很小，但却很容易吸引视线朝向“中心人物”。围成一圈的稠密观众与中间的表演人物形成对比，哪怕这个人在画面50拍摄花丛或其它小物体时，如果适当地分成两个或多个区间，通过区间内数量的多少进行对比构图，可以使画面更加生动。拍摄花丛或其它小物体时，如果适当地分成两个或多个区间，通过51茂密的树叶与树下宽广的空间形成对比，真是“密不透风，疏可走马”。茂密的树叶与树下宽广的空间形成对比，真是“密不透风，疏可走马52空间分割（了解）空间分割（了解）53分割与比例分割：平面造型能够表现的空间并非无限大，都是有限的形与面积，所以对空间的分割也项基本的造型行为。等分割分为等形分割与等量分割。比例：是部分与部分或部分与全体之间的数量关系。当构成要素之间的大小，长短，轻重，面积，等部分与部分或部分与全体的质与量达到一定或明确的数的秩序时，将会得到美的平衡感。这时，这个数的秩序就可称为美的比例，比例是构成中一切单位，大小，以及单位间编排组合的重要因素。黄金比、等差数列、等比数列等。分割与比例分割：平面造型能够表现的空间并非无限大，都是有限的54比例1，黄金比：1：0.6182，等差数列比：1、3、5、7、93，等比数列比：1、2、4、8、164，费勃纳齐数列比：1：617比例1，黄金比：1：0.61855最完美体形的人达芬奇（画家、解剖学家、哲学家）注意看外切圆与四方形，肚脐是圆的圆心，臂展与身高相等。各个关节都遵循着一定的数学比例，即黄金分割比0.618依黄金分割比而来的东西是最自然，最美丽的东西。不仅仅体现在图画的构图，雕塑的形体上，一首歌的副歌出现的时间也遵循此法。维特鲁威人维特鲁威人(Vitruvian Man)最完美体形的人维特鲁威人(Vitruvian Man)560.618，可看成五分之三，三分之二，所以可以把画面分成五份与三份再来构图，即黄金分割的衍生构图（三等份法则）。左上的交叉点是秃鹰的眼睛，右下的交叉点是贫困孩子的头颅。加上地平线处在五分线上，因此构图相当完美，很有视觉冲击力。因此那四个交叉点是重点，是主体最适合待的地儿。不要错误的认为是正中间。0.618，可看成五分之三，三分之二，所以可以把画面分成五份57ps平面设计基本理论(构图和色彩搭配)ppt课件58永恒的金三角永恒的金三角59九宫格九宫格60黄金螺旋比黄金螺旋比61很有意境，很深远的感觉。很有意境，很深远的感觉。62MP3形体的简单通过比例和尺度的合理把握得到了补充，大小球体的对比，功能按键的分布都让这款MP3应用了简洁的造型美感。MP3形体的简单通过比例和尺度的合理把握得到了补充，大小球体63这套桌椅的比例尺度看起来还是不错的，椅子和桌子的高度相匹配。桌子底座的长宽变化，椅子承坐面的宽度变化，都是相应功能和美学的考虑和应用。这套桌椅的比例尺度看起来还是不错的，椅子和桌子的高度相匹配。64漂亮的沙发很重要的一点就是比例。L型的长部和短部间的比例，底座高度与整体高度的比例，都很重要。这款沙发的比例看起来就很协调，因而看起来很漂亮。漂亮的沙发很重要的一点就是比例。L型的长部和短部间的比例，底65电水壶为满足特定的功能，在比例上有着必要的约束。但好的比例会给视觉增加舒适感。这个水壶有着胖胖的壶身，但把手微微翘起，是整个水壶不至于臃肿。整体的比例合理看起来更舒服。电水壶为满足特定的功能，在比例上有着必要的约束。但好的比例会66构构图的基本的基本结构形式构形式1.按几何形体分类2.按视觉方向分类3.几种常见的构图形式4.色彩与构图构图的基本结构形式1.按几何形体分类671、按几何形体分类1、按几何形体分类682、按视觉方向分类水平线垂直线斜线2、按视觉方向分类水平线69对角线曲线对角线703、几种常几种常见的构的构图形式形式3、几种常见的构图形式714、色彩与构图明暗色调暗黑色调明亮色调4、色彩与构图 明暗色调72ps平面设计基本理论(构图和色彩搭配)ppt课件73浓淡色彩 浓淡色彩74色彩篇1、色彩构成2、三原色3、色彩三元素4、颜色的关系5、颜色搭配要点6、颜色象征意义7、十个色彩搭配案例色彩篇1、色彩构成751、色彩构成 自然界的太阳是标准发光体,而光实际上是一种按波长辐射的电磁能.光光的的辐射波射波谱射线 x 射线 紫外线 可见光 红外线 无线电波0.005nm 0.01nm 5nm 350nm 750nm 0.4nm 10km 紫 紫蓝 蓝 蓝绿 绿 绿黄 黄 橙 橙红 红 350 400 500 600 700 750 波长nm太阳发射的可见光是由各种色光组合而成的白光，白光可分解为红、橙、黄、绿、蓝、紫六个标准色光谱。1、色彩构成 自然界的太阳是标准发光体,而光实际上是一种按波76色彩构成概念 构成 是指两个或两个以上的元素组合在一起，形成新的元素。色彩构成 为了某种目的，把两个或两个以上的色彩按照一定的原则进行组合和搭配，以此形成新的色彩关系。色彩构成概念 构成 是指两个或两个以上的元素组合在一772、三原色在自然界中，物体本身没有颜色，人们之所以能看到物体的颜色，是由于物体不同程度地吸收和反射了某些波长的光线所致。三原色三原色由三种基本原色构成。原色是指不能透过其他颜色的混合调配而得出的“基本色”。色光的三原色：红（red）、绿（green）、蓝（blue）；色料（颜料）的三原色：黄（yellow）、品红（magenta）、青（cyan）。2、三原色在自然界中，物体本身没有颜色，人们之所以能看到物体78色轮色轮 79图片中的标注为“A”的即是三原色，也即是红色、黄色、蓝色，这三种颜色是无法通过其他颜色的混合来创建的。而使用这三种颜色的任意两种等量混合则可以创建出三间色（B），比如红色与蓝色的混合得到紫色、黄色与红色的混合得到橙色、蓝色与黄色的混合得到绿色。任一三原色与其相临的三间色的组合成创建出第三色（C）。在色轮表上，相对的两个颜色即组成互补色，由于互补色中的两个颜色是对立的，所以使用其中的一种为主色，另一种颜色则用来做为强调色，可以形成比较鲜明的对比。而在色轮表上，彼此等距的三种颜色则形成三色组，比如三原色形成的三色组称之为基色三色组，而三间色形成的三色组则称之为间色三色组。而另一种形式的分裂互补三色组则是由某个颜色与其互补色两边的颜色组成的。色轮表上彼此相临的颜色组成类似色，不管这些相临的颜色是两种还是两种以上，他们都有相同的基础色。ps平面设计基本理论(构图和色彩搭配)ppt课件803、色彩三元素色度、亮度和饱和度色度、亮度和饱和度(1)色调或色相 人眼看到一种或多种波长的光时所产生的色彩感觉。某一物体的色调，是指该物体在日光照射下所反射的各光谱成分作用于人眼的综合效果。(2)亮度或明度 光波的振幅代表光的能量,称为亮度或明度，振幅的差别给人以明暗的区别。(3)饱和度或纯度 色彩纯粹的程度，即色彩的纯度，即掺入白光的程度。越接近标准色，纯度越高。对于同一色调的彩色光，饱和度越深颜色越鲜明或说越纯。例如，当红色加进白光之后，冲淡为粉红色，其基本色调还是红色，但饱和度降低了。3、色彩三元素色度、亮度和饱和度(1)色调或色相(2)亮度或814、颜色的关系相邻色对比色冷色暖色灰度互补色互补色4、颜色的关系相邻色 对比色 冷色 暖色 灰度互补色825、颜色搭配要点 双色 三色边框三色边框 三色阴影三色阴影 三色渐变三色渐变 三色法提高醒目程度三色法提高醒目程度5、颜色搭配要点 双色 三色边框 三色阴影 三色渐变83前景、背景搭配要点前景、背景搭配要点 使用颜色条和中性色装饰颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS颜色关系COLORS颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS正确颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS颜色关系颜色关系COLORSCOLORS欠佳 前景与背景不能使用相邻色前景、背景搭配要点 使用颜色条和中性色装饰颜色关系颜色关846、色彩的象征意义 红橙黄绿蓝紫黑白灰太阳、旗帜、火、血柑桔、秋叶、灯光光线、迎春花、香蕉森林、草原、青山天空、海洋葡萄、丁香花夜晚、无灯光的房间雪景、纸张乌云、路面、静物热情、奔放、喜庆、幸福、活力、危险金秋、欢喜、丰收、温暖、嫉妒、警告光明、快活、希望、帝王、古罗马高贵色和平、生意盎然、新鲜、可行理智、平静、忧郁、深远、西方名门血统高贵、庄重、昔日最高等级、古希腊国王严肃、刚直、恐怖纯洁、神圣、光明平凡、朴素、默默无闻、谦逊颜色直接联想象征意义6、色彩的象征意义 红太阳、旗帜、火、血热情、奔放、喜庆、857、十个色彩搭配案例基本配色基本配色：颜色绝不会单独存在。（除了黑色）事实上，一个颜色的效果是由多种因素来决定的：反射的光，周边搭配的色彩，或是观看者的欣赏角度。我们把配色的形式可以分为十大类型，分别叫做：无色无色设计(achromatic)、类比比设计(analogous)、冲突冲突设计(clash)、互互补设计(complement)、单色色设计(monochromatic)、中性中性设计(neutral)、分裂分裂补色色设计(splitcomplement)、原色原色设计(primary)、二次色二次色设计(secondary）以及三次色三色三次色三色设计(tertiary)。7、十个色彩搭配案例基本配色：颜色绝不会单独存在。（除了黑色86推荐网站站酷我图网红动中国天天素材Ps联盟作业：搜30张海报推荐网站站酷87