社会化媒体
了解更多>>
桂ICP备 号-1
桂公网安备 36号
阅读下一篇
为什么你的PPT领导不喜欢？为什么做了很久的PPT依然很丑？为什么别人的PPT很简单却很好看？到底哪里出了问
Hi，看起来你很喜欢这些内容，但是你还没有登录！在你登录以后，就可以收藏感兴趣的内容，关注感兴趣的作者！针对图片特点设计PPT版式_技巧_电脑爱好者
针对图片特点设计PPT版式
电脑爱好者
条评论 标签：
在PPT版式设计中，很多人被设计技巧难倒，总觉得难以把握。可是如果我们仔细观察、思考页面所需要表达的内容和收集到的相应图片的特点，找到关键，针对这些关键点，进行突出设置，就完全有可能开拓出漂亮的设计思路。
真正困难的并不是设计技巧而是设计思路。简单的技术手段不等于做不出出色的版式效果，而失败的设计思路却一定会导致糟糕的版式效果。下面就给大家讲述几个如何依靠优秀的设计思路，应用简单设计技巧，来做出出色的版式。
在本文中将向大家介绍3种图片排列的版式设计。这些设计完全使用PPT本身功能，不使用外援软件。
以乱制胜的精彩
那一天，李娜夺得了大满贯，于是笔者在网络上找到了这样四张图片，想要用一页PPT版式表达一下（图1）。可是四张图片就这样摆放或者加个边框斜着放、叠着放似乎都不能体现出她本身事迹及个性的精彩。
特点捕捉：人物本身具有多面性，各具精彩，同时又都结合在她身上，成为一体而多方位的表现。那么在图片的排列上就应该把这个&多位一体&的特质表达出来。另外，每一张图片有自己的主题表达，并非完全符合我们的需要，那我们就应该把不太符合需要的部分去除，而只截取最符合要求的部分。最后，要把&多位一体&的特质用图片的排列表达出来，那就需要这些图片排列紧密，同时各个图片大小不一、位置不对齐则可以显示出多面性。
制作方法：首先，把四个图片进行裁切，在PPT2007版以上都有这个功能，双击图片就可在任务栏看到这个选项。鉴于几个图片纵向截取会比较容易去除干扰留下重点，所以主要采取纵向截取方法截图，获得纵向的窄长图片效果。裁切的要点是把最能突出图片内涵的部分留下，这就需要我们平常有细致的观察力抓得住重点。
截取之后在页面中偏上位置，用&矩形&绘图工具拉一条横跨页面的蓝色矩形，右键单击它，将它置于底层。然后，把图片横向紧挨着，高低错落地排列在这条矩形上。接着给后三个图片的顶部或底部搭配对应相同宽度的矩形，矩形的高度根据需要对齐或不对齐旁边的图片。
最后，给搭配的矩形配不同颜色，并配上简洁的文字，第一个图片就直接使用长条矩形露出的部分配文字，长条矩形的右端写上一个&娜&字，右下角是李娜当天的微薄内容，至此整个制作完成。如图2。
总结：这样多个图片并排的版式要强调的是各个图片的位置既要看上去不规则，而实际上又具有一定规律。在看似不规则中体会到精彩纷呈的效果。要表现图片的动态和琳琅满目的精彩，使用这样看似不规则的图片排列是非常有效的。但是，这样的规则与不规则之间该如何把握需要的是一定的美感，在制作技巧上则难度不大。
图片与字母的美丽邂逅
用图片组合字母，甚至某种形态、图案、图像，在平面设计中并不少见，效果也很惊人。为了让大家能够快速了解这一技巧，在这里，我们讲解的是比较简单的应用：用图片拼出字母Y，然后用两个字母e与之配合，组成单词eye，在页面形成比较独特的版式效果。
特点捕捉：拼出字母Y需要几个图片？如果要拼得很细致，势必增加图片数量，每个图片都要缩得很小，肯定就只能看清整体图形，而看不清楚图片。这样设计本身也未尝不可，但如果我们需要把图片也看清楚就必须保持一定的大小。在这里我们选择使用4个图片，这样既能够使字母看起来比较伸展，每个图片又都得到足够展示。另外，拼合用的图片如果就保持原样去拼合，那么就会显得呆板，缺少灵气，这时只要稍稍对图片进行一点外形的处理即可。
制作方法：由于我们要拼的单词是eye，那么我们就对应的找一个眼睛的图片，其他3个图片只要是漂亮、悦目的也就符合要求了（图3）。
用&绘图&中的&平行四边形&工具绘制4个向右倾斜的、竖向条状的平行四边形，然后使用&形状填充&图片&，把4个原图分别填充进去，把形状轮廓设置为&无轮廓&。接下来就是拼合工作了，中间图片确定用眼睛那一张，其他3张分别作3个枝丫。这几个图片必须是边缘贴紧排布的，在不断调整位置及各图片的大小后，得到一个在页面中部偏右上的字母&Y&，然后用&矩形&工具制作一个淡绿色的长条矩形横跨页面，并右键单击它，将它置于底层。矩形的宽度要求是使字母&Y&看起来能够稳固地附着在矩形上。接着，在字母&Y&两旁分别添加2个字母&e&组合成&eye&，在矩形右下方配上主题文字&眼睛发现美&，&眼睛&两字字号要大一些，使用绿色，突出它（图4）。
总结：字母、文字与图像并非截然分割的事物，用图片的拼合来体现文字可以直接给予文字注释，并且以夸张的方式充分展示了文字的含义。作为版式设计，这样的方式则同时具有构图的美感和主题的放大效果，属于出奇而又大方的表达。
网页版式很实用
网页的版式设计本身是需要兼顾构图、版式的美感和内容分块、链接功能的搭配，与PPT的设计具有很相似的地方，两者虽然依然有着很大的差别，但是对于网页设计的思路，我们完全可以借鉴。
比如我们打算制作一个以团队为主题的页面，首先收集到四张合适的图片（图5）。
特点捕捉：一个简洁的网站首页内容通常包括网站名称、少量图片、分块链接。网站名称在最上部，图片通常要整齐排列，并且具有一定的动态感，分块的链接也要整齐排列并且有明显的分割，排列的方式即可是横向的也可是纵向的。
制作方法：首先我们要给这个&网页&一个底色，这里选用咖啡灰，显得沉稳、低调而又有活力。用&绘图&中的&L形&工具绘制L形，形状轮廓选用白色，调整大小后给它旋转135度，使尖角对右边，然后大量复制、排列，组成两条粗线。用 &平行四边形&工具绘制1个向右倾斜的、横向平行四边形，复制3个，形状轮廓选用橙色，然后使用&形状填充&图片&，把4个原图分别填充进去。给它们等距并排放置，让四个连成排的图片摆在页面的横向正中，使得中间两个完全展示，左右两个则超出页面。把之前做的两条粗线分别放置在图片的上下侧，接着在右上角打上主题文字&团队&。在图片下面粗线以下制作3个文字小标题，用竖直线均匀分隔开。在制作过程中要不断尝试各个构图元素的大小、摆放位置、相对位置，做到合适。这里可以用&排列&对齐&功能中的&下部对齐&和&横向分布&把相对位置和距离调准确（图6）。
总结：使用两条有尖角指向的粗线镶在图片上下侧，而图片使用橙色边框的平行四边形，能够使得本来静止的图片看上去具有了一定的动态效果。用竖直线分隔小标题与网站中用竖直线分隔链接项，在设计思路上完全一致。因为在PPT中本身也具有制作链接的功能，所以本页完全可以制作成为该PPT的&主页&，要观看各个链接的&网页&只需单击&链接项&即可。
　　　　　　　　　　
您可能感兴趣的文章：
增值电信业务经营许可证编号：合字B2-
Copyright(C) .cn,All rights reserved
法律顾问:周涛律师&&
&&新出网证（京）字038号5分钟内设计师响应
十年专注设计领域
费用最多可节约50%
相关“重复设计”596 张图片
相关素材本专辑含223张图查看2448次本专辑含2456张图查看2862次本专辑含1900张图查看1017次5060708090100每页显示已成功添加收藏红动创办于2005年，老品牌值得信赖
在线客服 :
客服热线 :3你的位置： &
& PPT教程|大神呕心之作：PPT图文排版心得(一)
PPT教程|大神呕心之作：PPT图文排版心得(一)
今天的教程来自知乎以为名为M udo的大神，教程讲得非常系统，且非常实用。主要讲解PPT图文排版技巧，回答三个困惑：1、PPT该用什么字体？2、PPT字体该用什么颜色？3、PPT字该放在什么位置？
相关教程：
1.字体选择与字体组合方式
首先我挑选了一些我个人觉得不错的设计作品，根据这些作品的设计目的和最终效果，分为“A”、“B”两组。
A组是“图片突出”，文字存在的目的只是粉饰这张照片而已。
B组是“文字突出”，文字在图片的衬托下被重点突出出来。
然后将它们的文字部分“裁剪”出来，然后根据原本文字的样式以及文字组合方式，最后分组排列出来。
效果图如下：
可以看出这两组的字体之间差异很大的，在字体选择上：
A组的字体主要是现代等线体，笔画没有装饰。出现题材很广泛，大多数是一些商业图册上，或者用于衬托人物场景时尚气质的图片上。
B组的字体主要是古典衬线体，笔画装饰强烈。多出现在传统、自然的以及一些抒情性很强的照片上。
在字体组合方式上：
A组的字体组合都被紧密地排列在一个无形的矩形里，在视觉上形成一个面。
B组各个字之间松散地摆放组合在一起，在视觉形成一个个点。
其实可以这样去理解这两组字体在视觉心理的效果，见下图：
而造成这两组字体在视觉心理上的区别，这和一张摄影作品两个重要的元素有关
2.主体物与视觉焦点
主体物的视觉焦点是摄影作品里的两个基本要素，因此在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品，照片里即使没有明确的主体物，也会存在一个视觉焦点。
一张摄影作品的主体物和视觉焦点是很容易看出来的，如下图：
为了展现“图片突出”的优秀设计作品里，文字部分与这两个基本要素的位置关系，同样做成效果图。分C、D两组展示。
C组是文字部分与主体物的位置关系
D组是文字部分与视觉焦点的位置关系
（C组的深色块是主体物，D组的白点是视觉焦点，白色块是文字。）
其实无需我多说，大家应该能从上面的效果图，可以大约地看出文字与两大元素之间的关系吧？我根据我的观察结论作一个整理：
如果把主体物看作是一个面，就不难理解在一个需要文字粉饰图片的作品里，字体之间会被聚集在一个面里，因为面元素的重复出现在一个画面里，整体画面就不会出现违和感，还能让文字和图片之间保持和谐统一。
如果你能观察了足够多C组类型的“效果图”后，就发现了在所有的这类优秀设计作品里，文字部分与主体物之间的位置大小关系有三大原则：
1：文字部分的面积绝对不能大于或接近主体物的面积。
2：文字“面”与主体“面”的边线保持联系（直线或平行）。
3：文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离。
现在来看看D组，文字部分与视觉焦点的关系基本和上面的铁律相似，但唯一的特别之处在于：当视觉焦点位于画面中线，文字部分使用居中式。
不过同样也是观察了足够多的“效果图”后，发现视觉焦点的位置不仅仅是与构图有关，这其中还有很多的特殊情况必须要注意到：
1：当照片的主体物是分散且毫无意义的，视觉焦点默认在画面中心。
2：当照片被某一个场景或物品切割了整张画面时，视觉焦点只会出现会在切割线上。默认位于中心点或者色彩密集的地方。
3：眼睛单独作为视觉焦点
第一点提到的照片的主体物是分散且毫无意义的。举一些例子，它们的题材一般是拍摄天空、无边际的森林树木又或者下雨的场景等等... ...这类照片的视觉焦点默认在画面的中心点，并且文字部分也只能固定在画面中心，因为文字部分在这时需要拟补原本照片缺乏视觉焦点的缺陷。（D组第一列第三张）
而第二点提到某些被一个场景或物品切割了整张画面的照片，通常是因为地平线或者海岸线之类引起的。还有一种类似的情况是，当照片里的主体物太大，以至于切割了背景出现切割线时，主体物就不能作为一个面来看待了。如D组里二列第二和第三... ....就是这种情况，视觉的焦点通常位于切割线的其中一处，通常是色彩密集出现的地方。
第三点非常重要！在画面的内容里眼睛的存在会形成一个视觉焦点，不管是人还是其他生物的眼睛，只要是看到眼睛，那么文字部分的排版就要依据“眼睛”（视觉焦点）而不是人本身（面）
已经说了好多东西了... .... 那现在就目前的理论来实际操作一下吧，做一组“文字粉饰图片”的例子。
就先拿第二节开头展示的那两张摄影作品来做吧... ...文字部分就直接取至A组
以上的例子文字部分是怎么选择位置的，详细见下图：
上图是说明我并不凭感觉去确定文字部分的位置，仅仅只是按照三大原则来确定的。在左图中，小狗虽然是照片里的主体物，但是因为眼睛的存在，所以文字的排版必须依照视觉焦点（眼睛）来排版，这是之前D组结论提到过的。但是在计算字体部分与画面边缘的距离的时候，依然参照与主体物与边缘的距离，而非视觉焦点与边缘的。
而右图中，视觉焦点确定在照片透视的灭点，由于是处于画面的中线，因此文字部分采用居中式。除此之外，因为照片上的主体物并不明确，所以文字离边缘的距离没有参考，只要与视觉焦点的联系不变，文字部分位置随意。
后面我又加上了两个例子，因为弥补前两个都是以视觉焦点做参照的例子，所以第三个例子以主体物（杯子）为参照的排版，其中的过程和前两个差不多，就略过吧。最后一个例子因为照片是主体物是分散且毫无意义的（星空），所以文字部分只能固定在画面中心，弥补主体位置。
事实上我还想要举更多的例子来说明各种情况，但是写到这里感觉篇幅已经很长了。现在还只讲了一部分“文字粉饰图片”的原则与规律，现在在下一节来讲“图片突出文字”的特点。
3.字体与图形的配合
以“图片突出文字”为目的的排版，其特点是不需要分析照片里面的元素。在大部分设计教程以及很多优秀的设计作品里，图片被认为只是作为一个大色块存在，它的存在只是为了最后你想要表达的文字（情感），铺设基调。而我前面就提到的，B组的字体组合方式往往用分散的点状摆放，因此放在照片这样一个大的“面”上，形成元素的对比效果，可以更有效的突出文字部分。
但是这样有一个很大的缺点：过于分散的字体之间不仅容易缺乏联系，而且还会造成阅读困难。此外，一张太花哨的照片也会导致你的文字部分难以突出。
大部分优秀排版里采用的解决方案是运用字体与图形的配合，而其中类型有三种：
第一种：形状图形
形状图形主要指方形、圆形以及一些不规则的形状图形。
（下面的效果图都是我统计优秀作品最常用到的方法）
上图展示的是三种运用方形的方式，我从左到右依个解释一下：
突出：当文字部分融入到图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景，然后再调节字体的颜色与方块对比，使文字部分突出。
集中：这种方法是为了不弱化图片的情况下，让文字部分集中在一个方形里，增加易读性。是包装设计常在出现的排版。
修饰：这个方形其实只是代表，代表所有不规则图形的运用。当文字组合之间太过散乱，又或者字体之间大小的差异太大的时候，放置一个（不）规则图形，尽可能连接到每一个字上，形成联系。
这是方形“集中”的例子，方块的存在突出了文字本身，又保证了阅读顺畅。同时这个方块可以在这张照片上的任何一个位置都没有影响，所以很适合包装设计的需要。
根据评论区的建议，形状图形这部分我补充一点：形状图形的用法通常有两种，一种是中间加上一个深色的形状，字体的位置放在形状的中间。另一种是在图片的上下两边各加一个浅色形状，字体的位置放在形状与图片交界的地方。这两种方法简称为“一黑二白”，见下图。
而关于形状的颜色和透明度设置，请看本文的色彩部分。
上图是关于圆形的常见运用：
普通：这是一个作为对比的普通排版
突出：这个比起方形有着好的突出效果，这个圆形可以替换成一些素材，比如墨滴之类的圆形素材，甚至可以利用图片本身存在一个巨大的圆形物体的，来突出文字部分。
适用：这个同样可以突出“面”文字，这就也为什么这个方法经常出现各类商业图册、海报以及各类宣传单... ...
上图是举例古文字也是可以作为一个圆形的运用。
第二种：直线
直线分两种，一种就是纯粹的一条直线，而另一种则是由细小的字组成的一段文字（通常是英文）。
上面是纯粹的直线运用举例
联系：很常见的运用方法，不需要解释了吧...
集中：作用和方形“集中”相同，只是这个是用两条线组成一个隐形的方块，更有形式感。不同这种只能出现在色彩单一或大量留白的照片。
连接符：增加形似感的小东西... ...可以用于连接两段文字的内容，时尚类设计作品最常用到，在下面打一个问号，是因为连接符的种类很多，上图只是举例... ...
这是另一种“直线”，由一排细小的字组成。
联系：与上一种相同，但只适用于标题文字较少的时候。剩下两个不用解释了... ...大家应该都清楚。
第三种：字符
一般是指的数字以及英文字母，配合文字能有更好的突出效果。如上图，，而阿拉伯数字的效果最佳。
以上就是字体与图形的配合部分，不过还有一个例子要特别说明一下：
上图展示的是一个出现频率最高的配合类型的，圆形形状加上字符，然后用连接符接上你要表达的文字。这是最经典的配合类型了。至少突出文字部分的效果非常不错！
相关教程：
转载请注明来自，本文标题：
夜空中最闪亮的逗比。
与本文相关的文章关注今日：15 | 主题：531590
微信扫一扫
扫一扫，下载丁香园 App
即送15丁当
【求助】文章中的图片排版问题
页码直达：
这个帖子发布于7年零135天前，其中的信息可能已发生改变或有所发展。
关于文章中图片排版有几个问题请教1，很多杂志要求图片是CMYK色调，而一般我们照相机都是RGB，用PS转换后颜色差别很大啊。怎么回事。2，省版面费，把多张图片合成到一张中，大家有什么好的软件？PS复杂点，自己弄不好，光影还可以，但输出的图片质量下降很多~~新手，请各位指教。
不知道邀请谁？试试他们
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
丁香园荣誉版主
1.转化后颜色会有些改变，转化后可以再用PS适当调整一下试试吧。2.我一般用PPT做，比较简单。
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
PPT?不太明白如何做
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
如果是对图片质量要求很高的话，如Immunohistochemistry的图片建议要用photoshop做，其实并不难，找个作过的人指点一下，几分钟的时间你基本就可以编辑图片了。如果对图片本身要求不是很高，如很多柱状条形图，可以在power point中随意编辑，完了以后全选个文本框，右健另存为图片jpg格式即可，这是最简单的
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
livertomato 如果是对图片质量要求很高的话，如Immunohistochemistry的图片建议要用photoshop做，其实并不难，找个作过的人指点一下，几分钟的时间你基本就可以编辑图片了。如果对图片本身要求不是很高，如很多柱状条形图，可以在power point中随意编辑，完了以后全选个文本框，右健另存为图片jpg格式即可，这是最简单的 我试了下你说的PPT办法，把四张图组合后另存为图片，但是插入WORD后，图片交界空白处是黑色的.
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
丁香园荣誉版主
建议还是用PS的好
后期一旦需要修改 也很方便
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
我试了下你说的PPT办法，把四张图组合后另存为图片，但是插入WORD后，图片交界空白处是黑色的. 首先建议用PS；其次如果用ppt，要注意在高级选项里把选择不进行图像压缩；word也同样要设置（注意，默认图片压缩只存在word2007及以上版本）；此外，可以尝试在ppt做好图以后，直接复制粘贴到word里，因为offcce3个软件的图片是可以互相拖拽的。，这样做的一个好处是，如果你做的是简单的线图，这样的话在word里可以无限放大，因为它是矢量图。也可以先将线图转化为pdf，然后ps再打开选择分辨率1200，也可以获得高质量的线图。实在不行就存储为PNG格式，这是一种背景透明的格式图，可能会解决你的黑背景问题。最后，还是建议ps作图。祝好运！
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
首先建议用PS；其次如果用ppt，要注意在高级选项里把选择不进行图像压缩；word也同样要设置（注意，默认图片压缩只存在word2007及以上版本）；此外，可以尝试在ppt做好图以后，直接复制粘贴到word里，因为offcce3个软件的图片是可以互相拖拽的。，这样做的一个好处是，如果你做的是简单的线图，这样的话在word里可以无限放大，因为它是矢量图。也可以先将线图转化为pdf，然后ps再打开选择分辨率1200，也可以获得高质量的线图。实在不行就存储为PNG格式，这是一种背景透明的格式图，可能会解决你的黑背景问题。最后，还是建议ps作图。祝好运！ 谢谢您的耐心回答。尝试在ppt做好图以后，直接复制粘贴到word里，会一直出现闪动的现象。PS软件不会用，有没更易学的图片处理软件呢？
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
为什么不尝试降低一下图片的像素？这样子既降低了图片的大小，又不降低图片的质量。一般说来相机的像素是很大的，但是用在文献中是根本不需要如此高清的图片的。photoshop或者就一般的图片处理软件都可以做到的。
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
adobe illustrator
微信扫一扫
广告宣传推广
政治敏感、违法虚假信息
恶意灌水、重复发帖
违规侵权、站友争执
附件异常、链接失效
关于丁香园