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

已发表: 2019-07-29

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

我希望你喜欢他们！

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

1.Enash

本网站由 Nicolas 提交。该网站使用大量超大文本作为标题和号召性用语。英雄部分显示带有标题和标语的大绿色背景。一行文本通知用户滚动。滚动显示两列部分。左侧显示了带有大文本和超大块状按钮的 CTA。右侧显示了真实视差的图像。另一个大部分使用大文本显示有关他们的服务的信息，以介绍每个服务的部分和简介。另一大部分显示客户名称，后跟一个包含联系信息和菜单的显眼页脚。我喜欢 Projects 页面的设计，它在视差图像上使用具有高不透明度的大型彩色叠加层。

查看网站

2. 卢巴 - Riflessi Digitali

本网站由 Ljuba 提交。它在一侧显示站点所有者的全屏图像，在另一侧显示标题和徽标。在英雄图像下方是一个细长的全宽部分，带有脚本字体的标语和电子邮件选择加入表格。关于部分用 CTA 介绍了所有者，然后是几个带有许多柔和色彩、脚本字体和优雅图形的 CTA。博客部分显示带有包含博客标题的小叠加层的帖子。一个简单的联系表格位于带图案的背景上。页脚包括 Instagram 提要。我喜欢投资组合页面。它在桌面上的计算机屏幕中显示示例，并在底部的叠加层中包含标题。

查看网站

3.成功模式

本网站由 Aaron Robertson 提交。该网站自始至终使用了许多大胆的颜色，包括背景、图形、按钮、标题、链接和菜单中的 CTA。英雄部分以视差显示叠加在图像上。覆盖层一方面提供产品的信息和链接，另一方面提供移动设备中产品的风格化图像。功能使用彩色图形作为图标显示在简介中。全角 CTA 在深色背景上使用大文本、大图形和粗体按钮。另一个 CTA 具有与英雄部分类似的设计，但在移动设备上使用应用程序的单一风格化图形。许多其他页面使用类似的粗体颜色设计 Divi 模块。我特别喜欢带有背景图像和叠加层的音频模块。这个网站很好地利用了颜色。

查看网站

4. 埃里克·胡珀

本网站由 Ty Hooper 提交。它将图像蒙太奇显示为英雄部分的背景，徽标和标语位于中心的叠加层中。一个全宽的关于部分紧随其后，在一侧显示图像，在另一侧显示信息。章节的一部分以网格形式显示博客文章。章节本身显示一张旧纸的背景图像，一侧是文字，另一侧是图像。文本和图像在整章中交替出现。博客导航按钮包括站点的徽标。图像页面显示一个完整的画廊，文档页面类似但添加了标题。采访页面包含嵌入视频和文档图像的多列布局组合。

查看网站

5. 哈莫纳海滩酒店

本网站由 George Paratsokis 提交。随着网站的加载，我们会看到一个预加载器的标志。加载后，英雄部分显示一个大背景图像，覆盖大部分图像。出现在图像左侧的是一侧部分打开的动画框内的标题和标语。菜单中的框、徽标、标题文本、按钮、社交图标和 CTA 是与网站品牌相匹配的漂亮棕褐色。关于部分显示一个带有圆圈的链接，该圆圈在悬停时为文本添加下划线。房间显示在卡片中，标题位于图像底部。悬停时，图像上方会出现一个叠加层，标题移动到中心，然后出现“阅读更多”链接。全角 CTA 显示类似于英雄部分的叠加层，并在文本周围绘制框，与按钮重叠。

查看网站

6. 专业网站巴塞尔

本网站由 Benny Hozjan 提交。这是一个包含许多细节的单页设计，例如跟随各部分并突出显示菜单中的部分的紫色圆点，以及匹配样式的导航栏。英雄部分显示带有彩色形状的图案背景，中间有一条标语，后面是与下一部分重叠的图形。关于部分显示了它如何使用带有动画图标的模糊效果，即使您没有将鼠标悬停在它们上面也会反弹。有几个部分显示信息，一侧带有文本，另一侧带有图形。服务显示在简介中，包括悬停动画、图像、标题和底部的样式点。全角 CTA 以大字体显示一小行文本，一侧是较小的标语，另一侧是动画按钮。一部分客户徽标使用与英雄部分相同的背景，但以视差显示以创建不同的外观。

查看网站

7. 只是虚拟现实

本网站由 Reinhard Wedemeyer 提交。该网站在深色和浅色背景上使用大量红色作为其品牌。顶部栏添加了一个常见问题解答和几个社交链接。英雄部分显示一个带有 Cinemagraph 的全屏背景，一方面突出显示产品，另一方面突出显示标题和 CTA。下一部分显示了简介中的信息和滑块中产品的图像。宣传的另一部分包括与网站品牌相匹配的多色图标。全角 CTA 在红色背景上的一侧显示文本和按钮，在另一侧显示产品图形。我最喜欢的部分之一展示了 8 张较小的产品图片，中间有说明。详细的联系表格放置在英雄部分使用的背景图片上。单个产品页面在粗体红色背景上显示产品。角落中的 CTA 弹出窗口会引导您查看常见问题解答，其中包含产品图片。

查看网站

8. 尼古拉·索伦森

本网站由 Nicolai Soerensen 提交。它显示一个大背景图像，中间有一个叠加层和一个 CTA。滚动显示两栏部分，一侧带有 CTA，绿色按钮与菜单中的 CTA 相匹配，另一侧是办公室图像。该页面包括几个类似的 CTA。 “关于”部分在一侧显示信息，另一侧带有圆圈图像和奖励。宣传内容的几个部分包括与网站品牌相匹配的绿色线条绘制的图像。案例研究显示为带有分隔符、标题和描述的大图像。悬停时会出现阅读更多按钮。我喜欢内衬网格中的灰色徽标部分，外边缘未封闭。这是一个产生巨大影响的最小元素。营销页面显示带有详细统计信息的客户图像。

查看网站

9. 出现

本网站由 Christian Schick 提交。它显示一个带有波浪形分隔线的绿色背景，一侧是 CTA，另一侧是与下一部分重叠的图像，其中显示了图像和详细信息。图像彼此成角度并远离对角线，以创造有趣的视觉效果。下一部分在一侧显示文本，在另一侧显示图标。图标使用带有样式形状的纯色背景来突出显示。形状与徽标相匹配。我喜欢项目部分。每个项目在多列布局中的文本块旁边显示一个图像。文本模块位于带有波浪形分隔线的部分的中心，该部分与下一个部分重叠，通向 CTA，然后进入带有波浪图案的简单电子邮件表单的样式页脚。每个页面都使用波浪形背景，标题叠加层中带有渐变，其中还包括图标和标语。

查看网站

10.早上的人

本网站由露西提交。主页是多列布局的马赛克图像。图像采用艺术叠加和裁剪在一起的其他图像进行风格化。演讲者的图片链接到他们的个人页面。将鼠标悬停在它们上方会显示一个文本框，其中包含它们的名称和标题以及两侧的绿色边框。公司的其他图像用于填充需要的空间，不链接到任何内容。演讲者页面以网格形式显示大图像，其下方带有标题。个人页面的工作方式类似于博客文章，并显示全屏图像，后跟内容。内容中的引用为绿色，与博客导航链接相匹配。内容包括三栏，左边有一个标志，中间是主要内容，右边是侧边栏的信息。

查看网站

在结束

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

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

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

精选图片来自 MSSA/shutterstock.com