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

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

我希望你喜欢他们！

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

1. 斯特拉顿·克雷格

本网站由 Piers Elliott 提交。 它有许多文本、链接和按钮的红色突出显示，以及整个站点中的一些深蓝色。 部分包括白色或非常浅的绿色背景，适用于红色和蓝色。 超级菜单包括带有联系人 CTA 和多列链接的浅绿色背景。 英雄部分显示嵌入的视频。 案例研究和服务部分显示小行，一侧是图像，另一侧是信息。 我喜欢博客部分。 帖子显示标题，标题由空格和一条水平线分隔。 我发现有趣的另一件事是它没有滚动条。

访问网站

2. 自由职业者迈克

本网站由 Mike McManus 提交。 这个有趣地使用了排版和灰色背景。 英雄部分在一侧显示带有圆角底角的图像。 这与另一侧的文本断开连接，与灰色背景重叠。 整个网站都使用黄色的小按钮，与菜单中的黄色相匹配。 项目显示为帖子，一侧是图像，另一侧是摘录。 我喜欢被边界分隔的宣传语部分，这些宣传语只接触另一个宣传语。 该网站的设计具有突出的代码外观和感觉，可以完美地帮助描述网站。 该网站还有一个有趣的博客设计。

访问网站

3. dajo 创意

本网站由大卫·金提交。 这个网站很好地利用了整个网站的绿色进行品牌推广。 英雄部分包括一罐泡菜的图像，滚动时会放大屏幕。 该网站采用超大文本介绍。 许多元素包括悬停或滚动动画。 一些背景存在视差并显示工作室的图像。 我最喜欢的部分之一显示了与排版设计相关的图标的简介。 我最喜欢的另一个显示超大文本，滚动时会缩小。 我也喜欢以多列布局显示的工作示例。 它们包括用于图像悬停效果的绿色叠加层。

访问网站

4. 保护 IT 资源

本网站由迈克尔·怀特提交。 这个使用大量橙色和红色作为徽标的亮点，英雄部分中的垂直条，数字，链接，图标，叠加层和水平边框。 许多部分包括背景中的图案，这些图案非常引人注目。 有些包括描述该部分的文本。 我喜欢详细介绍他们方法的部分。 它包括带有动画和叠加的编号简介。 我也喜欢资源页面。 它显示带有悬停动画、标题和类别的特色图像的博客文章。 它们又短又宽，被放置在两列中，使博客设计简洁。

访问网站

5. Studio Vitas

本网站由 Simone Vitas 提交。 这个在整个网站上有很多有趣的悬停动画。 鼠标光标变为一个带样式的三角形，让背景显示出来。 当您将鼠标悬停在可点击的内容上时，三角形会被填充，背景会显示出来，并且颜色会反转。 可点击的元素会变成深红色，显得格外醒目。 标题和汉堡菜单字体特别优雅。 我喜欢在页面加载时显示页面元素的块动画。 我也喜欢在工作示例中使用有趣的图像。 号召性用语在悬停时显示一个大版本的三角形，并将您带到一个与网站风格相匹配的大联系表单。

访问网站

6. 印度尼西亚冲浪

本网站由 Lokesh Mangyan 提交。 这个使用了有趣的符号。 许多元素包括带有指向元素的箭头的倾斜文本。 文本提供了有关如何使用该网站的提示。 整个主页都放置了几个号召性用语，它们与网站的设计配合得很好。 CTA 包括按钮、小横幅和全宽部分，在棕褐色背景上显示大文本，前景中有图像和按钮。 它还包括网站工具的应用程序版本的 CTA。 几种棕褐色调用作品牌颜色，与海滩主题相得益彰。 一部分简介会在悬停时显示其边框，并包含棕褐色图标。 评论在英雄部分和推荐滑块中显示为带有星级评分的简短片段。 我喜欢在这个网站上使用地图。

访问网站

7.卡尔数码

本网站由来自 Kal 的 Petros 提交。 这个有趣地使用了背景和排版。 它在英雄部分的标题后面显示一个鲜红色的动画气泡。 当您滚动到下一部分时，气泡会保持原位，并更改为不同的形状，直到它成为完整的背景。 然后它变为灰色并变回气泡，然后变为黑色背景。 一路上，前景显示信息、服务，一边是卡通风格的图形，另一边是信息。 灰色部分显示了计算机屏幕的图形，两边都有宣传语。 其他页面使用不同颜色的类似设计。 我也喜欢联系页面上的动画笔。

访问网站

8. 罗宾逊医学博士

本网站由乔纳森·莫雷提交。 它使用浅色作为整个网站的亮点和背景元素。 辅助工具放置在一个始终触手可及的图标中。 有几个部分显示两列，一侧是图像，另一侧是文本。 一些图像在其两个角后面包含色块。 Blurbs 包括非常适合网站类型的专用图标。 宣传语的一部分包括滚动速度比背景快的卡片和侧面的宣传语。 页脚附近的详细表单与站点的样式相匹配。 博客页面遵循相同的设计，并包括带有建议和样式的博客卡片的搜索​​。

访问网站

9. 国际预算伙伴关系

本网站由 Rajan Zaveri 提交。 它在所有元素中使用了大量的大地色调。 许多标题包括看起来像标记的突出显示。 一些背景包括手绘地图。 人物的手绘图形漂浮在文本旁边。 菜单有样式按钮。 在切换中创建目录。 左边是一个样式化的点导航系统，一旦你滚动过英雄部分就会出现。 标题显示每个部分的名称。 我特别喜欢网格中带有数字的部分。 数字用大边框分隔。 在网格的中心是带有标题的小块文本。 将鼠标悬停在 1 上可将其缩放至全尺寸，显示信息和显示在数字上的叠加层。 数据地图的按钮粘在底部并打开一个弹出窗口。

访问网站

10. Nyansa

本网站由克里斯蒂娜提交。 这一个使用多种绿色阴影作为整个网站的品牌颜色，包括徽标。 英雄部分在全宽图像的一部分上放置了一个绿色叠加层，并包含一个 CTA。 另一部分将文本块重叠在图像上，并包括带有绿色背景的标题。 我特别喜欢 5 个宣传语的部分，其中包括在角上转动的正方形内的绿色圆圈图标。 一部分信息使用具有不同深浅绿色的卡片，从深到浅。 页脚中的社交图标遵循相同的顺序。 博客部分为卡片使用深绿色底部边框。 推荐滑块包括文本的绿色背景，并包括从大背景图像中突出的粗白色边框。

访问网站

直到下个月！

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

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

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

精选图片来自 pikolorante/shutterstock.com