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

已发表: 2019-12-25

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

我希望你喜欢他们！

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

1. 工匠玻璃结构

本网站由 Stuart Hingston 提交。全屏视频在背景中播放，带有突出显示文本的黑色覆盖层。叠加层包括带有 CTA、标题、标语、描述和按钮的徽标和菜单。滚动显示固定的标题和类似的设计，背景图像具有真正的视差。服务和信息显示在带有图形的细长条中。 CTA 在一侧以真实视差显示圆形图像。推荐滑块将文本放置在作为工作示例的背景图像上。服务显示带有文本和按钮的高大图像。我喜欢项目部分。它以多列布局显示项目，带有样式的侧分隔符和图像缩放效果。我也喜欢使用相同大小字段的联系表单。

访问网站

2.克莱尔创意

本网站由克莱尔·加拉格尔提交。英雄部分显示了一个带有温暖背景的手册 CTA，并有助于描述该网站的内容。下一部分显示了另一个 CTA，其中包含网站所有者的照片，然后是带有图形的推荐。博客文章显示在带有图像的部分中，其下的标题为斜体。这创建了一个带有大量空白的干净设计。我喜欢他们脱颖而出的方式。一段推荐信遵循类似的设计，但包含更多的文字。该页面以全角 CTA 结束。博客页面采用与主页上的博客部分相同的简洁设计。 “与我一起工作”页面是为潜在客户生成而创建的，其中包括预订表格和定价表的独特设计。项目遵循与博客文章相同的设计。

访问网站

3. Freshlit 媒体

本网站由 Nicole Marie Zinnanti 提交。这是一个单页设计，菜单中带有指向各个部分的锚点。该站点使用大量黑白大图像、大文本和图像标题后面的黄色，从全屏标题开始。几个部分包括遵循此设计的图像。下一部分以全角显示信息。服务显示在带有大标题、描述和分隔符的编号文本块中。推荐书还包括大标题并遵循最小设计。 About 部分延续了最小的设计，带有一个大标题、文本和分隔符，然后是一个类似的部分，以最小的联系表格结束。

访问网站

4. Hilltop Credit Partners

本网站由 Rolando S. Bouza 提交。英雄部分在标题和标语后面播放视频，并使用样式化的部分分隔符引导到下一部分。下一部分以交替布局显示了几个 CTA。第一个 CTA 显示带有大标题、简短描述和按钮的图像，而第二个 CTA 包含两个按钮。全宽博客滑块几乎全屏显示特色图像。接下来是关于所有者的部分，带有图片和报价。我喜欢“关于”部分，它在深色背景图像上显示带有样式边框的信息。联系表使用了类似的镜像形状，并包括纯色背景。其他页面遵循类似的设计，但在图形中添加了大量支持信息。博客页面添加了一个样式化的侧边栏来展示公告。我也喜欢博客文章设计的简洁布局和大文本。

访问网站

5.洞察托管

本网站由史蒂夫·多伊格 (Steve Doig) 提交。它使用大量大胆的粉红色作为文本和叠加层的主要高光颜色，并且非常漂亮。英雄部分显示一架飞机飞离屏幕，屏幕另一侧有 CTA。飞机本身和 CTA 为粉红色阴影。带有计划的部分显示了块内的计划和价格。它们包括粉红色的悬停动画。全角 CTA 显示中央的粉红色猎豹，文本在一侧，而另一个显示棋盘和带有粉红色元素的文本。几个部分显示了简介中的好处。我最喜欢的部分是讨论他们所服务的业务类型的部分。图像以 5 列网格显示，交替叠加。图像在悬停时缩小并移除叠加层。页脚中的菜单也很有趣。它显示标题，每个标题都带有样式的第一个字母。

访问网站

6. 凯伦·埃雷拉

本网站由 Edgar Herrera 提交。该网站使用了许多柔和的色彩来吸引观众。英雄部分显示了一张全屏图像，一侧是 CTA，另一侧是所有者。接下来是一个优雅的电子邮件注册表单，它在一侧显示图像并在表单上显示说明。带有样式边框的图像提供了指向各种信息页面的链接。关于部分显示的图像与下一部分重叠，提供居中的推荐。接下来的几个部分包括在交替布局中重叠多个部分的图像。这些部分提供信息和 CTA。联系表格放置在大理石桌子的背景图像上，并从纯色背景中脱颖而出。一本书 CTA 显示在 2 列中，其中有一张照片重叠。页脚显示了一个 Instagram 关注 CTA，背景中有多张照片。

访问网站

7.芬宾果

本网站由 Prashant Karandikar 提交。它有一个干净的布局，有很多颜色的亮点。英雄部分在一侧显示介绍，在另一侧显示图形，该图形融合成一排简介。信息显示在 2 列布局中，并带有用于创建项目符号的说明。一些信息 CTA 以交替布局在一侧显示图形。服务显示在带有图形和文本的卡片中。在创建一组块的彩色简介中提供了更多信息。数字计数器以不同的颜色显示每个数字以突出显示。一个 2 列的推荐与网站的颜色设计相匹配。许多页面都遵循类似的设计，然后添加带有框阴影的内容以突出显示。

访问网站

8. 乌库尼

本网站由弗农乔伊斯提交。它有一个干净的布局，专注于产品。超级菜单显示 3 列，其中包含显示信息和图像的一侧的多个链接。英雄部分显示了一组办公家具的图形。将鼠标悬停在它们中的任何一个上，用覆盖层覆盖其他，并显示一个带有描述家具的标题的小弹出窗口。弹出窗口的颜色各不相同。特色产品的一侧显示大图形，另一侧显示说明。接下来是全角咨询 CTA，然后是与特色产品设计相匹配的信息部分。产品页面显示标题类似于弹出窗口的产品，并包含功能项目符号列表。服务页面很有趣。它显示了产品的大量图形，并在简介中显示了好处。

访问网站

9. 建筑实验室

本网站由 Mischa Groenen 提交。它显示一个全屏页面，链接为文本，箭头为导航。屏幕以对角线划分，一侧为白色背景的标题和链接，另一侧为黄色背景的描述。当您移动鼠标光标时，标题会绘制到屏幕上。将鼠标悬停在链接上会显示缩放效果。单击其中一个链接会打开一个页面，该页面的标题遵循主屏幕的设计。投资组合页面添加了一个与网站设计相匹配的过滤器，并在包含悬停动画和标题的网格中显示图像。团队页面显示了一个 3 列设计，一侧是团队图像，中间是人员滑块，另一侧是表单。信息页面显示有关他们所做工作的样式图形。这是一个简单、有趣且独特的设计。

访问网站

10. 下一个老化

本网站由 Nicolle Principe 提交。这个网站很好地利用了橙色和绿色，并添加了一些其他的突出显示。它在二级菜单中有一个 CTA。英雄部分显示了真实视差的全屏背景图像，并在叠加层中显示了一个简单的 CTA。页面链接是在全宽细长部分中使用颜色和文本块创建的。几个全角 CTA 以交替布局在一侧显示图像，在另一侧显示文本。 Blurbs 还创建带有圆圈图标和样式按钮的 CTA。捐赠部分显示了一个带有目标和当前金额的吧台。许多部分包括一个重叠的图标。我喜欢一边是文字，一边是两张图片的故事部分。每张图像都包含显示信息的悬停效果和阅读更多内容的链接。它还包括一个活动日历、风格化的博客等等。该网站有许多个性化调整，包括简单的字体大小控制和语言选择。

访问网站

结论

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

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

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

精选图片来自 SUNATTAKIT/shutterstock.com