版式设计

主讲：胡雯雯LayoutDesign版式设计LayoutDesign版式设计课程3图片的选择及处理方法版式设计的三大元素2456网格版式设计自由排版设计视觉流程Content课程內容:版式设计概述LayoutDesign1LayoutDesign版式设计课程第一章版式设计概述LayoutDesignLayoutDesign版式设计课程◆◆◆LayoutDesign1、版式设计是一个建立在准确功能诉求与市场定位基础之上，以有效传播为导向的视觉传达艺术。2、设计者根据设计物的具体内容及主题思想，结合设计承载物的特点，创意地运用各种形式美原则，调动各种视觉元素（图像、文字、色彩等）进行形式上新颖而独特的排列组合，以达到突出主题、强化内容、沟通信息，同时使版面更加生动，具有更强的艺术感染力。3、通过将图、文、色等基本设计元素进行富有形式感及个性化的编排组合，以激发人们的兴趣去感受事物，并说服人们去相信事物。一、版式设计的概念版式设计课程I中国的环境陷入了深深的困境◆版式设计课程的教学目的：在于使学生学会把版面上所需要的设计元素进行必要的编排组合，成为布局合理、主题鲜明、简明易读、形式美观、整体统一、个性分明的优美的阅读空间，使版面在传达信息的同时，也体现和传达设计者的艺术追求与文化理念。二、版式设计课程的目的LayoutDesign版式设计课程I应用十分广泛，具体涉及到1、出版物版式设计，如报纸版面、杂志版面、书籍版面三、版式设计在平面媒体中的具体应用LayoutDesign版式设计课程I应用十分广泛，具体涉及到三、版式设计在平面媒体中的具体应用LayoutDesign版式设计课程I2、广告版面设计，如报纸广告、杂志广告、灯箱广告、路牌广告。应用十分广泛，具体涉及到三、版式设计在平面媒体中的具体应用LayoutDesign版式设计课程I3、促销道具设计，如包装、DM、POP广告、产品目录。应用十分广泛，具体涉及到三、版式设计在平面媒体中的具体应用LayoutDesign版式设计课程I4、企业形象标识设计，如名片、信封、信纸、证件等办公用品。5、多媒体、网页版式设计。四、版式设计的基本原则LayoutDesign版式设计课程2要加强整体的组织结构和方向的视觉秩序，使整个版面以周密的组织和定位来获得严谨的版面秩序。1在版式设计中，我们要重视各个组成部分之间的沟通与联系，不可造成松散、各自为政的状态。整体布局合理…I四、版式设计的基本原则LayoutDesign版式设计课程在版式设计中，我们要注意到设计主题的突出和强调，每一个版式设计都要有一个最强音，有一个视觉的中心，其他的元素从属于这个“最强音”，围绕着这个“最强音”，并为其服务。这样，一个版面才会在整体布局上符合人类知觉的心理发展规律，使受众更容易接受，从而成为一个优秀的版式设计作品。所以说，一个版式设计的主题明确是设计成功的先决条件，是合理地安排版式设计诸元素的依赖。主体鲜明突出…I四、版式设计的基本原则LayoutDesign版式设计课程2内容是形式表达的主题，形式是对内容用形象的语言进行的诠释，两者统一时无疑会加深读者对整个版面的理解，使读者对整个版面的知觉更加深刻，更加精确，知觉得也更加迅速。1当版式设计中的形式和内容统一时，两者之间会相互补充说明。形式内容统一…I文字、图、色彩2版式设计的三大元素LayoutDesign版式设计课程LayoutDesign一、文字排版II◆本课题的目标是使学生初步认识不同的中英文字体，理解不同的字体编排蕴含的不同涵义。并理解不同字体与字号在标题、副标题、正文、引文、图片说明等文字编排中的使用，理解行间距与字间距在版式设计中的运用，以达到正确使用相应文字的字体与字号的目的。LayoutDesign版式设计课程一、文字排版II◆不同的字体有着不同的性格和气质。字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。准确的文字设计能增强视觉传达效果，提高作品的诉求力，从而打动人心。◆中英文字体有很大差异，其中汉字中真正经得起推敲的几种字体是：宋体、黑体、楷体、等线体、综艺体，这些字体是一些标准的基础字体，虽然普通却很耐看，一般内文都使用这些字体。而英文字体种类较多，比较常用的有罗马体、巴洛克体、现代自由体等。1、字体LayoutDesign版式设计课程一、文字排版II◆字号的大小确定需要有三个依据：一是各个层级元素之间的对比关系，a应该比b大多少，c应该比b小多少，应该要把各个层级之间的轻重关系体现出来。二是版面整体比例关系，也就是让文字突出但不唐突，弱化但要可见。三是成品的视觉效果，这是最重要的，比如一段内文，在报纸广告上可能8号至10号就足够了，但在海报招贴上，因为阅读距离的不同，可能需要24号字以上才能看清楚，而在形象画册上，6号至8号字都能看得很清楚，10号字都已经感觉偏大了一点。所以根据不同的成品媒介考虑不同的字号大小是非常重要的，千万不能依赖电脑屏幕的显示效果做为最终依据2、字号LayoutDesign版式设计课程一、文字排版II注意：◆字体的不同也可能对字号大小的造成视觉偏差，一般来说，字符的占用比较满的字体（如黑体）在同等字号情况下看起来偏大，反之（如楷体）则偏小，这些在不同字体混排时经常出现，需要对其进行视觉修正，一般可以加入正负0.1-0.2的修正值就可以解决。◆在编排时，字号的大小级数不能出现太多（除非你在刻意创造某些特殊视觉效果而需要进行混排），最好每个层级只使用一种字号大小，字号级数过多，将造成整个版面的杂乱无章。一般来说，第一层级的字号大小与第二层级的大小区别要比较大，而第二层级与第三层级的字号大小差距应该要小一点，这样可以清晰地体现出各个层级之间的区别。2、字号LayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版II作业：1、运用不同的字体作标题文字、正文文字、说明文字的编排设计作业2幅，要求采用拼贴的形式，版面简洁明了、功能性强、内容清晰易读。2、运用不同的字号做文字的编排设计作业2幅，要求采用拼贴的形式，版面形式多样，使用不同字号的文字形成变化的视觉冲击力与阅读感受。要求：本课题要求学生能很好的运用不同的字体与字号来完成版式设计的编排需求，利用字体的变化来传达内容，利用字号的变化来传达不同的形式美，使字体与字号有机的结合起来为版面的编排设计服务。LayoutDesign版式设计课程一、文字排版II◆一般来说，字距的确定是由字体结构来决定的，因为每种字体对字符的占用空间是不一样的，比如楷体，结构比较自由灵活，对字符四边的占用率比较小，所以它所要求的字距也相对较小，字距太宽的话视觉效果就会散，阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高，字符很满，因此它所需要的字距空间就比楷体要稍微大一点，才能让阅读者感觉舒适◆在正常情况下，电脑的默认字距都偏宽，应该适当把字距调小一点。3、字间距LayoutDesign版式设计课程一、文字排版II◆行距的设计，则最能体现一个文字篇章的气质，汉字的行距设定一定要比字距大，行距最小应该在字高的50%以上才会看起来舒适，才能让“行”的感觉出来。◆排版时拉大行间距，可以使设计更具现代感。4、行间距LayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版IILayoutDesign版式设计课程一、文字排版II版式设计课程一、文字排版II作业：1、版式设计中的文字内容根据不同的字体与字号做不同字间距的调整，作业2幅，要求每幅画面中至少有三个层次的字体与字号。要求：由于不同字体的文字与不同字号的文字传达了不同的视觉感受，所以，不同的字体与字号之间文字的字间距与行间距也不应该是一样的。因此，本课题就要求通过各种字体与字号的不同组合来确定相应的字间距与行间距，以此达到认识字间距与行间距的目的。LayoutDesign版式设计课程LAYOUTDESIGN3图片的选择及处理方法LayoutDesignLayoutDesign版式设计课程应用十分广泛，具体涉及到1、出版物版式设计，如报纸版面、杂志版面、书籍版面三、版式设计在平面媒体中的具体应用LayoutDesign版式设计课程III第四章网格版式设计LayoutDesignLayoutDesign版式设计课程◆LayoutDesign本课题的教学目标是使学生能认识网格系统在版式设计中的重要作用，并理解其设计原理，学会网格版式设计的基本方法，能够在实际运用中很好的使用网格系统进行版面编排。同时还能在标准的网格系统的编排中适当打破网格的约束使画面活泼生动，避免出现单调、呆板的版面编排。四、网格版式设计版式设计课程IV◆LayoutDesign网格版式设计又叫“瑞士平面设计风格”、“国际主义平面设计风格”。国际主义设计风格的特点：是力图通过简单的网络结构和近乎标准化的版面公式，达到设计上的统一性。这种风格往往采用方格网为设计基础，在方格网上的各种平面因素的排版方式基本是采用非对称式的，无论是字体还是插图、照片、标志等等，都是规范地安排在这个框架中，因而排版上往往还会出现简单的纵横结构，而字体也往往采用简单明确无饰线体，因此得到平面效果非常地公式化和标准化，故而自然具有简明而准确的视觉特点，对于国际化的传达目的来说是非常有利的。四、网格版式设计版式设计课程◆IV◆LayoutDesign这个风格设计方法主要有以下几点：1、以纵横的线条为中心，对平面空间进行功能分区。2、以简单方格组成方格网底，将每个方格作为基本模数单位进行设计。3、最后，采用数学比例和几何比例进行版面编排。4、设计上强调排列和顺序的方法，把平衡、对称、比例、对比互补关系这些视觉内容表现清晰。四、网格版式设计版式设计课程◆IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤1、确定版心IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤2、把版心分为2栏IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤3、把版心分为6格IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤4、把文字块与网格的高度进行比较IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤5、格子与格子之间留出空距IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤6、确定有6个格子的网格IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤7、把网格放在文字上面进行调整IVLayoutDesign四、网格版式设计版式设计课程网格版式设计步骤8、字行与格子的顶边和底边对齐IVLayoutDesign四、网格版式设计版式设计课程对称式网格编排系统◆对称式网格的目的是有效的组织信息，并使左右两页版式设计内容达到平衡的设计。特点是：根据分栏的位置和版式的宽度，左页的版式结构与右页的版式结构完全一致，其页面尺寸相同，左页和右页的外页边距完全相同。分为对称式栏状网格与对称式单元格两种设计系统。IVLayoutDesign四、网格版式设计版式设计课程非对称式网格编排系统◆非对称式网格一般适用于散页的设计中，与对称式网格左页与右页版式结构完全一致不同，非对称式网格版面中左页与右页的排版方式完全相同，左页和右页的左侧页边距尺寸完全相同。分为非对称式栏状网格与非对称式单元格两种设计系统。IVLayoutDesign四、网格版式设计版式设计课程作业：图片、文字内容不限，根据视觉流程的表现形式进行版面编排训练。要求：1、学生能够根据版面的内容运用图片、文字、色彩、空白进行视觉流程的编排设计