热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

【演示文稿制作软件】Focusky教程|正文页的排版小技巧留白与距离

(Focusky动画演示大师也称为“FS软件”)留白指的是每帧的内容与该帧边界之间无内容的空白。所谓的空白,不是单指白色背景࿰

(Focusky动画演示大师也称为“FS软件”)留白指的是每帧的内容与该帧边界之间无内容的空白。

所谓的空白,不是单指白色背景,而是指那些可以用来当作背景的颜色或者图片,它们不用来表达内容,只是用来作为背景。适当的留白能使眼睛放松,让人专注在一点点内容上,并更容易记住您所呈现的内容。

未考虑留白与距离的效果图如下:
在这里插入图片描述
【▲图1:未修整前 】(Focusky教程)

我们可以看到这种排版给人非常“拥挤”的感觉,会很容易形成视觉疲劳。左右留白不足,上下留白太多,行与行间距太窄,图片与文字之间的排版也很拥挤。

下面是针对以上问题进行的调整效果图:
在这里插入图片描述
【▲图2:修整后】(Focusky教程)

以下是关于合理设置留白和距离的小技巧:

1 避免帧内内容整体上看起来很“满”或者很“挤”,注意帧内的内容与该帧版面上上下左右四个方向上的留白距离。

2 调整字体的大小。一般默认的字体都会偏大,适度缩小字体将使整个版面看起来更加和谐。

3 注意文本的行距。一段文字有3行或者以上的时候,通常就需要比较宽松的行距了,一般1.5倍行距左右是一个较为恰当的经验值。

4 如果文本出现段落(当然要尽量避免帧内容出现大量文本),合理设置段距会使内容呈现出层次感。合理的段距取决于段落数,统一以良好视觉体验为准。

当然有时候如果出现内容很少,版面较为宽松的情况下,如下图:
在这里插入图片描述
【▲图3:空白多,内容少效果图】(Focusky教程)

您可以通过以下小技巧来丰满版面:

1 适当的增加/补充内容(文字,图片,图形之类)
2 增大字体和字间距,减少行距和段距。

修改后的效果图一:
在这里插入图片描述
【▲图4:修整后效果图】(Focusky教程)

修改后的效果图二:
在这里插入图片描述
【▲图5:修整后效果图】(Focusky教程)


推荐阅读
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 本文探讨了卷积神经网络(CNN)中感受野的概念及其与锚框(anchor box)的关系。感受野定义了特征图上每个像素点对应的输入图像区域大小,而锚框则是在每个像素中心生成的多个不同尺寸和宽高比的边界框。两者在目标检测任务中起到关键作用。 ... [详细]
  • 本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单,包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序(如Sublime Text)添加到右键菜单中。 ... [详细]
  • 在使用 DataGridView 时,如果在当前单元格中输入内容但光标未移开,点击保存按钮后,输入的内容可能无法保存。只有当光标离开单元格后,才能成功保存数据。本文将探讨如何通过调用 DataGridView 的内置方法解决此问题。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 苹果新专利或将引领无边框手机时代
    苹果公司最近公布了一项新的专利技术,该技术能够在设备屏幕中嵌入光线传感器,这标志着苹果在实现无边框手机设计上迈出了重要一步。这一创新将极大提升手机的屏占比,并可能为未来的iPhone带来革命性的变化。 ... [详细]
  • 本文介绍如何使用 Python 提取和替换 .docx 文件中的图片。.docx 文件本质上是压缩文件,通过解压可以访问其中的图片资源。此外,我们还将探讨使用第三方库 docx 的方法来简化这一过程。 ... [详细]
  • RT,个人博客图片管理(方便管理,大家 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • 帝国CMS多图上传插件详解及使用指南
    本文介绍了一款用于帝国CMS的多图上传插件,该插件通过Flash技术实现批量图片上传功能,显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • 百度服务再次遭遇技术问题,疑似DNS解析故障
    近日晚间,百度多项在线服务出现加载异常,包括移动端搜索在内的多个功能受到影响。初步迹象表明,问题可能与DNS服务器解析有关。 ... [详细]
author-avatar
Dear丶尐英
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有