图文排版的规划与准备教案

《图文设计与排版:InDesign CS4+Photoshop CS4中文版》根据教育部教学大纲，按照新的“工作过程导向”教学模式编写。为便于教学，《图文设计与排版:InDesign CS4+Photoshop CS4中文版》将教学内容分解落实到每一学时，通过“课堂讲解”、“课堂练习”、“课外阅读”和“课后思考”4个环节实施教学。《图文设计与排版:InDesign CS4+Photoshop CS4中文版》共10章32课。前9章主要介绍图文设计与排版软件indesign cs4的相关基础知识、常用实战技巧，以及与photoshop cs4软件的结合应用；最后一章为商业案例，讲解宣传海报、易拉宝以及企业宣传画册的全部制作过程。每课为两个标准学时，共90分钟内容。建议学时为一学期，每周4学时，也可以分为两学期授课。《图文设计与排版:InDesign CS4+Photoshop CS4中文版》配套教学资源可从清华大学出版社网站下载。《图文设计与排版:InDesign CS4+Photoshop CS4中文版》可作为中等职业学校图文设计与排版、平面广告等相关专业的教材，也可作为各类技能型紧缺人才培训班教材使用。

1、好的排版究竟有多重要?　　首先来介绍一下，为什么要推出这个课程。微信公众平台现在已经有超过一千万个帐号了，据统计现在可能已经超过一千五百万个了。有这么大的体验量之后，大家见多识广，对内容和阅读的体验要求也是越来越高的。　　同时，好的排版不仅能够提供阅读上的体验的提升，还能够为公众号带来更多的粉丝。相信大家也有时候会看到一些比较不错的文章，大家会相互去转发，说你看人家这排版做这么好看，为什么我们不能做成一样的呢?　　第三点，排版风格也是品牌不可或缺的重要一环。由于现在公众帐号已经变成每家企业的标配，公众帐号的排版的风格和网站，和logo的视觉要求是一致的，所以排版风格也就变成了企业宣传的脸面。这一点大家一定要重视。　　第四点，排版是原创公众帐号的形象，为什么这么说?相信有原创帐号的或者是转载过别人原创文章的人大家都知道，就是在你没有要求别人把你加入白名单的前提之下，你转载别人的文章，你的排版格式是被完整保留的，所以，你的排版风格可能会影响到别人，或者说是别人的排版风格转载到你这儿是完整保留的。如果你的排版风格比较好，可能更多人也出于对于排版的一个顾虑也会优先来转载你的文章。　　第五点，就是综上所述，排版风格和排版水平对于公众帐号的运营是至关重要的。　　学习这个课程能达到什么样的效果呢?　　我们简单的举了几个例子。 关于微信公众号图文排版的技巧 三联 　　左边你可以看到这个标题的格式不是很统一，或者说像右边的封面，它们的风格是非常杂乱的，但是学习这个课程之后，可以让你的封面和标题都非常的简洁和统一。另外就是内容，我们是希望让你的文章看起来更有条理，让别人阅读的时候更加顺畅。同时，一些比较好的排版风格是可以让你的文章条理或者是让它的视觉效果变得非常好。　　2、排版—图文标题篇　　(1)怎么样成为一个“标题党”?　　首先，映入眼帘的就是图文的标题。那图文标题大家心里都应该有数，现在的这些标题是提高阅读的一个首要动力。所以大家现在是会花很大的精力去取一个带有“标题党”的标题，而且我建议标题最好能简洁一些，因为它能快速被用户解读度并能转化为文章的阅读。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　比如说，我们右边举了几个例子，像这个“万能大叔”它本身名字就已经比较长了。当在这个订阅号在被折叠的情况下，别人想快速的通过预览这个标题获取你这个标题的信息的时候，就会比较困难，比如说他这边写借势，技术和段子，后边的信息还没有展示出来就已经被隐藏掉了。　　很多人都想知道怎样能够成为一个“标题党”，这里边我列举了十类比较常见的标题党，都能够比较有效的提升你的文章的打开率。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　比如说“如何体”，就是让别人，相当于是让别人知道这个事情应该怎样去做，如果他对这个内容感兴趣或者说他不知道该怎样去做的时候，“如何体”能够提高阅读。　　另外一个就是“合集体”，比如说你把2015年的什么相关的行业里面的内容做一个合集，这个行业里边的人会优先去关注的。　　第三类就是“猎奇体”，比如说这个标题，“关于故宫博物院你不知道的那些事”或者说“你不知道的那一百件事”，很多人一看到这个，本身他可能感兴趣，但是可能也有一些基本的了解，但是你提到这样的标题之后，他可能会看看有哪些是我不知道的，或者说把这个帖子当作一个学习的帖子。　　第四类，是“装饰体”，就是说我们怎样给这个标题起一个装饰作用让它变得很华丽或者很有吸引力，比如说“最新”，“最全”。由于现在最新的广告法是规定，是不允许使用这样的标题，那么我们的标题就可以起到“什么什么样好到违反了广告法的一个什么样的产品。”大家可以这样来考虑。　　第五类就是“紧迫体”，就是告诉大家你现在不看，马上就没有了，所以很多人都说那我赶紧看一下吧，看看是什么东西或者是说那个最新报出来的内幕啊，这些大家都会非常感兴趣。　　第六类呢就是“福利体”，相信所有的人都习惯在微信上面抢红包，或者是说想要领取一些什么东西，如果说你有一些费用可以支持或者是说有类似的可以抽奖的活动，可以把它放在标题上面。　　第七类就是一些比较夸张的，就是说多少多少元的文案或者是价值多少元的课程。　　第八类就是说“代入体”，这些特别适合一些垂直的领域或者是一些地方性的帐号。比如说北京的一个账号，它说北京人不知道的十二处美景，作为一个生活在北京的人你可能就会想了解一下。　　第九类就是“热点”，大家都知道像杜蕾丝等很多品牌它们都擅长于热点借势，这个的好处是显而易见的，就是当热点发生的时候，大家都会对这样的热点产生极大的兴趣，而且会非常敏感的去发现这类的标题。所以如果你的标题当中含有这些热点信息，就很容易被大家及时发现并且转化为阅读。　　最后一类的话是一些名人，如果你的内容其实很平淡，但是你可以把它类比成一个名人或者是去找一些大家都所熟知的名词来代替，这样的话大家可能会对你的内容更加感兴趣。　　(2)标题应该控制在多少字以内最合适?　　那前边说了那起标题有这么多的讲究，我们来看一下一个标题应该有多少个字。我们以一个正常的手机来衡量，我们建议一个文章的标题最好控制在手机显示的一行之内，大概是13--15个字，如果超出之后，它就会换行。如果你是多图文的话，因为它不可能把你的标题单独显示出来，它会覆盖掉你的封面图，而且会显示在一个黑底上面。　　下面有三个效果，大家可以看一下：当你一行字的时候，它只遮一点点;但变成三行字的话，它会遮掉你封面的一半左右。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　我给大家再看一个极端的效果。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　一个标题是可以容纳这么多字，大概60多字，但是如果你如果要把这些字全部占满了，那你的封面图就没有任何意义了。　　刚才说的是头图这个地方，当你的标题是多条图文的时候，我们就得讲究一下整个视觉统一，还有标题格式的统一。　　(3)多图文时，关于标题长度和格式的一些注意事项　　当你发多图文的时候，最好你的封面图和底下的这条图文，它们的封面是有一定的规律的。比如像右边，我讲的是跟微信有关的，后面的话我每一个内容都来呼应我顶上的这个封面，每一个小封面都变成大封面的拓展。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　另外一个就是标题的格式，如果你可以把这一类全部归纳一个为像专栏或者是这种分类的话，中间用一个小的竖线把它们分隔起来，整个文章看起来格式是非常统一的，这样的话给人一种这家公司或者是这个账号是非常有心的，而且做了非常精心的策划和准备。对于用户来说，也是一种阅读体验的提升。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　大家可能在标题当中想加入一些小符号，我们建议是最好少加符号。如果要加的话，前面列举出来的中间加一条竖线非常简洁，或者说用一个中文下的中括号来代替，起到一个强调的作用。但是我们非常不建议像右边这种，前面加一个心啊或者也不知道是什么的一个符号，或者是这种波浪线，这些的话都会让人感觉到比较low。　　3、排版—图文封面篇　　(1)封面要背景干净、重点突出　　讲完标题，我们回到图文的封面这。首先图文封面要有一个原则--就是尽量选择背景干净，而且重点突出的。就是你这篇文章要讲什么事，一定要找到跟它有关的图片，千万不要找那种八竿子打不着的，而且图片一定要尽可能的干净，重点突出。　　我们举的这两个图片的例子。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　左边这张图，它可能是为了强调说情侣，或者是过节。但是我们来看它们的构图，它们想突出的是两个人。左边这位男生，他的衣服是黑的，整个背景也是一个夜空的，他是很不突出的。右边这位女生还好一些，但是为了突出这两个人，中间还有一个第三者。这样的话就会导致你整个想要突出的内容产生了很多的干扰，再加上背后还有很多的灯，就会导致你整个的构图是非常混乱的。　　右边就要好很多，它的内容主要是为了突出古代的一些陶艺。选择了一个背景是灰色，非常干净，想要突出的元素非常清晰的展示在了封面上面。同时，它还会在上面去叠加了一个水印，就是它们固有的一个专栏。所以，总结下来，封面要选择一个背景干净，重点突出的照片，如果有能力的话，我们可以做出来一个模板，对它进行一个简单的加工，加上公司或者是一些品牌的印记。给别人一种这个内容是做了精心准备的感觉。　　(2)图文的封面尺寸一定要合乎标准　　我们再来说一下图文封面的尺寸。大家都知道，微信规定是：它的宽度是900像素，高度是500像素。只要图片大致设计一个比例，它的尺寸要求不一定非是900，只要是这个相对比例就可以。　　(3)你需要体现的核心的元素要尽可能显示在封面的居中位置　　刚才也说了，尽量选择干净一点的和内容贴合一点的。还有一点大家一定要记住，就是你需要体现在封面上的一些核心的元素要尽可能的显示在封面的居中位置。它有两个作用：第一个，我们在分享到朋友圈的时候，会自动截取掉两边多余的部分，然后只选择一个最中间正方形的部分，来做转发和预览。另外一个就是在最新版的微信编辑器里边，当你需要调整图文的位置的时候，假设你这张图是头图，但是你又临时有更重要的文章需要把它移动到后面的时候，它们会自动把两边的内容给裁掉。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　4、排版—图文配图篇　　(1)推荐一些很实用的图片来源网站　　说完了标题和封面之后，那我们就进入正文。正文当中，大家使用频率比较高的除了文字之外，就是配图了。很多人都想知道别人的帐号里那么多好看的图片从哪儿来呢，我给大家列举了一些。首先，大家在选择图片的时候就要特别注意一点就是版权的问题。因为微信现在已经在内测图片版权了，当你在转载别人图片的时候，会自动标注出来它的来源。如果一旦发现有侵权的，那么就像现在的这个原创文章一样，一举报一个准儿。所以大家一定要特别注意你的图片的来源。　　能原创尽量原创，如果原创不了，我给大家推荐两个免版权的---就是这个网站上所有的图片都是作者声明放弃版权或者是公开版权的。大家可能会找些创意设计方面的图片，我们推荐, 站酷()是国内的，我相信所有的设计师都会非常熟悉这个网站。大家经常会在微信里边看到的Gif图，我们推荐了两个网站，就是这种Gif图比较丰富的网站。另外就是我们在做设计或者创意的时候，可能需要参考的像花瓣，像堆糖，像,像,这些网站都是非常优秀的，大家可以收藏下来或者把这篇内容截图下来，把这些内容，把这些网站收藏起来。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　(2)正文配图，要尽量选择和文章内容相近的图片　　说到正文配图的时候，和封面图有比较类似的，要尽量选择和你文章内容相近的图片，而且最好要把这些图片的大小统一，而且它的冷暖色调要保持一致。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　(3)配图和文字之间有空隙会增加观赏性　　另外一个就是在配图和文字之间的这个关系处理的时候，我们建议的是整个文字一定要上下空一行。并且，在图片下边，我们建议是最好有一行小字，比如是说10号字或者说是12号字，来标注出来这个图片是什么内容，图片来自于哪儿，如果有版权的，那我们最好标出来版权，那这样可以给自己规避很多的风险。同时，图片的宽度，不建议超过640像素。因为如果超过的话，微信本身会压缩它。小的话就是不要小于320像素。否则就是像右边一样，就是显得特别小。　　5、排版—图文文字篇　　(1)应当根据文字的风格来匹配相应的颜色　　图片这一类讲完了，我们进入到最最重要的文字。因为绝大多数公众帐号在推送内容的时候，是以文字为主的。那我们开始讲正文文字。首先，我们建议说标题和其它的正文的文字要稍微区分开来。你可以用颜色来区分，或者是用大小，再加上加粗这样来区分出来，这样的话，标题首先很醒目。同时，标题不建议过长。如果你的标题特别长的话，建议你把这个标题分行，否则的话，太长的标题大家在理解上面是会比较花时间，可能还会影响效率。　　有一个色盘，可以给大家来做一个提示，就是说什么样的颜色适合什么样的内容。比如说，红色代表了热情，奔放，喜悦;橙色代表欢快，活泼;黄色代表高贵富有;绿色代表生命，生机，安全。紫色代表神秘，浪漫，爱情;蓝色代表智慧，天空，适合科技类的一些话题。大家可以根据不同的内容或者根据你们企业的主题色来选择需要着重的内容，而且颜色一定不要过多。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　(2)关于正文文字的字号、颜色、缩进和行距的一些小建议　　我们再回到正文文字。刚才说了标题的文字最好是20号字，而正文的文字最好是14~16号字，最小不要小于12号。否则的话，一些视力实力不太好的或者是手机屏幕分辨率不太高的可能就看不太清楚。同时，一篇文章当中使用的颜色不要超过三种，否则你那个文章就花的没法看了。另外一个就是关于首行缩进的问题，我们传统的这种印刷的文本一般都有首行缩进，这个是有历史原因的。我们现在的阅读绝大多是都是在手机端阅读的，手机本身就很窄，如果说你这个内容还是要再缩进，文章整体看起来特别不整齐。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　另外一个是行距。我们文章所有的编辑器，或者所有的内容默认的都是0，但是因为你知道的图文其实它没有所谓的这种版面的限制，从最舒服的角度来说，建议的行距最好是5—75，整个文章它的这种行距看起来的话是非常舒服的。　　(3)段落和段落之间应当怎样控制间距最好?　　刚才都说的是单文字，到了段落和段落之间，我们建议是每个段与段之间一定要空一行，这样的话你不会感觉到文字特别紧凑，最好就是每一个段落不要超过一个屏幕。如果超过的话，最好是把它们分一下段儿。因为你知道大家现在都已经习惯于短阅读了，比如说已经习惯于看微博或者说看朋友圈的内容，突然来了个长篇大论，我很有可能看着看着就忘了前边说的是什么内容。所以，最好对文章适时地进行分段，而且最好是适当的配些图，配些图的话能够让大家对文章和图片内容产生关联，并且很好的去理解和记忆。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　那关于样式这一块，我相信大家已经很习惯于在编辑文章的时候使用一些第三方编辑器，那我们的建议是不要用一些花式很重的，很花的这些符号，越简洁越好。因为简洁是阅读的第一体验，你重点的内容是你的文字，而不是这些小符号和样式。　　6、排版—常见的5种错误　　(1)头图不当　　首先我们来说一下头图的图片的选择，首图片在选择的时候是要特别注意他的尺寸和比例的。我们来看左边这张图片，相信很多企业在编辑图片的时候经常会把自己公司的高管的图片放在头图上面。而这张图片由于标题占了过大的篇幅导致这个人的头像被裁掉了。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　但是大家都知道头图的比例是900x500，这就会导致这个图片他的头部有半截在上面就被裁掉了。这样的话在视觉上看起来是非常糟糕的，尤其是当你的领导看到这样的图片的时候他的心里肯定会不太舒服。　　右边的图片你会看到背景特别特别的繁杂，本身你标题上面已经带有了案例精选合辑，这个时候你还在标题上面带有了案例精选合集这几个字本身是重复的。再加上你的图片比较杂这样看起来是特别混乱的。　　我们来看两个比较正确的示例。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　这个标题是二十四节气当中的处暑，他的背景选择了一个相对比较干净的风景图然后把要表达的信息处暑放在文章的正中间看起来特别的清爽。右边的图片，因为他是在介绍一本书所以用一只猫和一本书放在了一起看起来非常有爱而且突出了重点。　　说完了封面图片，我们来看文章里正文的图片。首先我们刚才提到过一点，就是文章和图片要尽可能的去匹配。　　(2)文章图片不匹配　　比如说像左边这个，他是在做一个广告，但是你一开始就已经把广告图片放出来了。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　大家都知道好一点的广告应该是让人循序渐进的。你一开始就出来广告他的转化效果一定不怎么样，很多人一看到这个就不往下看了更何谈转化率呢?这是从转化的角度来说。　　第二，本身这个图片就看起来非常非常地乱。上面带有二维码，然后各种颜色，各种非主流的头像。很多信息堆到一起是适得其反的。　　我们看右边的图片，我们前面也说了文章图片一定要匹配文章的标题。这篇文章的标题叫《为何要十跪父母》。所以，他在网上搜了一个跟跪有关的。但是这个跪跟父母是无关的。这是一些和尚或者是一些宗教仪式当中的一幅图片所以他本身的内容和你这个图片是不匹配的。　　我们给大家看几个正确的示例。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　这个是良仓的一篇图文。首先你看他是在介绍一位建筑大师，所以他总体的色调就是黑白色、黑白灰这几种颜色。他在选择图片的时候也是如此，这是一张黑白图片这样的话背景是一张纯色的，非常非常干净。里边只有一个人物重点很突出。　　(3)正文文字过于拥挤 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　回到正文的文字这个地方。像左边也没有什么太大的错误。只是说我们从用户的角度来看，我一看到满屏的文字的时候就会有一种恐慌感，就有一种想很快去跳过的感觉。当然如果你的文字特别吸引人就当另说，但是绝大多数情况下我们的文字可能没有那么强大的吸引力。所以这个时候适当的有一些配图可能就会更好一些。　　像右边这个，他是想把这一段文字的重点提示给别人看。但是整段的用颜色就会适得其反。因为我们知道我们想要强调的时候其实是让大家聚焦到某一个点或者是一个比较短小的信息。比如说这个地方我需要强调某一句话的时候可以把某一句话标出来颜色。这样的话我可以重点去读那句话。但是，如果你满屏都是重点反而是没有终点了。　　我们来看几个正确的示例。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　当你的文字比较多的时候我们最好把他条理化。像左边我们是把一大段内容然后分成了一二三四五，这样你看起来的时候知道作者是很有逻辑性和条理性的。　　(4)整体的版式过于混乱　　第四点是文章版式的问题。文章的版式是一个整体的概念，刚才列举的都是某一部分的。当图片和文字组合的时候那我们就要注意版式的平衡或者布局的问题。比如像左边这个他上面的内容样式图片文字之间是完全没有缝隙的，全部堆砌在一起，会显得特别密集。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　同时，他想在这个图片上面给大家提示一下。上面是黄金梨，右边这个也是黄金梨。但是他很失败的一点就在于他把整个版面的平衡给打破了，而且非常难看。他在左下角用了这么大一个白块然后用了这么丑的一个箭头来提示这个信息。反而还不如在底下加一行字来得更好。　　我们来看一下正确的应该是什么样子的。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　首先我们要有一个意识就是在手机上阅读内容，尽量不要分左右。因为手机本身就是竖长条的，如果你再分左右的话，他能够容纳的信息会变少。在手机上阅读内容图文混排最好的就是：图片文字图片文字。这样是看起来是最舒服的。而且由于你本身屏幕就这么宽，所有你一定尽量让图片充满整个屏幕，这样的话我才能看清里面的信息。　　(5)样式应用不恰当　　第五类就是样式了。大家用各种编辑器的时候也接触了大量的样式了。但是在使用样式的时候要注意几个小的原则。就是说样式求精而不要求多。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　像上面这个，可以看到这里面用了多少种样式，至少七八种。你会看到各种花哨的东西全部堆砌到一起，反而他想要表达的信息看的不是那么清楚。所以在一篇图文当中使用的样式大概也就一两种就可以了，最多不要超过三种。　　比如像公众号一条，一条的排版的话是非常有特色的。 关于微信公众号图文排版的技巧，这可能是说的最全的一篇文章 　　他的标题都是用这样一个黑色的双重的框。里面会有中文再加上英文或者是拼音。这样你想要表达的标题是单独的一个区域，就不会跟其他的信息混杂到一起。他现在整体的使用颜色就是黑色和红色，整体风格看起来非常的统一。

今天小编就教大家如何进行正确的图文混排，而且排版精致美。　　具体操作步骤如下：　　①启动Word2007，随便打开一份文档，Ctrl+A键全选，单击菜单栏--插入--表格--文本转换为表格。　　②转换为表格之后，单击布局选项卡，在左侧插入。　　③可以看到此时表格左侧多了一列，我们用来插入图片，单击插入-图片--来自文件，从本地打开图片。　　④调整图片大小以及位置，对齐方式选为水平居中。　　⑤重复上述步骤，在下面那个格子中插入图片。　　⑥也是同样的调整图片大小以及位置，水平居中放置。　　⑦Ctrl+A键，全选，点击设计选项卡中的边框按钮，选择无框线。　　⑧依然在设计选项卡中，选择一种画笔颜色。　　⑨使用画笔进行修饰，改变文字标题颜色，最后效果如下所示。 注：更多精彩教程请关注三联电脑教程栏目，三联办公群:185219299欢迎你的加入