Divi 设计展示：2021 年 5 月的新提交

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

我希望你喜欢他们！

Divi 设计展示：2021 年 5 月的新提交

1. 国家科学日

本网站由 Omshivaprakash 提交。 这是一个单页网站，有趣地使用了颜色和布局设计。 英雄部分显示重叠的图像，前景中带有 CTA。 这导致了一个带有徽标的部分，这些徽标与带有大文本和倒数计时器的大块颜色重叠。 几个部分在一侧显示文本，在左侧显示垂直标题。 这些标题具有与网站上的其他元素相匹配的不同背景颜色。 几个部分使用图像或图形。 我特别喜欢对文字或文字背后的背景使用颜色。

访问网站

2. 贝蒂奇

本网站由 Joao Martins 提交。 这个有趣地使用了颜色和背景角度。 背景显示有角度的图案。 蓝色背景显示蓝色阴影，而白色显示带有绿色线条的浅灰色斑块，可与图形的透视图配合使用。 蓝色和绿色用于大型双色图形，几乎占屏幕的一半，并在您滚动到它们的部分时出现在左侧或右侧。 许多图标、按钮和文本元素都是相同的绿色。 图形是最小的，同时视觉上令人惊叹。 图形和文本完美地结合在一起，以创建一个干净的布局。

访问网站

3. 发展我的业务

本网站由 Ben Elwood 提交。 这个很好地利用了灰色或白色背景上的黄色高光。 黄色用于菜单、标题、按钮、链接、边框、引号、图标等。大多数背景为白色，与黄色突出显示效果很好。 少数灰色看起来更好，因为只有少数，所以更加突出。 几个带有灰色背景的全宽部分显示推荐或创建 CTA。 我特别喜欢三个宣传片的部分。 它们包括灰色、白色和黄色背景。 每个都有一个带圆圈的图标，圆圈和图标在灰色和黄色之间交替。 我也喜欢整个网站上改变颜色的悬停动画。

访问网站

4. 未来的足球教授

本网站由 Maurice Veraa 提交。 这个优雅地使用了蓝色背景和黄色高光。 它还具有许多循环或响应悬停的微动画。 我也喜欢出现在英雄部分背景视频上的标题文字设计。 它与背景分开，甚至在文本后面包含一个小角度的黄色块，以给它一些颜色。 许多标题在标题中包含一个较小版本的倾斜块。 蓝色或黄色中的类似角度块重叠或分离图像。 许多图像包括与图像重叠的块标题。

访问网站

5. 巴特利特农场

本网站由安德鲁·巴特利特提交。 这个很好地利用了图像和菜单。 英雄部分显示一个全宽滑块，在前景中带有大号 CTA。 CTA 有趣地使用了文本。 标题的顶行清晰并以绿色勾勒出轮廓。 标题的底线是纯绿色。 几个部分包括提供信息、时间线、项目符号等的重叠简介。博客文章具有独特的元设计。 我最喜欢的部分将卡片显示为产品的链接。 这些卡片设计简洁，几乎看起来像书签。 这些卡片包括分成多个部分的图像和信息。 超级菜单中使用了类似的设计，只有标题和图像。

访问网站

6. Pop-Up Kombi

本网站由贾斯汀卡特提交。 这个网站很好地利用了摄影和视频。 英雄部分显示了一个背景视频，用于创建产品的独特演示。 CTA 位于此部分的中心，单独包含一个指向联系页面的链接和一个在弹出窗口中打开联系表单的链接。 该产品还显示在与视频匹配的全宽画廊中。 产品的图像也用于服务。 许多链接和图标都与产品照片中的红色相匹配。 菜单中的 CTA 和联系表单按钮与产品照片中的棕褐色相匹配。 亮点可以很好地将网站和摄影联系在一起。

访问网站

7. 布兰蒂卡

本网站由 Jeff Litcofsky 提交。 这个也充分利用了品牌颜色。 一个很酷的蓝色品牌动画介绍了网站，最后变成了标志和标语。 蓝色还用于图像叠加、按钮、CTA 背景、返回顶部按钮和汉堡菜单。 作品以马赛克布局显示。 菜单以蓝色背景全屏打开，使网站仅可见。 页面显示图案背景，标题后面带有样式分隔线。 这些页面还为播客、图标、粘性按钮等使用品牌蓝色。 该网站还很好地利用了前后滑块来显示工作示例。

访问网站

8. 卡桑德拉·沃西

本网站由阿方索·佩雷斯-威尔迪亚·奥乔亚提交。 这个也很好地利用了颜色和背景图案。 英雄部分显示一个带有蓝色背景的全屏图像，在主体后面创建一个白色热点。 白色文本创建 CTA，其中包含用于查看视频的动画按钮。 几个部分包括带有圆圈点图案的黑色背景。 这些部分中的大多数显示单个推荐、嵌入的视频或类似元素。 我最喜欢的是显示步骤的部分。 台阶的数字用大胆的颜色用优雅的设计圈起来。 这些步骤及其描述相互偏移。 我也喜欢在一侧显示图像而在另一侧显示带有粗体颜色背景的描述的服务部分。

访问网站

9. JP 活动

本网站由 Tom Carmona 提交。 这个使用优雅的布局，当您滚动浏览网站时，颜色范围从柔和到粗体。 英雄部分的背景包括多种柔和的颜色，它们重叠以创建独特的图案。 滑块中的图像突出显示了一些相同的颜色。 按钮和分隔线的高亮部分是较深的颜色，当您向下滚动页面时会变得更加突出。 服务以比英雄部分更粗的颜色显示带有边框的图像。 随着高光变暗，背景保持柔和。 图标使用英雄部分的 CTA 中较深的颜色，而页脚使用较深的颜色作为背景。 我喜欢这个超级菜单。 链接包括图标并使用网站上的所有颜色。 这些颜色非常适合网站的庆祝重点。

访问网站

10. 沃尔尼工作室

本网站由 Volny Studio 提交。 这个网站优雅地使用了最小的设计。 背景为灰白色，大部分文本和视觉元素为黑色。 它在高光和图像中引入了足够的颜色，使其变得有趣。 英雄部分显示一个与 CTA 重叠的图像。 多个部分以交替布局在一侧显示图像，在另一侧显示文本。 有些包括颜色块以脱颖而出。 我最喜欢的部分以编号的列显示服务。 数字是用色块创建的罗马数字。 项目部分也很有趣，在一行中有两个图像，右侧有一个较大的图像。 图像的背景很少，因此项目脱颖而出。 它们在项目页面中重叠。 我也喜欢将信息分成多个部分的最小页脚设计。

访问网站

直到下个月！

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

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

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

精选图片来自 Mascha Tace/shutterstock.com