图文店排版是怎样的

之前经常有商户朋友时不时地把写好的图文发给我们，让我们提提优化的建议，或是内容风格上的，或是定位上的，或是排版上的。既然大家都愿意在内容上花费工夫了，并且主动问我们，兜兜不才，我们就腆着脸认为，这是某种认可，起码是觉得我们是值得信任的。今天咱就先从基础的排版细节来和大家聊一聊这事儿，共分为六个版块，希望大家在工作或者学习中有更加专业的排版素养。排版基础教程目录：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 排版编辑器或者秀米等，无论使用哪一种，在选择标题模板或者卡片时，除了是天生很好的色彩感或者经过专业训练，那就不要随心随意地使用，尽量选择干净简洁的，保持整体的舒适，不要贪图一时的酷炫使得排版变得异常扎眼。

所谓编排，即在有限的版面空间里，将版面构成要素--文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。

一、保证文字的可读性在页面中，文字是重要的信息来历，所以保证可读性，是文字排版中首要考虑的事情。影响文字可读性的因素很多，但在很多问题中，流通的阅览排版是保证可读性的基础。在排版中操控好文本的长度、字距、行距、段落与对齐方法，就能够有效的进步可读性。二、文字与背景需求清晰区分循白纸黑字、黑纸白字的原则，在深色的背景上选用亮色的字体一般能保证可读性。字体过细、背景与文字对比度不行、文字通明度过高级问题，都会造成文字与背景融为一体。存在诸如此类的问题都要针对性的去调整。三、挑选风格合适的字体挑选与页面规划风格不搭的字体会带来“违和”的感觉，会改变页面的气质，对信息传递产生影响。要根据页面的风格，去挑选与之气质符合的字体，如粗体厚重、细体高冷。四、操控字体类型数量除了挑选风格合适的字体，也要操控字体类型数量，一般单个页面内字体类型数量最好不超过3种。由于字体品种太多会让页面风格极其难一致，也简单呈现上文所说的字体与页面风格不搭。虽然字体类型数量没有非要操控在3种以内，但太多的字体类型可控性很差也简单造成视觉干扰。五、一致的对齐方法一致的对齐会让文字排版井然有序，阅览起来会非常流通。多种对齐方法，会使页面混乱不堪。除了文本之间要坚持一致的对齐方法之外，正文要尽量坚持两端对齐，这会关系到页面是否整洁。六、操控行距离行距离是行与行的距离，行距离一般伴随着字体大小而的改变，默许行距离会稍大于字体的大小，一般的这样看起来会比较的拥堵。正文中，将行高设置成字号的6~8倍，将会是比较舒服的，如果版面紧张，能够适当设成2~5倍。