Divi 设计展示：2019 年 8 月以来的新提交

已发表: 2019-09-01

又到了我们每月举行的 Divi Showcase 的时候了，我们将在那里看看由我们的社区成员制作的 10 个令人惊叹的 Divi 网站。每个月我们都会展示从我们社区提交的最佳 Divi 网站，今天我们想与您分享 8 月份的前十名网站。在整篇文章中，我将指出一些我最喜欢的设计功能，这些功能将我吸引到每个网站。

我希望你喜欢他们！

Divi 设计展示：2019 年 8 月以来的新提交

1.矩阵屋面

本网站由 Christian McMinn 提交。它使用全屏背景图像来显示可用的工作类型，并在叠加层中放置 CTA。有关公司的信息被放置在两列布局中，一侧是图像，另一侧是项目符号。 “阅读更多”按钮将读者带到“关于我们”页面。一个类似的两栏部分显示了带有阅读更多链接的推荐。服务显示在带有大的单色图标的简介中。更多信息链接放置在带有深色覆盖的 CTA 中。页脚包括一个默认情况下不滚动的黑白全宽地图。我喜欢颜色指南页面，该页面显示了具有不同颜色屋顶的同一所房子。

访问网站

2. Brightworks 集团

本网站由 Britt Baue 提交。旋转的标题文本后面有一个深色背景图案。有角度的分隔线将英雄部分与下一个部分分开，后者以粗体绿色文本显示垂直文本、标语和服务，悬停时会放大。下一部分显示灰色背景，顶部和底部带有倾斜的分隔线。大文本引导读者进入 CTA 下载。服务部分还包括标题的垂直对齐文本，并在简介中显示服务。引入了一个带有大标题的简单推荐滑块。另一个倾斜部分显示客户徽标。联系部分创建 CTA 并提供联系信息。我喜欢徽标从菜单中心偏移的方式。

访问网站

3. 岛

本网站由 Saskia Lund 提交。该网站在英雄部分包含真实视差的背景图像，以显示可用的度假胜地类型。叠加层包括脚本字体的标语和带有选项卡的搜索框，您可以在其中对特定住宿进行高级搜索。带有悬停效果的高大和瘦长的广告显示图像和对预期假期类型的描述。一部分特价在滑块中显示假期。每一张都是一张带有图像和描述的高卡，并包含悬停效果。租借部分显示卡片中的位置，其中包括图像、描述和信息。事件显示在全屏滑块中。博客部分与高卡设计相匹配，还包括悬停效果。杂志页面以多栏布局显示类别内的文章。

访问网站

4. 头棚

本网站由 Gustav Espenes 提交。 CTA 和图形以真正的视差放置在背景图案上。该图形包括一个按钮，用于在弹出叠加层中播放视频。整个网站都使用类似的图形作为带有 CTA、简介和背景的元素。该网站包括许多样式分隔线以帮助构建背景。模糊彼此偏移以创建有趣的垂直设计，并具有融入背景的颜色。一部分问题在切换中显示答案。宣传的另一部分显示了图标的好处。它还包括一个全宽的推荐滑块、客户徽标和样式化的联系表格。我喜欢团队成员的单列人员模块和设计简洁的博客页面。

访问网站

5. 涌现里士满

本网站由 Christian Schick 提交。该网站使用大量绿色高光和波浪形部分分隔线，使布局具有有趣但最小的设计。英雄部分将 CTA 放置在一侧，并将产品示例放置在与部分分隔符重叠的另一侧。下一部分显示了一个类似的产品，另一方面显示了它的好处。另一部分显示带有样式背景的图标，以创建一朵花来显示服务。项目显示在多栏部分中，一侧是图像，另一侧是描述。推荐信放置在位于屏幕中央的框中，并与通向下一个 CTA 的部分分隔符重叠。自定义页脚还包括与时事通讯表格重叠的波浪分隔线。我喜欢整个网站的绿色亮点。

访问网站

6. 南方服务公司

本网站由梅赛德斯·布加林 (Mercedes Bugarin) 提交。英雄部分包括滑动文本以显示服务的好处。它在英雄部分放置一个带有服务选择的表单。该表单在一侧使用圆角并与英雄部分中的图像重叠。下一部分显示了包含样式角和阴影的简介中的服务。客户徽标显示在滑块内。接下来是一个带有社交按钮和员工可以登录的按钮的小部分。菜单包括两个不同的 CTA。部分用波浪形分隔器分隔。服务页面遵循相同的设计并添加样式切换以提供有关每项服务的信息。切换包括一侧的圆角以匹配表单。联系申请表包括类似的设计，并带有阴影。

访问网站

7. 社交平房

本网站由 Kelsey Spectre 提交。英雄部分在一个角落显示徽标，在几个角落显示相似的图形。来自标题的图形放置在整个站点中。信息和 CTA 放在一侧，图形放在另一侧。主菜单位于此部分下方，并在滚动到该点时保留在屏幕顶部。介绍部分在一侧显示图像，在另一侧显示与图像重叠的文本块。号召性用语遵循此并包括一个按钮，其角度在悬停时会发生变化。博客部分显示与站点匹配的柔和颜色的帖子，并包含标题的脚本文本。全角 CTA 使用与标题相同的颜色和图形，并将脚本标题文本置于背景中。我喜欢博客页面的优雅设计，它使用具有多种布局的相同颜色和字体。

访问网站

8. Descargar Ecuakaraoke

本网站由 Jero Shannon 提交。这个有很多卡通动画。英雄部分在背景中显示动画卡通，在叠加层中显示 CTA。一个图形与部分分隔符重叠，它通过动画简介进入下一个部分，这些动画简介彼此垂直偏移并使用分隔符进行跟踪。有角度的图像通向下一部分，其中包括购买 CTA 和博客链接。星级评论与背景重叠并提供另一个 CTA。嵌入的 YouTube 视频倾斜。该网站包括许多有角度的元素和分隔线，以及几个带有图像或彩色角度的 CTA。

访问网站

9. 蓬勃发展的人物

本网站由凯特布里顿提交。它包括背景中的色块和一侧的覆盖层中的滑块。滑块文本与滑块图像重叠并提供信息和链接。滑块的控件位于左上角和右下角。下一部分使用多色文本和另一个背景斑点来提供信息。带有纯色的方形简介显示编号的标题并在悬停时更改颜色。另一个 CTA 在一侧显示带有颜色斑点的图像，在另一侧显示 CTA。预订部分在纯色背景上显示标题，并使用地图来选择位置。下载 CTA 将描述放在与图像重叠的块中。这个使用了许多醒目的大胆颜色。

访问网站

10.块头挑战

本网站由 Keith Green 提交。英雄部分在背景中显示一个块，带有用于覆盖的纹理过滤器。标语使用超大文本。该菜单包括两个号召性用语按钮。块图像与下一部分重叠，该部分显示全角文本元素以在一侧显示标题，在另一侧显示颜色块。两个交替部分在纹理背景上显示一侧的图像和另一侧的信息。接下来的几个 CTA 部分包括更大的标题，里面有清晰的块文本。有些重叠部分。图像与更暗的纹理背景重叠。我喜欢在这个中使用绿色、图像和字体。

访问网站

在结束

这是我们 8 月份提交的 10 个最佳社区 Divi 网站。这些网站看起来很棒，我们一如既往地感谢大家的提交！

如果您想考虑您自己的设计，请随时通过电子邮件发送给我们在 nathan 的编辑，地址是优雅的主题 dot com。请务必将电子邮件的主题设为“DIVI SITE SUBMISSION”。

我们也希望在评论中收到您的来信！告诉我们您喜欢这些网站的哪些方面，如果他们做了什么，您希望我们在博客上教给我们。

精选图片来自 ProStockStudio/shutterstock.com