Divi 设计展示：2020 年 6 月的新提交

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

我希望你喜欢他们！

Divi 设计展示：2020 年 6 月的新提交

1.普雷斯顿微笑

本网站由 Christian Mauerer 提交。 英雄部分显示具有打字效果的动画文本，一侧使用花哨的字体和 CTA，另一侧使用背景图像的主题。 滚动显示徽标滑块，显示公司所在的媒体。书籍 CTA 在中间显示在线商店的徽标，箭头指向带有书籍照片的外边缘。 当您滚动时，书籍会向中心移动。 关于站点所有者的部分在左侧显示一张大照片，在右侧显示信息。 当您向下滚动页面以查看相互重叠的图像库时，照片滚动得更快。 几个部分包括风格的视频。 我特别喜欢推荐部分，它显示了所有者的大图像、来自 Facebook 的推荐和活动照片。

访问网站

2.WebDevXd

该站点由 Web Dev Xd 的 Steph 提交。 CTA 显示在左侧，在世界地图的背景图像和白色覆盖层上显示红色按钮。 全角菜单位于此部分下方，滚动时会固定在顶部。 下一部分在一侧显示计算机屏幕内的工作示例，在另一侧显示描述，每个示例均使用品牌红色和白色。 服务显示在带有红色图标的简介中。 项目部分显示堆叠的图像。 图像缩小，背面的图像在悬停时移到两侧。 可交付成果部分使用红色背景，并以白色显示文本和图标。 标题垂直坐在一边。 页脚在红色背景上显示一个帖子滑块和几个小部件。

访问网站

3. 牟尼

本网站由 Lethicia Diniz 提交。 它使用与流派完美匹配的蓝色和绿色颜色和字体样式。 标题显示 CTA 的堆叠按钮。 英雄部分包括一个背景图像，一侧是主题，另一侧是大项目符号。 计划显示为具有不同颜色背景的文本块，可在悬停时放大。 我喜欢使用图层构建的全屏 CTA。 它在一侧显示一张照片，一个涵盖后三分之二的标题，另一侧的好处列表，以及一个与其他两个重叠的大框，带有蓝色背景和 CTA 本身的图案。 推荐滑块显示在最右侧，并带有背景图案。 页脚显示两行。 第一个有 CTA 来阅读更多不同颜色和大小的信息、联系信息，然后底行显示小部件。 两行显示在视差背景图案上。

访问网站

4. 桑卡拉

本网站由 Xavier Ferre 提交。 导航菜单垂直显示在左侧，并在您滚动时保留在屏幕上。 英雄部分以大字体显示站点标题，然后是服务列表和可点击的联系人 CTA，另一侧是小图像。 信息在具有不同背景颜色和图像位置的两张大卡片中提供。 两者都与下一个部分重叠，该部分从上方展示了一个更大的风格化篮球场，​​其设计与前两张卡片相似。 更多卡片紧随其后，并以大列文本进行介绍。 此部分包括联系表和合作者列表。 博客文章带有样式箭头，可在您滚动时放大到位。 博客部分还引导读者进入登录表单。

访问网站

5. 缓冲保险

本网站由肖恩·特纳提交。 该网站很好地利用了颜色和图像。 英雄部分显示两个背景图像。 较大的一侧有蓝色覆盖层，较小的一侧有绿色覆盖层。 前景图像放置在两者相遇的位置，并以盾牌形状放置在背景上。 CTA 放置在另一侧。 前景还包括出现在整个站点的图案中的形状。 下一部分在具有相同设计的大盒子中显示服务。 接下来的两个部分在具有白色或蓝色叠加层的背景图像上以交替布局显示一侧的高大简介和另一侧的图像。 简介显示子弹。 图像使用与英雄部分相同的盾牌。 全角帖子滑块显示最新帖子的标题和文本。 它还包括一个带有文本链接的超级菜单。

访问网站

6. 柯利

本网站由 Anthea A. Ancalade 提交。 英雄部分显示全屏背景图像，中心有一个搜索框，您可以选择位置或使用当前位置。 服务显示的图像包括 CTA 旁边的标题和叠加层。 特色样式显示在 6 列滑块中，包括图像、标题、星级和位置。 滑块包括箭头和点导航。 单击其中一种样式会将您带到其产品页面。 新样式显示在 6 列中，但没有滑块。 博客部分显示最近的两个帖子，并在帖子下方放置一行，其中包含链接以查看该行下方的更多内容。 博客中的教程分为三列，并遵循相同的设计。 它还包括一个有 6 列和 2 行的 Instagram 提要和一个带有样式电子邮件表单的页脚。

访问网站

7. 排字障碍

本网站由 Eugenia Janakow 提交。 它在图形中使用了大量粗体黄色。 标题的创建就像是使用标签制作器制作的一样，使背景为黑色，文本为白色，具有 3D 外观。 CTA 放置在菜单的中间。 英雄部分显示分屏，左侧是 CTA，右侧是图像。 CTA 使用在滚动和悬停时动画的手绘图形。 有关站点所有者的信息显示带有 CTA 的带圆圈的图像以了解更多信息。 我特别喜欢推荐部分。 它显示来自 Google 的评论以及星级评分和可将您带到“关于”页面的可点击图形。 服务显示在简介中，包括大型手绘图形。 博客使用品牌黄色作为meta，联系表格使用它作为整个部分的背景。

访问网站

8. 丛林工匠

本网站由 Simone Talamo 提交。 英雄部分显示一个以主题为中心的全屏图像。 前景显示带有 CTA 和社交按钮的标语。 几个全宽部分遵循类似的设计。 每个部分都有一个锯齿状的分隔符，非常适合该类型。 下一部分显示用于信息的大图像，在叠加层中带有文本和图标。 大多数都有深色背景或融入深色背景。 一本手册显示书的封面和文本。 最新的博文将帖子显示为带有方框阴影的卡片。 页脚显示产品及其名称、图像、星级和价格。 课程页面遵循相同的设计，并添加了倒数计时器和样式切换。

访问网站

9. KWALT 数码

本网站由 Nicolas Peigner 提交。 这个网站有很多有趣的动画、样式化的文本、图形和箭头。 黄色被用作品牌颜色，并以创造性的方式使用。 英雄部分在一侧显示具有打字效果的文本。 酒吧位于此下方并列出服务。 右侧是几个独立的图形元素，它们悬停并响应光标。 下一部分显示一个标题，一侧是动画图形，另一侧是简单的 CTA。 最新的作品遵循这一点，并展示了不同颜色和图案背景下的作品截图。 解释好处的部分用两种颜色的图标将宣传语放在一侧。 图像位于另一侧，将读者引向简介。 一个简单的推荐滑块放置在深灰色背景上以突出显示。

访问网站

10.探索

本网站由 Ava Charpentier 提交。 它使用许多棕褐色调作为品牌颜色。 顶部栏在滚动时消失，徽标与标题和英雄部分重叠，标题包括悬停动画。 主图像显示标题、描述和用于下订单的按钮。 另一个图像以真实视差放置在主图像上作为窗口。 信息以带有自定义图形的简介显示。 产品在产品图片顶部后面显示为背景色。 博客部分使用了类似的背景设计。 阅读有关公司的 CTA 在一侧显示文本，在另一侧显示图像。 推荐以卡片形式呈现，顶部有白色背景的引述，底部有棕褐色背景的名称。 该网站还包括一个 Instagram 提要和一个带有悬停动画的自定义页脚。

访问网站

在结束

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

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

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

精选图片来自 domonku/shutterstock.com