教学培训课件第7讲(上)平面设计艺术

平面设计GRAPHICDESIGN多媒体教案THEARTOFGRAPHICDESIGN平面设计艺术GRAPHICDESIGN●

平面设计理念●

版面设计●

色彩设计●

广告设计●

包装设计高等院校艺术设计系列教材1ppt课件平面设计GRAPGRAPHICDESIGNGRAPHICDESIGN第

7

讲（上）版面设计基础7.1版面艺术7.2版面构成7.3版面设计手段7.4习题2ppt课件GRAPH7.1版面艺术7.1.1什么是版面P89●

平面是广义的、宏观的●

大多数视觉传达介质的基本元素由一个平面或若干平面构成，对于某个单独的、特定的平面而言，其视觉平面就是版面。广告、海报、书籍、包装、网页界面等平面版面●

版面设计包含在平面设计之中●

版面是狭义的、具体的3ppt课件7.1版面艺术7.1.1什么是版面P89●平面是广7.1.2版面的设计意图P90●突出思想性●

重视展示主题思想

——

版面设计成功与否的关键●

表达具有时代特征的主题

——

特点鲜明●展示艺术性●

强调独到的艺术构思

——

标新立异，引人入胜●设计者艺术涵养的表现

——

发挥设计者与生俱来的素质俄国设计家卡桑德拉于1932年为法国红酒DUBONNET设计的海报莱•曼森通过舞动的香蕉皮表现主题构思独到颇具艺术性4ppt课件7.1.2版面的设计意图P90●突出思想性●重视展示●注重整体性P91●

内容和形式的高度一致性

——

注重版面整体效果的形成●

版面中各元素一体化编排

——

构成一个不可分割的整体美国设计家彼德•

帕拉佐于1965年设计，注重版面整体性单纯不是单调简洁不是简单●强调单一性●

单纯、简洁

——

设计元素高度概括，简练而有寓意●

主题单一、明确

——

表达精练，仔细斟酌罗斯玛利•

提西于1980年设计的企业海报对每个字母精心修饰，单纯简洁5ppt课件●注重整体性P91●内容和形式的高度一致性●版面中各元●追求装饰性P92●

版面效果生动、幽默、富于变化●

具有排他性

——

提高敏感度，吸引注意力美国设计家保罗•兰德于1953年设计把动物、物品等元素图案化使版面具有强烈的装饰性●增添趣味性●追求构思新颖，夸张表现●幽默、滑稽、抒情和寓意

——

格调高雅、丰富内涵、值得回味是趣味性设计的精华用幽默的手法表现了一个公务员被拧干身上每一滴血汗，可产生联想：都市生活与上班族的艰辛6ppt课件●追求装饰性P92●版面效果生动、幽默、富于变化美国设计●宣扬独创性P93●

在创意上别出心裁，独树一帜

——

突出个性，标新立异不直接表述吸烟的危害，而在拿烟的手上做文章。悠闲地边抽边玩牌，告诫人们不知不觉的伤害●

在表现手法和选材上具有独创性

——

依据个人修养和个性设计●寻求协调性●

元素多元化

——

根据主题、构想精心选材●

强调秩序与条理

——

协调元素之间的关系调整各元素的视觉属性詹姆斯•斯特兰格设计的艺术海报版面各元素之间协调有序，色调深暗，笼罩着浓郁的思考与宁静7ppt课件●宣扬独创性P93●在创意上别出心裁，独树一帜不直接表述7.2版面构成7.2.1什么是版面构成●在设计中，将两个以上的元素按照一定的规则重新排列和组合，从而形成新的视觉元素，这一设计活动称之为“构成”。发生在版面上的构成设计活动称之为“版面构成”。P94●主要研究方向●版面的内容与形式的统一●版面的布局、元素之间的关系●如何获得最佳的视觉效果等●版面构成的作用●

准确、高效地传达视觉信息●把艺术美应用在广告、书籍、包装等领域中●体现历史、文化、人文等深刻的内涵●成为人们了解各种信息的重要界面8ppt课件7.2版面构成7.2.1什么是版面构成●在设计中，7.2.2构成形式与效果●重复P95●

基本设计理念把单一元素或少量元素在版面上有序地、规律地重复排列和摆放，形成均匀、重复的排列格局●

视觉效果重复构图具有一定的装饰性，安定、平和、规整把高音谱号和光盘重复交错排列，寻求变化提示

为了避免呆板和流于一般化，可调整基本元素的方向、个数和排列方式9ppt课件7.2.2构成形式与效果●重复P95●基本设计理念把元素的方向、形状疏密程度、尺寸大小明暗程度、位置高低等●韵律节奏P95●

基本设计理念渐渐升起的月亮从弯月逐渐变成满月，在天空中划出一个无形的优美弧线，使人感受到月亮升起时的韵律与平稳的节奏遵循某种变化趋势，对基本元素进行有序、规律地排列、摆放和改变形态●

视觉效果渲染某种情调，增加版面的感染力，使人沿着版面节奏变化的趋势展开遐想10ppt课件元素的方向、形状●韵律节奏P95●基本设计理念渐渐升起的●均衡●基本设计理念P96采用等量不等形的设计手法，对多个基本元素之间的位置和关系进行协调。并通过动与静的相互渗透，形成矛盾体的统一。通过等量不等形的色块和图片构成了均衡的版面，非常具有条理性，达到了均衡美的效果●视觉效果视觉上给人一种平衡感，但不失变化。版面所表达的气息是：轻快、活泼、生动，并且充满趣味性。11ppt课件●均衡●基本设计理念P96采用等量不等形的设计手法，通过●对称●

基本设计理念P96把同等同量的元素在版面上对称摆放，寻求版面的平衡感。采用上下对称、左右对称、对角线对称对称摆放的若干元素可以相同也可水平翻转、垂直翻转镜像●

视觉效果给人以稳定感，效果较为庄重、整齐版面透出安宁和沉静的气息德国现代设计奠基人彼德•贝伦斯于1900年设计的书籍内封该作品采用了左右对称的版面设计12ppt课件●对称●基本设计理念P96把同等同量的元素在版面上●视●对比●

基本设计理念P97从选材、亮度、形态、关系等方面对版面上的元素进行处理，形成对比的视觉效果●

经常使用的手法选材对比—

动静、疏密、硬软、强弱对比亮度对比—

明暗、黑白对比形态对比—

大小、高低、粗细、曲直、锐钝对比关系对比—

远近、轻重对比●

视觉效果赫伯特•

拜耶于1943年采用明暗对比手法设计的海报对比效果非常醒目视觉冲击力强版面的主从关系鲜明13ppt课件●对比●基本设计理念P97从选材、亮度、形态、关系等方面●调和●基本设计理念P97从色彩、明暗、形态等诸多方面强调元素之间的共性与近似性，寻求相互之间的统一与调和避免元素之间的分离感和较大的反差●视觉效果给人带来舒缓、平静、安定、富于情感、有时甚至是忧郁的视觉效果调和、富于情感的设计作品14ppt课件●调和●基本设计理念P97从色彩、明暗、形态等诸多方面强●比例●基本设计理念P98美国设计家西莫•施瓦斯特于1975年为《3分钱的歌剧》画册设计的封面，采用等比版面，在众多的画册中一目了然应根据需要选取版面比例，常见的有等差、等比、黄金比，这是优秀设计的必要条件。元素比例可任意改变，但要符合审美要求。●视觉效果版面比例改变可增加新奇感书籍比例的改变会使读者在众多书籍中立刻有所察觉元素比例的改变可产生立意新颖增加版面的趣味性和多变性15ppt课件●比例●基本设计理念P98美国设计家西莫•施瓦斯特于19●变化●

基本设计理念P98在设计中，强调版面各元素之间的差异，以此产生对比，增加视觉敏感度。变化的根本在于造成视觉上的不连续性，形成跳跃式的效果。●

视觉效果版面上的变化带来视觉上的突变，可改善平庸、呆板、司空见惯的版面设计模式，给人以新奇、激发想象力的视觉感受。一个运用变化的设计作品通过元素(昆虫)的疏密变化产生动感，引导读者向着昆虫聚拢的中心观望，从而发现要展示的文字。16ppt课件●变化●基本设计理念P98在设计中，强调版面各元素之间的●留白●基本设计理念P99利用大面积空白造成“虚”的意境，主题则采用“实”的手法设计，虚大实小，形成强烈的对比。●视觉效果提高对版面的关注程度，视线集中于主题视觉感受宁静、轻松、不喧闹、具有空间感留白创造出黑暗中透出一丝曙光的意境，提高了对主题的关注程度大面积留白突出了北京民居扩展了白茫茫的广阔空间17ppt课件●留白●基本设计理念P99利用大面积空白造成“虚”的意境●网格●

基本设计理念P100运用可见或不可见的线段对版面进行分割，形成若干个相对独立的视觉单元，使版面的信息量增加，具有一定的装饰性和清晰的条理性。●

视觉效果具有鲜明的规则感，条理清晰，体现装饰美采用虚拟网格的作品。通过元素错落有致地排放，使版面透出活泼、富于变化的气息18ppt课件●网格●基本设计理念P100运用可见或不●视觉效果具有7.3版面设计手段7.3.1确定图像的编辑区域矩形选框工具套索工具P101移动工具魔棒工具●确定矩形选区1）单击“矩形选框工具”2）按下鼠标左键，移动鼠标，可产生矩形虚线框3）鼠标置于矩形选区内，拖动选区移动，调整选区位置*）单击鼠标，取消选区矩形选区相关工具19ppt课件7.3版面设计手段7.3.1确定图像的编辑区域矩形选●确定圆形选区P1021）单击“圆形选框工具”按下选框工具片刻，在清单中选取提示2）画圆形选区提示〈Shift〉键+画正圆选区1）单击“套索工具”2）按下鼠标左键，徒手画选区

(当选区闭合时，松开鼠标左键)●手绘自由选区20ppt课件●确定圆形选区P1021）单击“圆形选框工具”按下选框工具●确定多边形选区P1021）单击“多边形套索工具”2）在画面上依次单击鼠标左键，画出多边形选区

(欲结束选区，双击鼠标左键)1）单击“磁性套索工具”2）在图形边缘单击一下，然后沿着图形边缘移动，自动形成选区

(欲结束选区，双击鼠标左键)●半自动地确定选区提示此法适合于边缘色彩差异较大的图片21ppt课件●确定多边形选区P1021）单击“多边形套索工具”2）在画●自动确定选区P1031）单击“魔棒工具”2）确定容差值(容差大，选区范围大)3）单击图形以外部分(自动成为选区)4）单击鼠标右键，选择“选择反选”菜单，交换选区单击“添加到选区”按钮，+新画选区单击“从选区减去”按钮，-新画选区●选区的添加与减去P10422ppt课件●自动确定选区P1031）单击“魔棒工具”2）确定容差值(7.3.2移动与复制选区图像1）利用选区工具画出选区●图像的移动P1052）单击移动工具，鼠标拖曳至新位置露出背景色1）单击移动工具●图像的复制2）〈Alt〉键+鼠标拖曳，复制提示工具盒中的背景色可预先设置，以便确定露出的背景色23ppt课件7.3.2移动与复制选区图像1）利用选区工具画出选区●7.3.3图像剪贴P106●确定选区●剪切选择“编辑/剪切”菜单，选区被背景色取代，内容复制到剪贴板●选择“编辑/粘贴”菜单，直接粘贴，形成新图层取出剪贴板存入剪贴板●选择“编辑/拷贝”菜单，复制到剪贴板●选择“编辑/粘贴入”菜单，粘贴到选区内，并形成新图层●选择“图层/拼合”菜单，拼合图层选区24ppt课件7.3.3图像剪贴P106●确定选区●剪切选择“编辑7.3.4随时改变图像尺寸与比例1）单击图像所在图层P108提示若想等比例改变图像尺寸〈Shift〉键+移动角方块2）选择“编辑/变换/缩放”菜单3）移动每条边上的小方块改变图像的宽度或高度4）移动角方块，同时改变图像的宽度和高度5）双击矩形框内部，结束操作●此法适用于改变图层元素的大小25ppt课件7.3.4随时改变图像尺寸与比例1）单击图像所在图层P17.3.5简单图像合成的实现P108最终合成效果风光图片粘贴素材26ppt课件7.3.5简单图像合成的实现P108最终合成效果风光图片7.3.5简单图像合成的实现P1081）单击魔棒工具，容差值取152）单击背景处3）单击鼠标右键选择“选择反选”●得到天鹅选区获得粘贴素材4）选择“编辑/拷贝”菜单5）打开风光图片6）选择“编辑/粘贴”，形成新图层7）选择“编辑/变换/缩放”，改变尺寸8）双击矩形框内部，结束缩放9）进行步骤6、7、8，粘贴第2只天鹅合成素材最终合成效果10）单击“移动工具”，移动天鹅位置27ppt课件7.3.5简单图像合成的实现P1081）单击魔棒工具，获7.3.6使用参考线P109设计效果●建立版面1）选择“文件/新建”菜单2）选择“厘米”，输入宽度“6”，高度“9”3）分辨率输入“300”4）彩色模式选择“RGB颜色”5）背景内容选择“白色”6）单击“好”按钮28ppt课件7.3.6使用参考线P109设计效果●建立版面1）选择●设置参考线P110在标尺内按下鼠标左键不松开，向窗口内部拖曳，得到蓝色参考线设置参考线提示设置参考线可重复多次，以此得到多条参考线●进行版面构成1）打开全部图片素材2）单击“移动工具”按钮把素材拖曳至版面中并添加文字3）利用参考线调整各素材的位置●版面的全部图层29ppt课件●设置参考线P110在标尺内按下鼠标左键不松开，设置参考线7.3.7重复构图的实现P112重复构图设计作品●建立版面1）选择“文件/新建”菜单2）单位选择“厘米”，输入宽度和高度3）输入分辨率4）彩色模式选择“RGB颜色”5）选择背景内容6）单击“好”按钮30ppt课件7.3.7重复构图的实现P112重复构图设计作品●建立7.3.7重复构图的实现●加工图片素材P1121）打开素材(数码相机图片)●重复构图1）单击缩小的素材窗口2）选择“图像/复制”菜单，复制素材3）选择“图像/图像大小”菜单，把其中一个素材适当缩小2）选择“编辑/定义图案”菜单3）关闭小素材窗口，打开版面4）选择“编辑/填充”菜单5）选择“图案”6）在“自定图案”中选择小素材31ppt课件7.3.7重复构图的实现●加工图片素材P1121）打开7.3.7重复构图的实现●进一步加工版面P112●添加主体图片与文字1）选择“图像/调整/亮度/对比度”菜单适当降低对比度，提高亮度1）把主体图片素材复制到剪贴板2）单击“矩形选框工具”，分别在版面顶部和底部画出选区，并降低亮度2）选择“编辑/粘贴”，把素材粘贴到版面3）选择“编辑/变换/旋转”，旋转素材4）选择“图层/图层样式/投影”5）调整光线角度，设置阴影距离和大小6）输入文字THEBESTPHOTODIGITALCAMERA32ppt课件7.3.7重复构图的实现●进一步加工版面P112●添7.3.8对称构图的实现P114对称的版面构图33ppt课件7.3.8对称构图的实现P114对称的版面构图33ppt7.3.8对称构图的实现●建立黑色新版面P114●摆放图片素材1）打开素材图片，复制到剪贴板●加工图片素材1）把狼头部设置成选区2）选择2次“编辑/粘贴”，素材粘贴到版面3）选择“编辑/变换/水平翻转”菜单，把其中一个素材翻转过来2）选择“滤镜/素描/撕边”菜单3）图像平衡25，平滑度15，对比度154）把木刻图案复制到剪贴板，粘贴到版面随后输入文字34ppt课件7.3.8对称构图的实现●建立黑色新版面P114●摆7.3.2移动与复制选区图像

7.3.3图像剪贴

7.3.4随时改变图像尺寸与比例

7.3.5简单图像合成的实现

7.3.6使用参考线

7.3.7重复构图的实现

7.3.8对称构图的实现7.4习题7.1版面艺术

7.1.1什么是版面

7.1.2版面的设计意图7.2版面构成

7.2.1什么是版面构成