创新思维趣味培训课件

视觉设计界面篇整理ppt1视觉设计界面篇整理ppt1目录1234图形形错觉角度角度色彩色彩整理ppt2目录1234图形错觉角度色彩整理ppt2图形l第一节图形设计方法整理ppt3图形第一节图形设计方法整理ppt3图形设计方法l在视觉图形创造中，规律普遍存在着，设计实践中要理解规律，掌握规律，使其可以为我所用。我们是在前人的基础上寻找新的发展和创造，只有站在巨人的肩膀上才会看的更远，所以研究前人的创意规律，掌握设计的基本技巧，是我们必须经历的一个过程。整理ppt4图形设计方法在视觉图形创造中，规律普遍存在着，设计实践中要理A异影图形l在图形设计中，根据主题需要，对影子做适合的变形加工，使其成为不同于却相似于物象本身的造型，利用其造型对物象内涵的反映，产生深刻的语意，借以表现画面的感情。整理ppt5A异影图形在图形设计中，根据主题需要，对影子做适合的变形加工B正负图形l也称为反转图形，指正形和负形相互借用，相互依存，作为正形的图和作为负形的底可以相互衬托。整理ppt6B正负图形也称为反转图形，指正形和负形相互借用，相互依存，作C双关图形l也就是两歧图形，就是一个图形可以同时解读为两个不同的物象，并通过这两种物象之间的联系产生意义，传递高度简化的视觉信息。l双关图形牵涉到双重解释，一是表面上的意思；二是暗含的意思。整理ppt7C双关图形也就是两歧图形，就是一个图形可以同时解读为两个不同D四、简化图形l根据简化心理设计出的简约图形。l通过简化形式表现多重意义，一形多义是高水平的简化。标志以酒店名称的第一个字母Y和W构成川流入水的象形符号，象征海纳百川，有容乃大的精神，含接八方来客，开源聚财之意。整理ppt8D四、简化图形根据简化心理设计出的简约图形。通过简化形式表现错觉第二节整理ppt9错觉第二节整理ppt9错觉简介介CHAPTER1整理ppt10错觉简介CHAPTER1整理ppt10010203具有以下特点：具有以下特点：错觉是歪曲的知觉错觉的出现是有条件的错觉的产生具有固定的倾向错觉，即，即错误知知觉，是在特定条件，是在特定条件下下产生的生的对客客观事物的歪曲知事物的歪曲知觉整理ppt11010203具有以下特点：错觉是歪曲的知觉错觉的出现是有条件种种类：1、几何、几何图形形错觉（长短、方向、大小）短、方向、大小）2、形重、形重错觉3、视听听错觉产生生错觉的原因多种多的原因多种多样运用：运用：电影、影、动画、倒画、倒飞错觉、魔、魔术装装饰、市、市场营销、广告等、广告等整理ppt12种类：1、几何图形错觉（长短、方向、大小）产生错觉的原因多种体体验错觉CHAPTER2整理ppt13体验错觉CHAPTER2整理ppt13仔细观察图片，你能发现楼梯的最高点在哪里吗？整理ppt14仔细观察图片，你能发现楼梯的最高点在哪里吗？整理ppt14图中两条橙色线段的长短关系如何？整理ppt15图中两条橙色线段的长短关系如何？整理ppt15你是否认为图中存在着平滑的曲线？整理ppt16你是否认为图中存在着平滑的曲线？整理ppt16紧盯着灯泡30秒，然后将目光移至任意白色区域，你看到灯泡发光了吗？整理ppt17紧盯着灯泡30秒，然后将目光移至任意白色区域，你看到灯泡发光通过你的观察，你认为段圆弧经过了圆心？整理ppt18通过你的观察，你认为段圆弧经过了圆心？整理ppt18你认为图中存在曲线吗？整理ppt19你认为图中存在曲线吗？整理ppt19图中所有的红色都是一样的吗？整理ppt20图中所有的红色整理ppt20图中所有圆圈是否在同一高度？整理ppt21图中所有圆圈是否在同一高度？整理ppt21角度角度第三节不一不一样样的角度的角度不一不一样样dede效果效果整理ppt22角度第三节不一样的角度不一样de效果整理ppt22角度角度简简介介CHAPTER1整理ppt23角度简介CHAPTER1整理ppt23平平视：双目平行：双目平行观察物品察物品仰视：从低处往高处看俯视：从高处往低处看视觉角度，既是角度，既是观察物体察物体时的方向，大致分的方向，大致分为平平视、仰、仰视和俯和俯视。整理ppt24平视：双目平行观察物品仰视：从低处往高处看俯视：从高处往低处角度体角度体验验CHAPTER2整理ppt25角度体验CHAPTER2整理ppt25一般不一般不夹杂任何情感，客任何情感，客观的表的表现事物。事物。平平视视：整理ppt26一般不夹杂任何情感，客观的表现事物。平视：整理ppt26一般一般夹杂夹杂着着对对某人或某事的敬慕、敬仰和向往之情某人或某事的敬慕、敬仰和向往之情。仰视整理ppt27一般夹杂着对某人或某事的敬慕、敬仰和向往之情。仰视整理ppt1、更好的突出物品的位置信息、更好的突出物品的位置信息2、渲染、渲染观观察地点或察地点或观观察者。察者。俯俯视视：整理ppt281、更好的突出物品的位置信息俯视：整理ppt28色彩第四节整理ppt29色彩第四节整理ppt2901THREE ELEMENTS OF COLOR色彩三要素 整理ppt3001THREE ELEMENTS OF COLOR色彩三要素明度色相纯度THREE ELEMENTS OF COLOR整理ppt31明度色相纯度THREE ELEMENTS OF COLOR整THREE ELEMENTS OF COLOR色相色相色彩的最大特征，是指能色彩的最大特征，是指能够比比较确切地表示某种确切地表示某种颜色色色色别的名称。的名称。整理ppt32THREE ELEMENTS OF COLOR色相色彩的最大THREE ELEMENTS OF COLOR明度明度色彩的明度是指色彩的明亮程度。各种有色物体由于它色彩的明度是指色彩的明亮程度。各种有色物体由于它们反射光量的区反射光量的区别就就产生生颜色的明暗色的明暗强弱。弱。整理ppt33THREE ELEMENTS OF COLOR明度色彩的明度THREE ELEMENTS OF COLOR纯度度纯度是说明色质的名称，也称饱和度或彩度、鲜度。色彩的纯度强弱，是指色相感觉明确或含糊、鲜艳或混浊的程度。高纯度色相加白或黑，可以提高或减弱其明度，但都会降低它们的纯度。整理ppt34THREE ELEMENTS OF COLOR纯度纯度是说明02COLOR CLASSIFICATION色彩分类整理ppt3502COLOR CLASSIFICATION色彩分类整理ppCOLOR CLASSIFICATION原色间色复色补色整理ppt36COLOR CLASSIFICATION原色间色复色补色整理COLOR CLASSIFICATION原 色红黄黄蓝为色色彩彩的的三三原原色色，也也叫叫做做第第一一次次色色，原原色色可可以以合合成成其其他他的的颜色色，而而其其他他颜色色却却不不能能还原原出出本本来来的的色色彩彩。与与此此相相对应的的是是光光的的三三基基色色为红绿蓝，光光的的三三基基色色混混合合起起来来明明度度增增加加，称称为正正混混合合；而而色色彩彩的的三三原原色色混混合合起起来来变暗暗变浊，最最红成成为黑黑色，称色，称为负混合。混合。整理ppt37COLOR CLASSIFICATION原 色间色又称又称为第二次色，是两种原色相第二次色，是两种原色相调所成的所成的颜色。色。如：如：红+黄黄=橙、橙、红+蓝=紫、黄紫、黄+蓝=绿COLOR CLASSIFICATION整理ppt38间色又称为第二次色，是两种原色相调所成的颜色。COLOR CCOLOR CLASSIFICATION复色复色由由间色与色与间色或色或间色与原色相混所生成的色与原色相混所生成的颜色，叫复色，也叫第三次色，色，叫复色，也叫第三次色，其其颜色色纯度度较低，如：低，如：红橙、黄橙、黄橙、黄橙、黄绿、蓝绿、蓝紫、紫、红紫。紫。整理ppt39COLOR CLASSIFICATION复色由间色与间色或间COLOR CLASSIFICATION补色色补补色又称互色又称互补补色，余色，亦称色，余色，亦称强强度比色，就是两种度比色，就是两种颜颜色（等量）混合后呈黑灰色，那色（等量）混合后呈黑灰色，那么么这这两种两种颜颜色一定互色一定互为补为补色。色色。色环环的任何直径两端相的任何直径两端相对对之色都称之色都称为为互互补补色。色。整理ppt40COLOR CLASSIFICATION补色补色又称互补色，03MEANING OF COLOR 色彩的一般意义整理ppt4103MEANING OF COLOR 色彩的一般意义整理ppMEANING OF COLOR 整理ppt42MEANING OF COLOR 整理ppt4204COLOR MATCHING色彩搭配整理ppt4304COLOR MATCHING色彩搭配整理ppt43COLOR MATCHING02搭配方法不搭配方法不够系系统01 仅关注色彩表象关注色彩表象03色彩与构成掌握不到位色彩与构成掌握不到位在色彩在色彩设计应用中，我用中，我们对颜色不同程度的理解，影响到色不同程度的理解，影响到设计页面的表面的表现，熟，熟练地运用色彩搭配，地运用色彩搭配，设计时岂不事半功倍。一不事半功倍。一张优秀的秀的设计作品，它的色彩搭配必定和作品，它的色彩搭配必定和谐得体，令人得体，令人赏心悦目，反心悦目，反思我思我们在在设计过程中，怎程中，怎样的色彩搭配更容易达到的色彩搭配更容易达到设计目的，又目的，又是什么影响了我是什么影响了我们的配色思的配色思维呢？呢？以下几点常会影响色彩搭配思以下几点常会影响色彩搭配思维：整理ppt44COLOR MATCHING02搭配方法不够系统01 仅关注色调调和色相差色相差对比配色三大类配色COLOR MATCHING整理ppt45色调调和色相差对比配色三大类配色COLOR MATCHING色相差配色1同色系配色2邻近色配色3中差色配色4中性色配色整理ppt46色相差配色1同色系配色2邻近色配色3中差色配色4中性色配色整COLOR MATCHING同色系配色同色系配色同色系配色是指主色和同色系配色是指主色和辅色都在色都在统一色相上，一色相上，这种配色方法往往会种配色方法往往会给人人页面很一致化的感受。面很一致化的感受。整理ppt47COLOR MATCHING同色系配色同色系配色是指主色和辅COLOR MATCHING邻邻近色配色近色配色近近邻色配色方法比色配色方法比较常常见，搭配比同色系稍微丰富，色相柔和，搭配比同色系稍微丰富，色相柔和过渡看起渡看起来也很和来也很和谐。整理ppt48COLOR MATCHING邻近色配色近邻色配色方法比较常见COLOR MATCHING中差色配色中差色配色中差色中差色对比相比相对突出，色彩突出，色彩对比明快，容易呈比明快，容易呈现饱和度高的色彩。和度高的色彩。整理ppt49COLOR MATCHING中差色配色中差色对比相对突出，色COLOR MATCHING中性色配色中性色配色用一些中性的色彩作用一些中性的色彩作为基基调搭配，常搭配，常应用在信息量大的网站，突出内容，用在信息量大的网站，突出内容，不会受不必要的色彩干不会受不必要的色彩干扰。这种种过配色比配色比较通用，非常通用，非常经典。典。整理ppt50COLOR MATCHING中性色配色用一些中性的色彩作为基1有主导色配色2同色调配色3同色深浅搭配色调调和配色整理ppt511有主导色配色2同色调配色3同色深浅搭配色调调和配色整理ppCOLOR MATCHING有主有主导导色配色色配色这是由同一色是由同一色调构成的构成的统一性一性配色。深色配色。深色调和暗色和暗色调等等类似似色色调搭配也可以形成同搭配也可以形成同样的配的配色效果。即使出色效果。即使出现多种色相，多种色相，只要保持色只要保持色调一致，画面也能一致，画面也能呈呈现整体整体统一性。一性。清澈色调阴暗色调明亮色调整理ppt52COLOR MATCHING有主导色配色这是由同一色调构成的同色调配色这是由同一或是由同一或类似色似色调中的色相中的色相变化构成化构成的配色的配色类型，与主型，与主导色色调配色中的属于同配色中的属于同类技法。区技法。区别在于色在于色调分布平均，没有分布平均，没有过深或深或过浅的模浅的模块，色，色调范范围更更为严格。格。整理ppt53同色调配色这是由同一或类似色调中的色相变化构成的配色类型，与同色深浅搭配这是由同一色相的色是由同一色相的色调差构成的配色差构成的配色类型，属于型，属于单一色彩配色的一种。一色彩配色的一种。与主与主导色色调配色中的同色系配色属于同配色中的同色系配色属于同类技法。从理技法。从理论上来上来讲，在同一色相下的，在同一色相下的色色调不存在色相差异，而是通不存在色相差异，而是通过不同的色不同的色调阶层搭配形成，可以理解搭配形成，可以理解为色色调配色的一种。配色的一种。整理ppt54同色深浅搭配这是由同一色相的色调差构成的配色类型，属于单一色对比配色1明度对比配色整理ppt55对比配色1明度对比配色整理ppt55明度对比配色明度明度对比接近生活比接近生活实际反映，通反映，通过环境境远近、日照角度等明暗关系，近、日照角度等明暗关系，设计趋于真于真实。整理ppt56明度对比配色明度对比接近生活实际反映，通过环境远近、日照角度色彩是最能引起心境共鸣和情绪认知的元素，三原色能调配出非常丰富的色彩，色彩搭配更是千变万化。设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、情感传达等作用，从而有依据、有条理、有方法地构建色彩搭配方案。总结：整理ppt57色彩是最能引起心境共鸣和情绪认知的元素，三原色能调配出非常丰THANKS整理ppt58THANKS整理ppt58