新媒体设计基础.pptx

《新媒体设计基础.pptx》由会员分享，可在线阅读，更多相关《新媒体设计基础.pptx（66页珍藏版）》请在课桌文档上搜索。

1、设计要素,新媒体的吸引力，在于它允许不同的传达方式结合表现。,空间,线条,形状,明暗,肌理,色彩,运用色彩,一、空间,要点版式积极/消极空间虚幻空间。,空间可以指一件作品的具体展示，包括作品的规模或尺寸，以及周围环境；也可以指设计中围绕主要对象的区域；还可以指在图像里运用特定的视觉技巧制作虚拟空间。,制作右图要考虑的概念：、版式（尺寸，规模和展示空间）积极和消极空间（作品中主要对象和周围的空间关系）、虚拟空间（可感知的三维空间）,、版式空间,版式尺寸尺寸是展示作品的宽度和高度，也许是17寸的电脑显示屏，也许是巨大的投影幕布，观众如何看待作品，版式起巨大作用。,、积极空间和消极空间,积极空间，通

2、常用来指设计中含有体积的要素，如实体，图片中的积极部分是指那些固定的或设计的焦点。,设计中其他的部分都被看作消极空间。积极空间和消极空间会发生转变。,在每一幅图片中主要的物体都是相同的圆，发生变化的是物体周围的环境。,使用界面的消极空间来增强视觉吸引力,反其道而行之或出其不意,3、虚幻空间,在二维的平面上制造出三维的效果。,立体错觉三维眼镜尺寸问题越低越近光线和距离,除了路牌的大小不一样，图片里的任何东西都没有发生变化，最后一张图，标牌和建筑物一样大，在这里几乎感到不存在距离。,光线和距离,使处于近景的物体更亮，远处的物体更暗。较近的物体使用纯色，背景里的物体使用趋缓的，柔和的颜色。,练习,、

3、用不同大小的物体和不同的摆放位置画三个缩样图，来表现同一个物体看起来远、近和居中的效果。参考图、,练习,、画一幅图，把主要物体或中心物体留白，即只画主要物体周围的区域，看起来好像把积极空间和消极空间调换了。参考左图、制作一张图片，要求重复使用主要物体的轮廓，并制造出至少三层的效果，将每一层着色来创造立体感。,二、线条,要点：轮廓、体积、表达、方向、明暗、质感、运动、线条,视觉传达中，线条可能是最简单的视觉要素，也可在设计要素中最具表现力。什么是线条？线条确定一个物体终于何地，而另下物体始于何地。,把线条作为设计要素使用,使用线条来表示体积。用线条表达。用线条指示方向。,图中只用了两条线，但表达

4、的信息却很多，稍微改变一下线条就能使其看起来像在行走或站立。,较粗线条构成的区域显得体积更大，空间更近。改变线条的宽度和厚度可以制造三维空间的错觉。,尽管较粗的线可以用来制造具有体积的错觉，但过度使用会适得其反。,图中除了线条粗细外几乎没什么不同。左图用细线勾勒了物体的轮廓，用粗线勾勒了想要使之在空间上更靠前的部分。右图所使用的线条粗细是一样的，都使用了粗线，这样的处理降低了图片的立体感。,左图的线条是下垂和悬挂的，小狗看起来很忧郁。中图的线条是锋利的，表达愤怒与狂燥。右图是细微的流畅线条，强调速度。,线条的其他用法,用线条形成明暗。使用线条表现质感。用线条刻划运动感。,练习,、选择一幅摄影图

5、像，用线条把它画成图像，要包括尽量多的细节，但不要画阴影，只画轮廓。、在纸上画出一些表达不同情感的线条（如愤怒的线条、高兴的线条和悲伤的线条）、画一幅包括各种类型线条的图：真实线条、隐含线条和假想线条。,阅读书目,、写给大家看的设计书（第3版）作者:美 Robin Williams出版社:人民邮电出版社、艺术的故事作者:英 贡布里希(Sir E.H.Gombrich)出版社:广西美术出版社、设计中的设计|全本作者:日 原研哉出版社:广西师范大学出版社,三、形状,形状是线条和空间的组合。,形的循环联想,消极空间和积极空间正负形,特定元素的想像,元素的替代,形状异变在A与Z之间寻找中介体，将A自然

6、地渐变为Z使之形成为另-种物体。渐变、演化是任何一个系统，一种生命体的必然过程，这个演变过程叫做异变。自然界中存在着植物的演化过程、生物(命)体的演化过程、两栖动物的生长过程，如蝌蚪到青蛙。真正把图形异变作为一种表现物形特殊性的特定方法，是荷兰画家埃舍尔(MCEscher，1898-1971)，他在经典之作天与水中，充分利用了异变图形的构形方法，使水中的游鱼和天上的飞鸟有机地结合在一个空间中，将黑马与白鱼在亮色的天空与凝重的黑色中交织渐变有机地结合在一起。埃舍尔把生活的异变注入到浪漫的艺术之中，使艺术更理性、更科学、更合理。,练习,1、同形异变、不同形异变内容：寻找相似形的两个元素进行异变寻找

7、不同形的两个元素进行异变方式：寻找外形有相近之处的两个形元素，利用两者的可变因素进行变化。以下图为例，先确定图1海豹和图5汽车，再营造一个中间元素，最后填入中间元素到两者的中间元素。以此类推可以解决所有的图形异变问题。2、将线条练习第一题（绘制自己图像）进行图形创意，找取和自己图像内在有关联或外形相似的图形进行演化，中间环节不少于6个。要求：先出草图！作业量及尺寸:在A3纸上画两组不同的异变图形，即同形异变和不同形异变各一张。,同形异变,不同形异变,四、色彩,色彩的三要素：色相、明度、纯度（饱和度）,六、色彩,色彩混合（1）加法混合 是指色光的混合。光亮度会提高，混合色的总亮度等于相混合各色光

8、亮度之总合。色光混合中，三原色光是朱红、翠绿、蓝紫，它们都不能用其它色光相混产生。朱红与翠绿相混得黄色光；翠绿与蓝紫相混得蓝色光；蓝紫与朱红相混得紫红色光；黄色光、蓝色光、紫色光为间色光。当三源色光按照一定比例相混时，所得到的光是无彩色的白色光或灰色光。,（2）减法混合 主要是指色料的混合，颜料的混合也属于色彩的减法混合。减法混合的三原色是加法混合三原色的补色，即红、黄、蓝。原色红为品红，原色黄为淡黄，原色蓝为天蓝。用二种原色相混，产生的颜色为间色：红色与蓝色相混产生紫色；黄色与红色相混产生橙色；黄色与蓝色相混产生绿色。减法混合中，混合的色越多，明度越低，纯度也会有所下降。,（3）中性混合 是

9、基于人的视觉生理特征所产生的视觉色彩混合，而并不变化色光或发色材料本身。由于混色效果的亮度既不增加也不降低，而是相混合各亮度的平均值，因此这种色彩混合的方式被称为中性混合。中性混合有两种方式：颜色旋转混合，空间混合。,七、运用色彩,1、视觉效果（1）同化 这是配色必须注意的一种现象。相互临近的色彩就近接近其中的哪个色彩的性格，称为同化。,在一些色彩组合中常出现这样的现象：色与色之间不但不使对比加强，反而会在某色的诱导下向着统一方向靠拢。这种现象称为色彩的同化效果。例如：橘红与橘黄并置，其中黄色成分被同化，而各自较弱的红也被同化，两个色就显色比原来灰暗些。如果一块蓝色的底子上布满了白色的小点，整

10、体的视觉效果是蓝色的明度要比原来高许多。,（2）辨认性 在某一个底色上的图（字），随着色彩的不同，分辨的清晰度会发生变化，这种性质被称为辨认性。,（3）诱目性 色彩可以分为吸引人目光和不吸引人目光的色彩。这种能够吸引人目光的色彩特性被称为诱目性。在能够使诱目性变高的色彩中，与无色彩比较，有彩色较好；与低纯度色比较，高纯度色较好；与低明度色比较，高明度色较好。纯色当中，与蓝色、蓝紫色、紫色等比较，红色、橙色、黄色比较好。,（4）色彩适应 如果从明亮的地方突然进入昏暗的地方，会从最初看不清楚周围的一切直到慢慢地适应。这称作色彩适应。适应光亮的称作亮适应，适应昏暗的称为暗适应。在有色灯光的照明下，可

11、以看清本来色彩的称作色彩适应。在观察自然色彩时经常强调抓“第一印象色”，其原因是随着观察时间的延长，色彩就不会像刚看到时那么强烈了，因为视觉本身有个自动适应的过程。,（5）面积效果 要让色彩给人深刻的印象还要依靠色彩的亮度和面积大小。,（）主观色 对于色彩的感觉因人而异。因为每个人对色彩的控制能力是不同的。在对一个课题进行配色的时候，随着各人性格、思想、感情的不同，选择的色彩也不同。这样的色彩称作主观色。,2、色彩的心理效果（1）冷和暖 不同色彩感受到得温度也不同。一般情况下，红色温暖蓝色寒冷。只是这种心理上的作用，并不是所有人都能感受到。其中也有可能得到相反效果。,（）轻和重 色彩是有重量的

12、，只不过是感觉上的问题。在处理色彩的时候，考虑要使作品变轻还是变重是一个重要的问题。色彩的重量感可以把它和暖色、冷色的关系加以相同考虑。要使两边都均衡，还要以重量感为基准。如果要想稳定，就要将重的色彩放置在下方；要想使之不稳定，可以把重的色彩集中在上方。,（4）远和近 色彩还可以看上去较远或是较近，与之关系最大的是明度。明度相同的情况下，暖色系的色彩感觉更近。同一种色彩，和形状较大的相比，形状较小的看上去更远。这是相对性关系。同一种色泽，明度较低看上去较远，这是因为又阴影关系。色彩的层次就是以此为规则来显示较高的远近效果。,（5）前进和后退 在同一个画面中优前进和后退的色彩。暖色系为前进，冷色

13、系为后退。或者是亮度较高的色彩为前进，亮度较低的色彩为后退。在表现时让看的人对主体有深刻印象，利用色彩的进退是最好的办法。,（6）兴奋和镇静 色彩中，有让人内心感受到心情飞扬的色彩，也有让人忐忑不安的心情稳定下来的色彩。暖色系能够让人心情兴奋，冷色系具有能够使心情镇静的效果。,（7）硬和软 色彩也有硬度，也是靠感觉来感受。能够感受到柔软的色彩是参合明亮灰色的有彩色。混有黑色的色彩感觉会硬。,（8）华美和朴素 纯度高的色彩是自我主张强烈的色彩。这种色彩给人的印象是非常明快的。在混色色彩的背景中加入纯色会变得引人注目就是这个原因。与低纯度的色彩相比，高纯度的色彩更加华美；混色时色彩数量越多色彩就变

14、得越朴素。,（9）补色的作用 补色有心理补色和物理补色。心理补色是在白色底上方红色，凝视许久，然后去除红色看白色，就能看就绿色。屋里补色是将两种纯度高的色彩混合，称之为能够形成中性灰色的两种色彩。具有补色关系的配色师相互之间对立的，这可以引发强烈的对比，因此形成强烈对比的地方也就更引人注目。,3、情感表现（1）甜度和辣度 色彩也被用来表现没有形状的感情和思想。特别是在关于人五官的表现上，对于频繁的表现活动也是不可或缺的。对于单纯的物体也可表现出味觉来。甜味和辣味可以通过相对的配色来表现。在大多数场合，甜味是明亮的彩色粉调，辣味是通过纯度较高的几个色彩相互配色来表现。,（2）喜悦和悲伤 喜悦和悲伤时具有相对性的。喜悦主要是以暖色系的色彩为中心进行配色，悲伤是以冷色系为中心进行配色。明亮的色彩能够使人感受到欢快，灰暗的色彩可以使人感受到沉重的悲哀。,(3)古典和现代 明亮的纯度较高的色彩让人感受到刚诞生的新鲜程度，灰暗的纯度暗淡的色彩让人感受到陈旧。,练习,选择一张较有个性的照片，在PS中调整阈值，将其转换为图形后，做以下色彩练习、使用同一种色调的不同明度制作图片；、用补色制作图片；、只使用冷色或暖色制作图片；A3张大小，每幅12X20CM。,