了解设计理念如何帮助提升和美化分区内容。

什么是分区设计理念?

分区设计理念是一项新的页面功能,允许用户输入文本和图像内容,并查看图像和格式建议,这些建议可以直接应用于他们正在创作的分区。 这些更改包括:

  • 根据分区文本建议图像 Web 部件或背景

  • 建议不同的文本大小调整和格式

  • 更改布局以针对内容类型进行优化

  • 根据页面标题建议不同的横幅布局和图像。

显示横幅 Web 部件的不同背景图像和布局的图像

如何查看和应用设计理念

单击页面工具箱中的闪烁图标即可找到设计创意。 当你在创作会话期间首次获得设计灵感时,此闪烁的旁边会显示一个红点,指示你的想法已准备就绪。

设计理念透视表上的红点图像,指示当前部分的可用设计理念

打开“设计创意”面板后,可以预览和应用可用创意。 还可以单击“查看更多”按钮以生成更多想法。

“设计创意”面板的图像,其中包含 4 个可用创意和“查看更多想法”按钮

单击任何想法后,它将自动应用于你的分区。 若要撤消此操作,请使用 ctrl+z 或页面顶部的撤消按钮。 你可以在设计创意面板中单击任意数量的创意来试用,但是,单击部分并继续编辑后,它们将自动更新。

指示面板中的哪个设计理念应用于分区的图像

在什么情况下生成设计创意?

此时,将生成设计理念并将其应用于仅包含以下内容的节:

  • 1 个横幅 Web 部件

  • 1、2 或 3 个文本 Web 部件。

  • 1、2 或 3 个数量相等的文本和图像 Web 部件。

如果你有一个包含任何其他 1st 或 3rd party webpart (快速链接、人员等 ) 的部分,则目前我们无法建议设计想法。 此外,如果图像和文本 Web 部件数量不相等, (如一个文本 Web 部件和两个图像 Web 部件) 我们也将无法提供建议。

显示没有可用的设计理念的弹出窗口图片

还可以为包含内联图像和表的节生成设计理念。 当文本 Web 部件包含内联图像时,它仍将被视为文本 Web 部件,并且内联图像或表将保留在所有设计理念建议的文本 Web 部件中的位置。  

设计理念面板中内联图像的图片

将内联图像保留在文本 Web 部件内的设计理念的图片

设计创意如何为我建议图像?

如果你位于非政府租户中,Design Ideas 将根据分区的内容为你推荐横幅、图像 Web 部件和分区背景图像。 这的工作原理是将分区内容汇总为一组关键字,并在Microsoft的库存图像服务中搜索相关图像。 这是可以在图像选取器中自行搜索的同一组图像。

如果任何给定部分中超过 50% 的文本被更改,设计创意将重新生成其相关关键字集,从而产生一组不同的建议想法。  

关于狗的部分的设计理念的图像

在 Design Ideas 找不到与关键字完全匹配的图像的情况下,它会向搜索词添加“抽象”和“背景”,并尝试再次查找合适的图像。 ​​​​​​​

如果租户中无法使用文本关键字识别,或者无法成功执行图像搜索,则 Design Ideas 将改为建议来自我们固定的库存填充内容集的图像。 

图像 Web 部件建议

如果分区仅包含文本,设计思路将建议图像 Web 部件与分区包含的文本 Web 部件数量相匹配。 这允许它建议美观的对称节配置。

例如,如果节包含 2 个文本 Web 部件,设计思路将建议两个图像 Web 部件。 这适用于包含 1-3 个文本 Web 部件的部分

为包含 3 个文本 Web 部件的分区建议 3 幅图像的设计理念的图像

设计创意如何为我设置文本格式?

设计创意格式。 通过应用 4 种不同文本样式中的一种来显示文本。 这些样式将更改文本高度、粗体和斜体,但永远不会将字体更改为与网站的字体不同。

如果你有一个包含单个空白文本 Web 部件的分区,设计思路将建议格式化的填充文本,以帮助你入门。

设计理念还将确保其建议是可访问的,仅建议浅色文本颜色为浅色背景,浅色文本颜色用于深色背景

空白文本 Web 部件的不同设计理念的图像

当我共同创作时,设计创意如何工作?

如果为正在编辑的分区打开了设计创意,则其他页面编辑器将无法编辑或生成该分区的设计理念。 同样,如果其他人正在编辑分区,你将无法为其生成设计灵感。

共同创作错误屏幕 - 你无法将设计理念应用于其他人正在编辑的部分

共同创作错误屏幕的图片

为什么设计想法没有为我提供任何建议?   

由于以下任何原因,设计创意可能无法生成建议:

  1. 分区包含除图像、文本或横幅以外的 Web 部件

    1. 示例:将快速链接添加到文本部分,并且设计思路不再可用

  2. 节包含过多受支持的 Web 部件:

    1. 示例:第 4 文本 Web 部件已添加到分区,并且设计思路不再可用

  3. 分区包含的图像和文本数量不相等。

    1. 示例:一个部分包含两个图像和一个文本 Web 部件,导致没有可用的设计思路。

  4. 分区是全宽或垂直部分

    1. 设计理念目前不支持这些节类型。

需要更多帮助?

需要更多选项?

了解订阅权益、浏览培训课程、了解如何保护设备等。

社区可帮助你提出和回答问题、提供反馈,并听取经验丰富专家的意见。