排了版的文章就好像是化了妆的妹子,给人一眼看去非常舒服的感觉。如果说标题能引导读者点开文章,好的排版就留住读者继续阅读,从而才会达到内容想要的效果,保持优美的排版也会增加用户粘度。
一、排版的目的是什么?
1.为了辅助阅读
使内容更容易、更有条理地被读者接收,更容易传达作者意图。
什么样的排版能够辅助阅读?
总结起来大概是这几点:容易理解、可以扫读、整洁有序、段落清晰和重点突出。
2.为了辅助体验
给读者带去愉悦、舒适的视觉享受,带来视觉体验的美感。
了解排版目的,有利于在排版实践中做到心中有“理”。
二、图文排版的技巧
1.排版基本技巧-字体
●选择合适的字体
●同一篇文章的字体种类
●同一种字体的不同处理方式
①选择合适的字体
不同类型的文章风格需要不同的字体表达,比如古诗词,选择用手写体或者楷体,微软雅黑或者黑体就不搭配的。
②同一篇文章的字体种类
字体种类不宜过多,一般不超过三种。如需要变换,尽量采用同一字族,如叶根友钢笔行书、毛笔特色、刀锋等。
③同一种字体的不同处理方式
一般采用加粗、颜色、大小、斜体(一般是英文)。
为何中文不能用斜体,斜体其实是西方一些文字的手写体,中文是方块字,斜体是变形的,中文的手写体一般是书法体。
补充说明:
字体颜色选择事,建议正文字色75%灰、注释字色50%灰、这两种颜色视觉友好度高,纯黑有些刺眼,灰色温和些,黑灰白三色,是最安全也最有逼格的颜色。
当然,标题颜色可适当区分开。
2.排版基本技巧-字号
字号过大或过小都影响阅读,太小需要放大镜,太大比较适合老年群体。
选择合适的字号:
●标题:16px、18px、20px;
●正文:14px、16px
●注释:12px、14px
一般来说,标题,正文,注释应有层级大小区分。
3.排版基本技巧-行距
什么是行距?就是正文中每行文字之间的距离。行间距控制好可以让大脑更轻松识别文字内容——这也符合我们的阅读习惯。
经过很多的测试,目前最常见的是行间距选择的数值是1.5和1.75,而1显得太拥挤,如果文字很少则可以设置为2倍。
注意:文本字体越小,两行的行间距应该越大,确保字与行呼吸的空间。
4.排版基本技巧-行宽
行宽是指一行文字的宽度。行宽对阅读的记忆是有影响的,我们的视线移动呈“Z”字形,合适的行宽可以有效避免大脑对多余信息的处理。
5.排版基本技巧段间距
区分段落与段落之间,可以采用段间距。
手机阅读不同于纸媒,段落的开始一般不需要首行缩进,段落之间通过空行调大段间距。
6.排版基本技巧-常用对齐方式
左对齐
符合阅读习惯、亲切自然,使阅读更轻松
右对齐
新颖、有格调、时尚有现代感。
居中对齐
视线集中、整体感强、庄重优雅
7.排版基本技巧-标点符号
中英文之间需要加空格
中文与数据之间需要加空格
专有名词使用特定大小写
8.排版基本技巧-图片
大家不知道有没有这样的体会,有时候网络不好,打开一篇文章,半天图片都显示不出来,那就是你的图片太大了。
选一张好图片
封面图片尺寸大小:宽px高px,显示效果最好。
图片大小:静态图k,动态图k
图片格式:GIF格式更清晰
三、细节处理
细节处理-排版简洁,忌花哨
这里给到大家的建议是:排版整体颜色不超过三种,没有特定的要求,就不要用很复杂很花的边框,不要用奇怪颜色的字体。
全篇颜色最好是同色系,但是深浅度不同。
最有用的方法是,把重点用彩色(暗红c、深蓝c0、橙色f)加粗。
一个三四种字体,七八种颜色的页面,那是丐帮的制服。而一个简洁、紧凑、漂亮的页面,如同一个人洗脸刷牙浆洗衣服一样,是对观者的尊重。
.细节处理-配色流程
第一步:整体定调
给整篇图文确定一个大概的色彩基调,做这一步可以有效防止在接下来的配色步骤中出现色彩混乱的情况。
第二步:确定主色
主色决定着整体色彩趋向,是一个整体的色彩基调。在所有出现的色彩中占比往往不低于75%。
第三步:确定辅助色
辅助色主要起到辅助主色的作用。辅助色可以使色彩更加丰富完美。辅助色的占比往往在20%左右。
第四步:确定点缀色
点缀色,有时候也称作点睛色,取画龙点睛之意。往往具有引导阅读,装饰画面,营造具有特色的画面风格的作用。整体占比常常在5%左右。
快来打开微编王做一篇有格调的
转载请注明地址:http://www.1xbbk.net/jwbrc/5078.html