图文排版教程入门初学者

之前经常有商户朋友时不时地把写好的图文发给我们，让我们提提优化的建议，或是内容风格上的，或是定位上的，或是排版上的。既然大家都愿意在内容上花费工夫了，并且主动问我们，兜兜不才，我们就腆着脸认为，这是某种认可，起码是觉得我们是值得信任的。今天咱就先从基础的排版细节来和大家聊一聊这事儿，共分为六个版块，希望大家在工作或者学习中有更加专业的排版素养。排版基础教程目录：1、字体大小选择2、字体颜色选择3、段落设置4、标点符号使用建议5、文章配图建议6、编辑工具的使用一字体大小选择在字体大小的选择上，太大显得呆板不精致，太小容易看不清，同时如果文章里含有多种大小的字体，则会显得文章过于杂乱，喧宾夺主。比如举个例子：（上图文章中出现多种大小字体的排版，看上去不舒服）（文章中只有两种大小的字体，主体内容统一字体大小，注释内容为更小的字体）所以关于字体的使用上，有以下三点原则：· 文章中不要出现超过2种大小的字体· 如果是偏文艺小清新类内容的定位，建议用14号字体，注释字体用12号· 偏干货类新闻类定位，建议用16号字体，注释字体用14号二字体颜色选择没有什么特别的原因，字体在颜色的选择上，也可以放弃纯黑色，采用黑灰的中间色调，看起来更舒服，这里推荐文章中的字体颜色仅出现3种：·第一种字体颜色：主体内容的字体，采用色值为#595959的颜色（本句话的颜色）·第二种字体颜色：注释内容的字体，采用色值为#888888的颜色（本句话的颜色）·第三种字体颜色：重点内容的字体，采用色值为#c0504d的颜色（本句话的颜色）（可以直接在文章编辑中的字体颜色中输入色值）（按照上述字体颜色选择的案例）上图中即为按照上述字体颜色选择上的例子，但是其中有一点，就是重点呈现的大家可以设定符合各自品牌定位的颜色，并在所有文章中多数统一，这也是给用户建立品牌印象的手段之一。但如果你要实在想展现色色的真我，请记住以下三点：·别用饱和度那么高的颜色·不用刺激眼睛的颜色·这样容易显得很low很廉价（比较扎眼的配色，会耗费识别的精力，啊……我的眼睛……我的眼睛）（推荐用同色系的颜色，且为平淡的中间色调）三段落设置如果是大段文字，段落间应空一行，因为手机屏幕太小，文章默认的行距更小，字离太近看着容易累。行与行之间，就像恋人一样需要空间，不然会喘不过气来。我们使用的是75的行距，配合14号、黑灰颜色的字体，如果字体相对大一点的话，那么行距可以适当缩小。段首不必缩进，即不用空两格，这也是因为手机屏幕小，一行能放的字有限，空两格的话很不经济，而且显得相当不整齐，会呈现出一种「狗啃出来」的效果。四标点符号使用建议引号建议使用直角引号。示例：你竟然喜欢「苹果表」？引号中再用引号使用双直角引号。示例：我问道，「你竟然喜欢『苹果表』？」省略号占两个汉字空间，包含六个点。正确示例：中国设计还有太长路要走……错误示例：中国设计还有太长路要走…顿号、逗号、句号、结束引号、结束括号等，不能出现在一行的开头错误示例：排版时注意某些，符号不能在行首，别弄错了。正确示例：排版时注意某些，符号不能在行首，别弄错了。开始引号、开始括号、开始双书名号等，不能出现在一行的结尾。错误示例：她对我们说：「这书太赞了。」正确示例：她对我们说：「这书太赞了。」中英文之间需要加空格。示例：iOS 是个不错的操作系统。五文章配图建议文章中的配图，如果是从网上找的配图，往往尺寸不一，如果直接放到文章中，会出现很杂乱的感觉，所以，无论是GIF动图还是普通图片，图片尺寸尽量统一。尺寸设置很简单，这里就拿GIF动图举例，先将图片放到PS中（运营伙伴还是要安装一下的），点击「图像大小」，将图片的像素宽度调整为640即可，这样可以保证文章呈现的配图整齐划一。（将图片的宽度调整为640）额外的操心一句，如果不是类似微博长图的硬内容，和额外的需求，普通配图的高度不要过高，至少不能超过一个屏幕，否则会看起来很傻。六编辑工具的使用相信大家在排版时都会使用编辑工具，比如i 排版编辑器或者秀米等，无论使用哪一种，在选择标题模板或者卡片时，除了是天生很好的色彩感或者经过专业训练，那就不要随心随意地使用，尽量选择干净简洁的，保持整体的舒适，不要贪图一时的酷炫使得排版变得异常扎眼。

你好有了路径工具以后，文字排版就显得更加灵活。我们可以把文字做成任何想要的图案。如教程中的，我们可以把文字放入闭合的路径里面做成实体图形，也可以按照一条条曲线路径排版做成可爱的文字曲线。难度较大一点的就是通过路径组合做成创意的文字图案。相信学习了本教程以后，你就可以发挥创意做成更多创意图形。最终效果1、新建一个400×300的图像(可自设尺寸)，然后选择自定形状工具。注意绘图方式应为第一种(形状图层)，如下图红色箭头处。然后在形状列表中选择一个心形(如不在列表中，可恢复默认形状)，如下图绿色箭头处。样式选择为无样式。另外可以选取一个的颜色。2、然后在图像中画出一个心形(绘制过程中可以按住SHIFT键保持长宽比)，这样其实就是建立了一个带矢量蒙版的色彩填充层。如下左图，图层调板中显示的正是一个色彩填充层。双击缩略图可以更改填充的颜色，而图层缩略图右方有一个蒙版缩略图(下左图蓝色箭头处)，这就是矢量蒙版缩略图，特点是以灰色来表示被隐藏的区域。有关矢量蒙版的知识我们将在以后学习。在进行下一步之前，要保证路径蒙版中的路径处于显示状态，方法是点击路径蒙版缩略图。会看到图像中的心形出现了一个外框，而图层调板中路径蒙版缩略图周围出现了一个细线框，如下右图。3、现在选择文本文字工具，并使其停留在这个心形路径之上，依据停留位置的不同，鼠标的光标会有不同的变化。当停留在路径线条之上时显示为，当停留在图形之内将显示为。请注意这两者的区别，前者表示沿着路径走向排列文字，后者则表示在封闭区域内排版文字，作用是完全不同的。4、现在我们先将文字工具停留在心形之内(光标为)，然后单击，出现文字输入光标，输入一些文字。如“LOVE”(注意每个字母之后都有一个空格，原因稍后再述)。选择一个英文字体(如Tohoma)，选择小一些的字号(如6px)，并复制粘贴几次，使其充满整个图形(超出也没有关系)，效果如下左图。此时看到文字在图形内的排列并不对称，接下来在段落调板中设置居中，并适当设置左缩进和右缩进的数值(如5px)，这样看上去就较为舒适了。一般来说在封闭图形内排版文字，都要进行这些设定以达到较好的视觉效果。如下右图。5、现在隐藏(甚至可以删除)心形色彩填充层，我们看到在文字外围仍然保留有一条封闭路径，与原先心形路径相同。如下左图。由此可以明白，虽然这个文字层的排版路径是籍由另外一个图层中的矢量路径而来，但在完成后，其也“克隆”了一条相同的路径并“留用”。我们可以对这条“克隆并留用”的路径进行修改，从而改变文字的排版布局。方法是使用直接选择工具〖A/SHIFT_A〗，在文字层(不是早先的填充层，此时应隐藏填充层)的路径上点击一下，就会看到路径上显示出许多小方块。如下中图。用直接选择工具往左上方略为移动蓝色箭头处的方块，就可以看到效果。有关路径的知识我们将在以后学习，到时候我们可以进行更多更复杂的修改，现在大家先记住路径是可以修改的就可以了。前面我们提到过要在每个英文字母后面加上空格，是为了在行末换行时可以让单个字母移到下一行，而如果使用一整个英文单词LOVE，则在行末换行时，因为要保持完整性，整个单词将被移到下一行，这样的效果看上去就比较生硬(也有人会喜欢这种效果)，如下右图。大家以后在实际应用中可以参考这种加空格的方法，如果觉得空格拉大了字母间距，可以通过在字符调板中设置间距为负值来弥补。6、现在将已经完成的文字层隐藏起来。并单击色彩填充层的矢量蒙版，使其路径处于显示状态，即使填充层本身处于隐藏状态也有效。如下左图。将文字工具停留在路径的线条上，注意光标指示应为，在如下左图1处的大致地方单击，即会出现文字输入光标。将字号改为12px，段落对齐方式为居左，然后输入“She once was a true love of mine”， 这样就可以形成沿路径走向排列的文字效果，类似下右图。注意在文字的起点处有一个小圆圈标记。对于已经完成的路径走向文字，还可以更改其位于路径上的位置。方法是使用路径选择工具〖A/SHIFT_A〗，注意它与直接选择工具有些类似，但前者是黑色箭头，后者是白色的箭头，要注意区别。将路径选择工具移动到刚才的小圆圈标记左右，根据位置不同就会出现光标和光标，它们分别表示文字的起点和终点，因此我们称之为起点光标和终点光标。现在分别将文字的起点和终点移动到大致如下左图的位置上，红色箭头处为起点，绿色箭头处为终点。此时就可以在路径上看本来处于重叠的文字起点标志和终点标志。7、如果两者之间的距离不足以完全显示文字，终点标记将变为，表示有部分文字未显示。正如同在前面我们所学习的框式文本中，当文字未完全显示时所出现的标记一样，如下中图。如果将起点或终点标记向路径的另外一侧拖动，将改变文字的显示位置，同时起点与终点将对换。如下右图，将起点往右下方拖动，文字从路径内侧移动到了路径外侧(内侧外侧只是相对而言并无严格标准)。8、路径走向文字的一个特点就是它都是以路径作为基线的，如上右图，无论是内侧还是外侧，文字的底端始终都以路径为准，那假设我们需要将文字排列在一个比现有的心形路径更大(或更小)一些的心形路径上，那是否就要先绘制一个更大(或更小)的心形路径呢？不必如此，只需要在字符调板中更改竖向偏移的数值，就可以达到效果，如下左图所示，就是将现有的路径走向文字图层复制了两个，然后依次更改竖向偏移的数值为15px和-15px，所形成的效果。 需要注意的是更改该项数值后，在路径的曲线上可能造成文字间距不一。此外，也可以通过回车换行来达到目的。9、现在大家可自己尝试在原有的心形路径上排列多个文字图层，并将颜色、字号、字体、竖向偏移等选项各自调整，形成错落有致的效果，如下左图。10、一般来说，想要在Photoshop中绘制虚线和点线是比较麻烦的，但我们可以通过路径走向文字来实现。分别以若干字符“-”和字符“”沿路径走向排列，即可形成虚线和点线。还可以综合使用其他字符，如下右图。而虚线的形态可以通过字符调板来控制，字号控制虚线的大小，字符间距控制虚线间隙的大小。

PPT的制作和应用不外乎形式和内容，要想快速入门新手可以掌握以下方面一、模板，可以通过两种方式得到：网上找模板；自己制作。分析PPT是具体类型的，例如商务类型、轻松休闲类型。接着将Word里面的文字分段，依次添加进了模板进行对应设计，初学者可以先通过网上模板下载起步熟练后进行独立创作二、布局，对于布局追求多样化，使得PPT既不显得花哨又不过于单一，风格简明却不失特点，多图形少文字的特点。三、内容，内容方面特别注意的是字体的一致性，重点突出，有的放矢，让听众最大程度的了解PPT方案和思想

PPT小白来说，最简单粗暴的快速提升方法就是模仿，在模仿的过程中你会陆陆续续发现很多问题，比如配色问题，排版问题，技巧问题等等，这是一个发现问题并尝试去解决问题的阶段，这时候你就会逐步发现一些以前你从未知道的工具和技巧，这就是进步。PPT基础入门教程