第7讲上平面设计艺术.ppt
,平面设计,G R A P H I C D E S I G N,多媒体教案,G R A P H I C D E S I G N,平面设计理念 版面设计 色彩设计 广告设计 包装设计,高等院校艺术设计系列教材,咎唤榔阵角疗摧嚎坯烽贼尽男栓亦妊劲矫织桅仇签享琉葬突口禾郴霄甜斑第7讲（上）平面设计艺术第7讲（上）平面设计艺术,G R A P H I C D E S I G N,G R A P H I C D E S I G N,第 7 讲（上）,版面设计基础,7.1 版面艺术7.2 版面构成7.3 版面设计手段7.4 习题,哮癌剪九董失蓟羔拆恫绽磋万哼攫礁痒获狭泞剂垂粘俄铂疡祟掏泄绞茹崩第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.1 版面艺术,7.1.1 什么是版面,平面是广义的、宏观的,大多数视觉传达介质的基本元素 由一个平面或若干平面构成，对 于某个单独的、特定的平面而言，其视觉平面就是版面。,版面设计包含在平面设计之中,版面是狭义的、具体的,仙古桌愉籍屹蛤性烫欠拔啤讽灿蔼口缄醚珠袖宫朴脂郭岭桶措技叶繁剂坛第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.1.2 版面的设计意图,突出思想性,重视展示主题思想 版面设计成功与否的关键 表达具有时代特征的主题 特点鲜明,莱曼森通过舞动的香蕉皮表现主题构思独到颇具艺术性,透皇拷蛆审棒眨报片车糠男虏叔禽荔缆箱鸯女逢亩仙撅帆炔合醒完壮沈尽第7讲（上）平面设计艺术第7讲（上）平面设计艺术,注重整体性,内容和形式的高度一致性 注重版面整体效果的形成,版面中各元素一体化编排 构成一个不可分割的整体,美国设计家彼德 帕拉佐于1965年设计，注重版面整体性,罗斯玛利 提西于1980年设计的企业海报对每个字母精心修饰，单纯简洁,卢米箍洪迄柏袒挞蓄磐倍撒藕驻欣睦裂芜珠邱绎瓤露纤阐宽俭址闹昌酱址第7讲（上）平面设计艺术第7讲（上）平面设计艺术,追求装饰性,版面效果生动、幽默、富于变化 具有排他性 提高敏感度，吸引注意力,美国设计家保罗兰德于1953年设计把动物、物品等元素图案化使版面具有强烈的装饰性,用幽默的手法表现了一个公务员被拧干身上每一滴血汗，可产生联想：都市生活与上班族的艰辛,玲冻纽播贯瘸冉良靡嘴轴罢叛赌藤妮幽雨藏浴永栖宏却佃捻公荤寿盛逾捷第7讲（上）平面设计艺术第7讲（上）平面设计艺术,宣扬独创性,在创意上别出心裁，独树一帜 突出个性，标新立异,不直接表述吸烟的危害，而在拿烟的手上做文章。悠闲地边抽边玩牌，告诫人们不知不觉的伤害,在表现手法和选材上具有独创性 依据个人修养和个性设计,詹姆斯斯特兰格设计的艺术海报版面各元素之间协调有序，色调深暗，笼罩着浓郁的思考与宁静,伏挤擂阁赛遮茨昏愈果斥狸抄赐睁创傍禄履衔袍负哆杉剪殆撩盼埔都喷这第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.2 版面构成,7.2.1 什么是版面构成,在设计中，将两个以上的元素按照一定的规则重新排列和组合，从而形成新的视觉元素，这一设计活动称之为“构成”。发生在版面上的构成设计活动称之为“版面构成”。,溢缺闸灰惰劳卯热庙顶习屋奎贴赶针诵狼蔡炯秦厢乍灼藻袖酋遭作消宦监第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.2.2 构成形式与效果,重复,把高音谱号和光盘重复交错排列，寻求变化,雄淆痛荆麦脸咖司纸毕硕搁茹扩是锥华铱孩蒜鹃衡裸槛煌坐柬渍溃浚虾兢第7讲（上）平面设计艺术第7讲（上）平面设计艺术,韵律节奏,基本设计理念,渐渐升起的月亮从弯月逐渐变成满月，在天空中划出一个无形的优美弧线，使人感受到月亮升起时的韵律与平稳的节奏,遵循某种变化趋势，对基本元素进行有序、规律地排列、摆放和改变形态,哟曰访柄衫调盅减啃谐愧晕椿愿赊冤蓝懈希枉沥君甩婶掏苫掳闰簧饿蚂键第7讲（上）平面设计艺术第7讲（上）平面设计艺术,均衡,基本设计理念,采用等量不等形的设计手法，对多个基本元素之间的位置和关系进行协调。并通过动与静的相互渗透，形成矛盾体的统一。,通过等量不等形的色块和图片构成了均衡的版面，非常具有条理性，达到了均衡美的效果,坤腻抬疵萧闻戍惜盛虐败雀腮置翌萝棠妻砌奋竟淖蓝噶瑟荷寒蛛栏磋寸您第7讲（上）平面设计艺术第7讲（上）平面设计艺术,对称,基本设计理念,把同等同量的元素在版面上对称摆放，寻求版面的平衡感。采用上下对称、左右对称、对角线对称对称摆放的若干元素可以相同也可水平翻转、垂直翻转镜像,连驶慨逆仰戌触雅哇烷皮孔篱菇仙袍卧逗器治茄橇酱拭厘拔版颗唯亿缘掌第7讲（上）平面设计艺术第7讲（上）平面设计艺术,对比,基本设计理念,从选材、亮度、形态、关系等方面对版面上的元素进行处理，形成对比的视觉效果,勘自又许史伐粒勾打缨昆娶惰磐猜敲拼职俯妙源虚评皱堰磨剪拙驱拉绷谓第7讲（上）平面设计艺术第7讲（上）平面设计艺术,调和,基本设计理念,从色彩、明暗、形态等诸多方面强调元素之间的共性与近似性，寻求相互之间的统一与调和避免元素之间的分离感和较大的反差,暑枚波住咖兜诡骂徐善岩编馆嵌肆险裂村唁疏氏使丸崇呢几搪颅享扒瞄饯第7讲（上）平面设计艺术第7讲（上）平面设计艺术,比例,基本设计理念,美国设计家西莫施瓦斯特于1975年为3分钱的歌剧画册设计的封面，采用等比版面，在众多的画册中一目了然,应根据需要选取版面比例，常见的有等差、等比、黄金比，这是优秀设计的必要条件。元素比例可任意改变，但要符合审美要求。,毁武替蜘凋土雨痔骑泰庇穴昌栅坦呼囤脂茁标榷答色骸矣疫捕扮吾舒嚣框第7讲（上）平面设计艺术第7讲（上）平面设计艺术,变化,基本设计理念,在设计中，强调版面各元素之间的差异，以此产生对比，增加视觉敏感度。变化的根本在于造成视觉上的不连续性，形成跳跃式的效果。,瑞饭蓄帽续渺俐蛮贴繁蕾样鹊窘碳纵迅龟政筏册噎未介逛榜纬垄胺守卤滦第7讲（上）平面设计艺术第7讲（上）平面设计艺术,留白,基本设计理念,利用大面积空白造成“虚”的意境，主题则采用“实”的手法设计，虚大实小，形成强烈的对比。,留白创造出黑暗中透出一丝曙光的意境，提高了对主题的关注程度,大面积留白突出了北京民居扩展了白茫茫的广阔空间,侦直梧板彤翠外菲迂楚滑暂系吾劫启嘎氟汞霸袒篡虫豢补梭惩割泳坑岳慨第7讲（上）平面设计艺术第7讲（上）平面设计艺术,网格,基本设计理念,运用可见或不可见的线段对版面进行分割，形成若干个相对独立的视觉单元，使版面的信息量增加，具有一定的装饰性和清晰的条理性。,采用虚拟网格的作品。通过元素错落有致地排放，使版面透出活泼、富于变化的气息,品哪亩垫且弧凹皮帐扫遭乡德铲瓮擅欲拆滚酗代恢返胸吐俏叹跪羚拱洞砖第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3 版面设计手段,7.3.1 确定图像的编辑区域,矩形选框工具套索工具,移动工具魔棒工具,确定矩形选区,相关工具,憎触瑰肖伸助慷器盼菲赢首筒课溯述殖使磋健普氧净碌方揉柏歌挂鸡骄峻第7讲（上）平面设计艺术第7讲（上）平面设计艺术,确定圆形选区,1）单击“套索工具”,2）按下鼠标左键，徒手画选区(当选区闭合时，松开鼠标左键),处撞平嘘挡芽婚顾瘫济薄幽尊柏粱史格霞缓鼠蔑蓬汪峦或景剥脂钝膏欢今第7讲（上）平面设计艺术第7讲（上）平面设计艺术,确定多边形选区,1）单击“多边形套索工具”,2）在画面上依次单击鼠标左键，画出多边形选区(欲结束选区，双击鼠标左键),1）单击“磁性套索工具”,2）在图形边缘单击一下，然后沿着 图形边缘移动，自动形成选区(欲结束选区，双击鼠标左键),馁此佐妒纳映搂嫂劣蛔昭勾愚颠昌呛绵籍微妹迢勺撮嫂赚圭砧浴决评闲坑第7讲（上）平面设计艺术第7讲（上）平面设计艺术,自动确定选区,1）单击“魔棒工具”,2）确定容差值(容差大，选区范围大),3）单击图形以外部分(自动成为选区),4）单击鼠标右键，选择“选择反选”菜单，交换选区,单击“添加到选区”按钮，+新画选区,单击“从选区减去”按钮，-新画选区,掩穗挝既缠尧肄超哎树惋芥谓像庐拼弄托柴佳许恕吁典惺借烟稀蝴蓖烫嘱第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.2 移动与复制选区图像,1）利用选区工具画出选区,图像的移动,2）单击移动工具，鼠标拖曳至新位置,1）单击移动工具,2）Alt键+鼠标拖曳，复制,具描载帛童带悼荫锭雹徐晶煎公叙辛央傻烂卸勘编今御床惠历痴蝗帘均襟第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.3 图像剪贴,确定选区,选择“编辑/粘贴入”菜单，粘贴到 选区内，并形成新图层,介沉塑领侯绍镶烫壹败虐挣栓札咱疑询阶斡禾拖抠继腺听姬浙讲殉寿烫虞第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.4 随时改变图像尺寸与比例,1）单击图像所在图层,2）选择“编辑/变换/缩放”菜单,3）移动每条边上的小方块 改变图像的宽度或高度,4）移动角方块，同时改变 图像的宽度和高度,5）双击矩形框内部，结束操作,此法适用于改变图层元素的大小,粘羡井炭庇驭侠嵌季基检铆旬椭愚喂孺涩石拐箕鼻泻啃热计氟疆踢系拉聊第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.5 简单图像合成的实现,最终合成效果,风光图片,粘贴素材,宪隶怂飘冲式惟皆投仗铰尺啃俐荆诞妻劝蚜邪询妓唬扣礁虏伏鄙脐时弊夕第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.5 简单图像合成的实现,最终合成效果,茄潍掳糖狸瘸臂棵惦诗汽兆沙去溯春竞议还栋摩纹撅盔阑哺葬蜜票霉七惕第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.6 使用参考线,设计效果,柿验乌瞅上窍吩鸽朽是球距胃珐硝锐舰廷佰冯凡热场粒肘卖熬鹅桩靶俐虫第7讲（上）平面设计艺术第7讲（上）平面设计艺术,设置参考线,在标尺内按下鼠标左键不松开，向窗口内部拖曳，得到蓝色参考线,设置参考线,1）打开全部图片素材,2）单击“移动工具”按钮 把素材拖曳至版面中 并添加文字,3）利用参考线调整 各素材的位置,版面的全部图层,渝当写铣鸟盖壶氰斜胆龄绚样榜冗砍瞅琶夜歌怨刊磋脓品谭摇槐蝇襟辐秋第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.7 重复构图的实现,重复构图设计作品,芒寂赖栽置凡洁诈窥荒汁僵锹骆绽泣嗽栓怜柿蒋幌蝎训贩梅沙伊说啸捅熔第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.7 重复构图的实现,加工图片素材,1）打开素材(数码相机图片),1）单击缩小的素材窗口,2）选择“图像/复制”菜单，复制素材,3）选择“图像/图像大小”菜单，把其中一个素材适当缩小,2）选择“编辑/定义图案”菜单,3）关闭小素材窗口，打开版面,4）选择“编辑/填充”菜单,5）选择“图案”,6）在“自定图案”中选择小素材,洗碾梆煞圾岔扬禾殴柒依嘉士糠桔券胚腾趣咐确帚郸鸟樟奈洒翁英脆疗舆第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.7 重复构图的实现,进一步加工版面,1）选择“图像/调整/亮度/对比度”菜单 适当降低对比度，提高亮度,1）把主体图片素材复制到剪贴板,2）单击“矩形选框工具”，分别在版面 顶部和底部画出选区，并降低亮度,2）选择“编辑/粘贴”，把素材粘贴到版面,3）选择“编辑/变换/旋转”，旋转素材,4）选择“图层/图层样式/投影”,5）调整光线角度，设置阴影距离和大小,6）输入文字,锦翰崔蚁钡弛口节延箕船袍痈拓杂哟交扛暇突茫燎询澈诵仰歹拼据惑崭菩第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.8 对称构图的实现,对称的版面构图,襟邯供行小莽爽乡端郧她呈瘫盈瘪痉蛮锄狱必肆唱老欧言掏蒋辛巷骏膏铭第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.3.8 对称构图的实现,建立黑色新版面,1）打开素材图片，复制到剪贴板,1）把狼头部设置成选区,2）选择2次“编辑/粘贴”，素材粘贴到版面,3）选择“编辑/变换/水平翻转”菜单，把其 中一个素材翻转过来,2）选择“滤镜/素描/撕边”菜单,3）图像平衡25，平滑度15，对比度15,4）把木刻图案复制到剪贴板，粘贴到版面 随后输入文字,矢孺别页揽吐誉倍奢嘉刁约垫顶渠俊耶怜译贰搜并撂码席勒峻嘘娇冉祟乔第7讲（上）平面设计艺术第7讲（上）平面设计艺术,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 什么是版面构成 7.2.2 构成形式与效果7.3 版面设计手段 7.3.1 确定图像的编辑区域,小结,第6章 版面设计基础,斟苗鹏抉两熊恤亦荒故秋审竭性肤金赃斥咒滚性揣繁资蛮苯前歇弛荔踌嗽第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.4 习题,1对称版面设计 设计内容 完成一个上下对称的版面设计。要求 通过对若干个同类元素对称排放和排列，产生强烈的平衡感。版面分辨率300dpi，彩色模式RGB。设计作品采用两种文件格式保存，文件名分别为：对称设计.psd 对称设计.jpg,2对比版面设计 设计内容 完成对比的版面设计。要求 从选材、亮度、形态、关系等方面对元素进行处理，形成对比。版面分辨率300dpi，彩色模式RGB。设计作品采用两种文件格式保存，文件名分别为：对比设计.psd 对比设计.jpg,做铜习陶道嗓讨税死撤遥虹瑶嚷悸选抑车溜嘶雇陡砰垦愿锋躺塌它浑屏洪第7讲（上）平面设计艺术第7讲（上）平面设计艺术,7.4 习题,3留白版面设计,设计内容 利用Photoshop完成留白的版面设计。要求 通过虚实对比，实现提高对版面的关注程度，视线集中于主题焦点的目的。版面的视觉感受应是：宁静、轻松、不喧闹、具有空间感。版面分辨率300dpi，彩色模式RGB。设计作品采用两种文件格式保存。文件名分别为：留白设计.psd 留白设计.jpg,嫩懂猛甜薯芭遥抚醛隶订际迎盘鹏挑钙王雀笔爬臭兰崔蔚诽源惹煎豪崭奸第7讲（上）平面设计艺术第7讲（上）平面设计艺术,
