版式设计教案市公开课一等奖百校联赛获奖课件.pptx
《版式设计教案市公开课一等奖百校联赛获奖课件.pptx》由会员分享,可在线阅读,更多相关《版式设计教案市公开课一等奖百校联赛获奖课件.pptx(210页珍藏版)》请在咨信网上搜索。
1、版式设计版式设计第1页什么是版式设计?什么是版式设计?就是在版面上,将图片、文字进行排列组合,以到就是在版面上,将图片、文字进行排列组合,以到达传递信息和满足审美需求作用。达传递信息和满足审美需求作用。设计对象是图片和文字。设计目标是传递信息和满足满足审美需求。要注意!必须首先让设计出来版式起到传递信息作用后,再去考虑怎样美化它。因为只有少数人会去购置一本美观但阅读起来很费劲书。第2页从那些方面去思考,如何让版式达到目从那些方面去思考,如何让版式达到目?版式设计样式版面视觉度图版率文字跳跃率照片跳跃率网格拘束率空白率文字排列类型字体印象明确主题分开主副题群化整理流向避免暧昧抑制四角利用版心线造
2、型技巧第3页影响版式原因之一影响版式原因之一样式样式第4页什么是样式?什么是样式?样式是指样式是指文字、图片外观文字、图片外观。第5页感受样式作用(一):感受样式作用(一):下面两则广告,那一个看起来更像是大众化下面两则广告,那一个看起来更像是大众化装品?装品?图在下页第6页第7页结论(一):结论(一):使用不一样文字、图片样式能带给人以不一使用不一样文字、图片样式能带给人以不一样感受。样感受。文字图片给人感受给人感受美宝莲美宝莲活泼艺术活泼艺术字体字体引人注目标美引人注目标美女笑脸女笑脸亲和力、动感、低廉亲和力、动感、低廉资生堂资生堂严谨复古严谨复古宋体字宋体字平静景物画面平静景物画面高品质
3、、冷静、高级高品质、冷静、高级第8页感受样式作用(二):感受样式作用(二):下面哪个设计更适合作为一家设计论坛自我下面哪个设计更适合作为一家设计论坛自我宣传传单?宣传传单?图在下页第9页第10页结论(二):结论(二):正确选择样式才能传递正确信息。正确选择样式才能传递正确信息。两件设计作品都很美观,不过上图给人感觉过于轻松活泼,所以不能让人感受到设计理性、冷静等感觉,但假如是用于时尚、娱乐等类型网站就很适当了。第11页样式样式01视觉度视觉度第12页什么是视觉度?什么是视觉度?文字、图象(照片、插图)对人产生视觉吸引力强文字、图象(照片、插图)对人产生视觉吸引力强度。越引人注目标物体视觉度越大
4、。度。越引人注目标物体视觉度越大。第13页感受视觉度(一):感受视觉度(一):下面哪张名片更引人注意?下面哪张名片更引人注意?第14页感受视觉度(二):感受视觉度(二):下面哪张海报更引人注意?下面哪张海报更引人注意?图在下页。第15页第16页结论:结论:图片比文字更吸引人注意,图片视觉度高于图片比文字更吸引人注意,图片视觉度高于文字。文字。在版面中增添照片或插图能够提升视觉度,在版面中增添照片或插图能够提升视觉度,让人有兴趣继续读下去。让人有兴趣继续读下去。第17页第18页第19页第20页图片视觉度强弱比较:图片视觉度强弱比较:图片可分为两类图片可分为两类写实性、抽象性。写实性、抽象性。普通
5、来讲,在同等大小情况下,抽象图形视觉度强于写实图形。这是因为简单图形更轻易记忆,所以人天生对简单图形敏感。第21页第22页第23页写实性图片视觉度写实性图片视觉度普通来说,人形象含有最强视觉吸引力,尤其是人脸部。而天空、普通来说,人形象含有最强视觉吸引力,尤其是人脸部。而天空、大海、草原吸引力最弱,能够让人情绪平静。大海、草原吸引力最弱,能够让人情绪平静。特写图像视觉冲击力也非常强。特写图像视觉冲击力也非常强。色彩色调对比强烈图片色彩色调对比强烈图片第24页第25页第26页第27页结论:结论:选择适当图片视觉度,以传递正确信息。选择适当图片视觉度,以传递正确信息。类型视觉度效果感受严厉文学严厉
6、文学(小说、诗集等)(小说、诗集等)低太高会破坏严厉太高会破坏严厉性性严严厉厉活活泼泼趣味图书(时尚杂志、儿童读物等)高增加阅读兴趣第28页低质量图片低质量图片极大降低版式品质(一):极大降低版式品质(一):制作时要选择清楚没有压缩过图片。制作时要选择清楚没有压缩过图片。精美杂志使用图片分辨率必须在精美杂志使用图片分辨率必须在300dpi以上。以上。图在下页第29页第30页低质量图片低质量图片极大降低版式品质(二):极大降低版式品质(二):如对图片进行不等百分比缩放,后果如对图片进行不等百分比缩放,后果第31页第32页实例(一):实例(一):在新闻上使用照片能够增加说服力。让读者以为新在新闻上
7、使用照片能够增加说服力。让读者以为新闻真实可信。而且增添阅读兴趣。闻真实可信。而且增添阅读兴趣。第33页第34页实例(二):实例(二):使用插图,能够快速传递文章内容。使用图表能够使用插图,能够快速传递文章内容。使用图表能够让人清楚直观看到数据。这些都有利于信息传输。让人清楚直观看到数据。这些都有利于信息传输。第35页第36页样式样式02图版率图版率第37页什么是图版率?什么是图版率?版面中图片跟文字所占面积比叫做图版率。版面中图片跟文字所占面积比叫做图版率。假如版面全是文字话,图版率就为假如版面全是文字话,图版率就为0%,全是图话,全是图话,图版率就为图版率就为100%。第38页视觉度与图版
8、率区分视觉度与图版率区分“图版率图版率”是指相对于文章,图所占比率。用是指相对于文章,图所占比率。用%来来表示。而表示。而“视觉度视觉度”是指图片视觉吸引力强弱。是指图片视觉吸引力强弱。第39页结论(一):结论(一):提升图版率能够活跃版面:提升图版率能够活跃版面:没有图版式显很压抑,令人窒息。这种版式只适合于字典、法规等特殊用途书籍。而加上一张图片后感觉就完全不一样了,显很有生气,让人产生阅读兴趣。第40页感受图版率(一)感受图版率(一):第41页第42页第43页感受图版率(二)感受图版率(二):第44页结论(二):结论(二):完全没有文字版面显得空洞。完全没有文字版面显得空洞。增加图版率能
9、够增加版式亲和力,在到达50%左右时,亲和力急剧上升。但图版率一旦超出了90%,假如没有文字,反而会感觉空洞无味,给人单调感觉。假如稍微加入一点文字,版式就又活跃起来。第45页第46页结论(三):结论(三):选择适当图版率,以传达正确信息。选择适当图版率,以传达正确信息。类型图版率效果感受严厉文学严厉文学(小说、诗集等)(小说、诗集等)10%左右太高会破坏严厉性太高会破坏严厉性严严厉厉活活泼泼普通读物普通读物(故事、报纸等)(故事、报纸等)30%左右增加阅读兴趣,但假增加阅读兴趣,但假如图太多信息则过少如图太多信息则过少趣味图书(时尚杂志、儿童读物等)50%-90%创造活跃气氛创造活跃气氛第4
10、7页复习:复习:看下面左、右版式区分是什么?看下面左、右版式区分是什么?右图(a.视觉度 b.图版率)增加了?产生了哪些效果?(c.高品质 d.轻松活泼 c.亲和力 f.高雅)第48页样式样式03跳跃率跳跃率第49页文字跳跃率文字跳跃率版面中最小字与最大字,字体大小比率叫做文字跳版面中最小字与最大字,字体大小比率叫做文字跳跃率。比率越大,跳跃率越高。跃率。比率越大,跳跃率越高。跳跃率高跳跃率低第50页感受文字跳跃率(一):感受文字跳跃率(一):第51页结论(一):结论(一):较高文字跳跃率能够吸引人注意力。较高文字跳跃率能够吸引人注意力。第52页感受文字跳跃率(二):感受文字跳跃率(二):第5
11、3页结论(二):结论(二):降低跳跃率给人沉稳、高品质、历史感印象。降低跳跃率给人沉稳、高品质、历史感印象。提升跳跃率给人健康、有活力印象。提升跳跃率给人健康、有活力印象。第54页感受文字跳跃率(三):感受文字跳跃率(三):第55页结论(三):结论(三):正确文字跳跃率,传递正确信息:正确文字跳跃率,传递正确信息:日本生活手册,一向以沉稳版式取得好评。版面庄重、平和,稍有单调之感,不过能让人从中感受到几十年不变历史沉重。提升文字跳跃率,即使文章内容完全一样,也不能引发人们共鸣。第56页感受文字跳跃率(四):感受文字跳跃率(四):第57页结论(四):结论(四):正确文字跳跃律,传递正确信息:正确
12、文字跳跃律,传递正确信息:文艺演出海报,巨大标题增加了视觉吸引力,让人感觉气氛热烈,从而产生了参加欲望。第58页图片跳跃率图片跳跃率版面中面积最小图片与面积最大图片面积比,叫做版面中面积最小图片与面积最大图片面积比,叫做图片跳跃率。比率越大跳跃率越高。图片跳跃率。比率越大跳跃率越高。低跳跃率高跳跃率第59页感受图片跳跃率(一):感受图片跳跃率(一):第60页结论(一):结论(一):图片跳跃率低,给人以稳重、高品质感受。图片跳跃率低,给人以稳重、高品质感受。图片跳跃率高,给人轻松俏皮感受。图片跳跃率高,给人轻松俏皮感受。第61页感受图片跳跃率(二):感受图片跳跃率(二):第62页结论(二):结论
13、(二):放大一些图片,形成主次,版面显得愈加有条理,放大一些图片,形成主次,版面显得愈加有条理,有生气。有生气。第63页感受图片跳跃率(三):感受图片跳跃率(三):第64页结论(三):结论(三):大框架中宜用局部特写照片:大框架中宜用局部特写照片:用大小两张照片做人物设计,标准上大框架中采取特写照。小框架中采取全身照。照片面积大小与照片中物体繁简程度进行对比,能够增强了动感。第65页样式样式04网格拘束率网格拘束率第66页什么是网格拘束率?什么是网格拘束率?网格拘束率指,文字、图片受网格约束程度。网格拘束率指,文字、图片受网格约束程度。第67页什么是网格?什么是网格?网格是一个主要编排辅助伎俩
14、。我们依靠网格对版网格是一个主要编排辅助伎俩。我们依靠网格对版面框架结构进行大致规划。面框架结构进行大致规划。第68页第69页第70页高网格拘束率低网格拘束率第71页感受网格拘束率(一):感受网格拘束率(一):第72页结论(一):结论(一):严格拘束于网格版面给人稳重印象。严格拘束于网格版面给人稳重印象。脱离网格则有自由感觉,产生轻松有趣版面。脱离网格则有自由感觉,产生轻松有趣版面。第73页感受网格拘束率(二):感受网格拘束率(二):第74页结论(二):结论(二):要表达庄重、高格调,最宜使用高网格拘束率版面要表达庄重、高格调,最宜使用高网格拘束率版面设计。设计。第75页结论(三):结论(三)
15、:选择正确网格拘束率,传递正确信息:选择正确网格拘束率,传递正确信息:类型拘束率效果感受严厉文学严厉文学(企业报表、财经杂(企业报表、财经杂志、教材等)志、教材等)高给人以条理清楚、给人以条理清楚、可靠、严谨、高可靠、严谨、高品质感觉。品质感觉。严严厉厉活活泼泼趣味图书(时尚杂志、儿童读物等)低增加阅读兴趣第76页图片外形图片外形角版出血版羽化版挖版第77页角版角版拘束性最强,给人严谨、冷静、高品质影响。拘束性最强,给人严谨、冷静、高品质影响。第78页出血版出血版有一个以上边出血,较角版而言更富改变、愈加活有一个以上边出血,较角版而言更富改变、愈加活泼。泼。第79页羽化版羽化版边缘含糊图片给人
16、以柔美印象。边缘含糊图片给人以柔美印象。第80页挖版挖版不规则边缘给人以自由活泼感受。不规则边缘给人以自由活泼感受。第81页感受图片外形:感受图片外形:第82页结论(一):结论(一):在大量角版中适当加入少许挖版,既能够打破沉闷,在大量角版中适当加入少许挖版,既能够打破沉闷,又不至于破坏原有冷静气氛。又不至于破坏原有冷静气氛。角版中只插入一个小小挖版,因为这么一个小小对比效果,活跃了整个版面气氛,并可突出置于挖版上物体。第83页感受图片外形(二):感受图片外形(二):第84页结论(二):结论(二):在大量挖版中,角版能够稳定画面。在大量挖版中,角版能够稳定画面。大部分图像使用挖版,不受网格拘束
17、,给人自由感受。但插入一些小角版在中间,能起到稳定画面作用(防止过于自由而显得凌乱),更能突出挖版自由感。第85页感受图片外形(三):感受图片外形(三):第86页结论(三):结论(三):VIP不宜使用挖版。不宜使用挖版。主要事件和人物不宜使用挖版,因为挖版会给人轻松感觉,不能表达严厉性和不能引发注意。第87页样式样式05空白率空白率第88页什么是空白率?什么是空白率?版面上图片文字所占面积与空白面积比率。空白越版面上图片文字所占面积与空白面积比率。空白越多空白率越高。多空白率越高。低空白率高空白率第89页感受空白率(一):感受空白率(一):第90页结论(一):结论(一):高版面率,表达使用者是
18、个热情、有干劲人。高版面率,表达使用者是个热情、有干劲人。低版面率,表达使用者是个沉静稳健、有品位人。低版面率,表达使用者是个沉静稳健、有品位人。第91页感受空白率(二):感受空白率(二):第92页结论(二):结论(二):要表现高品质、高质量商品需要大面积空白。要表现高品质、高质量商品需要大面积空白。左图即使文字跳跃率不高,不过因为空白少,并不显得高档。右图与左图相比,扩大了空白量。给人以高雅、稳重气氛,给人高品质感。第93页感受空白率(三):感受空白率(三):第94页结论(三):结论(三):要传递古朴、恬静感觉,宜采取高空白率版式。要传递古朴、恬静感觉,宜采取高空白率版式。第95页感受空白率
19、(四):感受空白率(四):第96页结论(四):结论(四):低空白率表达丰富信息。低空白率表达丰富信息。第97页感受空白率(五):感受空白率(五):接下页第98页第99页报刊使用空白率(五):报刊使用空白率(五):我们日常接触到印刷物品中,版面率最高普通是报我们日常接触到印刷物品中,版面率最高普通是报纸。报纸以丰富信息来吸引读者,所以高版面率是纸。报纸以丰富信息来吸引读者,所以高版面率是很必要。一些娱乐杂志和书籍一样如此。很必要。一些娱乐杂志和书籍一样如此。第100页文字排列文字排列齐行型齐头齐尾型齐头散尾型居中型自由型样式样式06第101页1.齐行型(齐头齐尾)齐行型(齐头齐尾)中庸、理性、严
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 版式 设计 教案 公开 一等奖 联赛 获奖 课件
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【丰****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【丰****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。