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

已发表: 2019-10-02

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

我希望你喜欢他们！

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

1. 流浪的新娘

本网站由 Kelsey Spectre 提交。它用花卉艺术品框住了布局。标题将汉堡菜单放在左侧，将 CTA 放在右侧。滑块显示设置的照片并包括垂直放置的导航。文本模块与此重叠，并提供有关公司的信息，并在其下方带有样式链接以查看服务。下面是一个带有优雅字体标语的部分。带有关于信息的部分包括与上一部分重叠的图像。推荐显示在全宽部分，名称在一侧。我喜欢底部的 CTA，它遵循与网站其余部分相同的设计，并包含一个文本模块，文字就像卡片一样。自定义页脚包括嵌入的 Instagram 提要。

访问网站

2. RHN 注册会计师

本网站由 Guillaume Bourdages 提交。我注意到的第一件事是菜单。标题元素被阻止，它包含一个 CTA，但突出的是大型菜单。将鼠标悬停在菜单项上会显示一个全角部分，一侧带有图像、带有按钮的描述和几列文本链接。英雄部分显示一个全屏图像，带有大字标语以及描述和 CTA。滚动显示带有 CTA 的大图形。我喜欢“位置”部分，该部分将照片显示为带有叠加名称的卡片。几个全屏部分的一侧有图像，另一侧有信息。推荐信显示在全屏滑块中。它还具有样式化的联系部分和带有图像的自定义页脚。

访问网站

3.爱丽莎

本网站由 Kristy Hill 提交。这个有一个简单而独特的布局。英雄部分分为四栏。第一个显示徽标。接下来的三个显示类别的图像。类别名称出现在它们上方。单击名称或图像会将您带到该类别的图库。下一部分提供有关摄影师的信息，并包括带有文本蒙版的带圆圈的图像。接下来是嵌入的 Instagram 提要，然后是带有社交关注按钮的徽标。图库页面以马赛克形式显示图像，并包含看起来像主菜单下的二级菜单的过滤器。

访问网站

4.阿兰泽

本网站由 Aranzer Construction 提交。当您在屏幕上移动时，英雄部分会跟随鼠标光标显示多个图层中的图像和图形。 “了解我们”部分包括信息和一个链接到“关于”页面的按钮，并使用编号简介显示使用它们的过程。另一部分简介显示了使用该公司的好处。服务部分显示了 CTA 和工作图像。它还包括一个 CTA，用于在自定义页脚上方请求报价。请求 CTA 也会出现在菜单中。博客页面显示最新文章的帖子滑块。服务页面以交替布局显示大量重叠图像。

访问网站

5. 纬度公园

本网站由 Rusty Rich 提交。英雄部分包括背景图像和渐变叠加，其中包括一侧带有超大文本的标语和另一侧带有渐变背景的链接列表。徽章和表格与英雄部分重叠，并提供有关公司的信息。一部分简介用作 CTA。项目部分显示了使用图像和标题的工作示例。推荐显示在与整个网站的文本相匹配的纯蓝色背景上的三列部分。调度 CTA 放置在视差背景图像上。博客部分以包含蓝色标题的简单卡片显示最后三篇文章。这些页面充分利用了颜色和定价表。

访问网站

6. 莎拉安特卫普

本网站由 Christian Mauerer 提交。这个有一个有趣的杂志设计。英雄部分显示一个全屏图像，带有网站的标题和图像周围的标语，位置垂直列出，三角形创建一个插入的推荐。滚动显示菜单和带有媒体徽标的部分，其中展示了客户、按钮、推荐和网站所有者的图像。下一部分显示了一个带有垂直打印的大标题和所有者引用的图像。几个部分包括大标题和多列布局或相互重叠的大量图像，以及 CTA。我喜欢带有框架图像、首字下沉、创建真正视差背景的文本以及阅读更多内容的按钮的推荐部分。

访问网站

7. Ultratek 解决方案

本网站由 Etienne de La Ruche 提交。英雄部分在一侧显示 CTA，在另一侧显示带有样式形状的图像，后面有三个样式颜色形状。产品部分显示具有框阴影和效果的产品，这些效果在悬停时添加边框。两个较大的图像包括一侧的彩色边框和与边框匹配的叠加层中的文本。公司徽标显示在带有方框阴影的细长部分中。几个部分包括带有文本模块和简介的 CTA。我喜欢底部的部分，其中包含一个包含框阴影的图像，该阴影与带有颜色斑点的文本模块重叠到与其上方部分重叠的一个角落。我也喜欢在悬停时向一侧添加颜色条的下拉菜单项。

访问网站

8. Mepack-cz

本网站由 Tomaš Orliczek 提交。屏幕在页面下方一直分为两种颜色，左侧为黑色，右侧为白色。英雄部分在中央显示一个 6 轴机器人，产品名称位于图像上方。出现在黑色面的文字为白色，出现在白色面的文字为黑色。下一部分在中心显示另一个机器人，两侧有简介，中间有文字模块，用于描述。另一个机器人挂在这个机器人上（GLaDOS 风格）并通向带有社交媒体图标的页脚，当单击汉堡包图标时，这些图标也会出现在菜单顶部。产品页面显示每个机器人都有交替的黑白背景。产品页面显示机器人的一侧带有控制器，另一侧显示规格。

访问网站

9. 目标大师健身

本网站由史蒂夫·拉文提交。英雄部分显示了一个全屏背景图像，覆盖层中有文本。文本使用有趣的互锁字母。滚动时徽标会发生变化。下一部分显示三个图像以帮助了解有关站点目的的信息。 “关于”部分显示信息，一侧有一个按钮，另一侧是嵌入的视频，并用一条线将它们隔开。全宽推荐遵循此，并包括带边框的圆圈图像，其样式与站点相匹配。我喜欢展示成功四大支柱的部分。它显示带有顶部图标和底部图像的简介，在通向下一部分的背景图像上。时间线是由一侧的图像和另一侧的项目符号以交替布局创建的。标志出现在中间，颜色随你而填。多个图像链接到各个页面。

访问网站

10. 厌烦

本网站由 Tobias Drevenstedt 提交。它在整个站点中使用了许多颜色元素和动画。英雄部分在一侧显示 CTA，在另一侧显示图像。几个文本模块位于图像上，提供有关产品的规格和其他信息。徽标滑块与此部分和下一部分重叠，其中包括一个有趣的服务图形。信息在样式切换中提供。我喜欢下一个 CTA，它的一个角落有深色背景和颜色。该颜色也用于 CTA 的按钮中。我也喜欢解决方案的简介。包括在悬停时动画和更改颜色的灰显图形。服务显示在包含一侧颜色的切换中。服务类别使用多色图标。我也喜欢带有样式过滤器的“行业”部分。

访问网站

综上所述

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

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

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

精选图片来自 Doppelganger4/shutterstock.com