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

已发表: 2019-06-30

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

我希望你喜欢他们！

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

1. 玛丽·布兹科娃

本网站由 Michal Teska 提交。这是一种单页设计，仅对标题和社交媒体链接使用导航菜单，并将菜单放置在页面底部。滚动时菜单保持原位。英雄部分在全屏背景的一侧显示站点所有者的大图像。名称和统计数据放在另一边。每个部分的标题在标题后面显示大文本。职业亮点在一侧显示重叠图像，在另一侧显示亮点，然后是嵌入的视频。图像显示在砖石画廊中，并在全屏滑块中打开。 “团队”部分显示带有背景图案的团队头像。关注部分包括嵌入式 Facebook 和 Twitter 提要。该网站有趣地使用了颜色和文字。

访问网站

2. MWS数字

本网站由 Kaelynn Midgley 提交。它有一个干净的登陆页面，重点是号召性用语。页眉在页面中央显示主要信息，包括徽标、标语和 CTA。他们的方法的 CTA 图形与下一部分重叠。 2 列部分在移动设备上的一列中显示图像，另一列中显示文本。接下来的几个部分遵循这个设计并在页面上交替。博客部分显示带有深色叠加层和文本的方形图像，营造出干净优雅的设计。我喜欢服务链接部分。它以大字体显示与每个服务相关联的服务。该网站优雅地使用了颜色和布局。

访问网站

3. 木瓜木瓜

本网站由 Andrea El-Bardawil 提交。该网站是一个单页设计，使用大量视差背景和背景图案的图像。当您滚动时，前景显示与背景交互的图像。前景包括描述下一部分的大文本。信息以带有适当图形的简介形式提供。编号部分显示带有 CTA 的信息。最新作品的示例显示在滑块中，并在红色粗体背景上带有说明和链接。该网站充分利用了水果主题、视差图像以及大胆的红色和橙色。

访问网站

4. 新鲜青柠

本网站由 Josh Allan 提交。该网站在图标、徽标和菜单 CTA（滚动后）以及按钮和文本等图形中使用柠檬绿作为品牌颜色，蓝色用于背景和按钮。英雄部分显示了各种深蓝色的有趣背景图案，并带有人物建筑物的图形。前景显示标题、标语和 CTA。服务在带有绿色图标的简介中描述。另一部分显示一侧的信息，带有与英雄部分相匹配的建筑物图形和另一侧的人物。每一页都很好地利用了图形和图案背景。

访问网站

5. 河边牧场

本网站由 Kelsey Spectre 提交。它使用与菜单和下一部分重叠的超大徽标。菜单在屏幕上显示得足够低，主图像的一部分出现在其上方。全角图像显示位置并使用图像中的天空放置标题文本。通讯 CTA 出现在此下方，使用脚本字体作为看起来像手写的标题。图像用作信息页面的链接。几个部分在一侧显示地图或图像，另一侧显示文字以描述位置或提供信息。各个页面显示位置的全角图像，并使用手绘图形或卫星图像绘制地图。背景和文字的颜色与牧场主题完美契合。

访问网站

6.伊甸河马术

本网站由萨尔玛警长提交。它包括一个带有帐户链接的顶部菜单栏、一个大的徽标区域，然后是蓝色背景的主导航栏，比网站的其余部分更窄。主背景图片在叠加层中显示标语和商店 CTA。标题为绿色或棕色以适应网站的设计。 Facebook 号召性用语在一个突出的彩色框中描述了该组。它使用带圆圈的图像和链接到该组的按钮。关于播客的部分使用带有标题的图像链接到最新剧集。另一个突出的部分是一组带有圆圈图像的简介，这些图像链接到各个页面，这些页面的样式与主页相似。文本和突出显示的颜色与网站的设计很相配。

访问网站

7. 狮子大道

本网站由瑞奇提交。该网站是一个单页设计，同时使用深色和柔和的颜色来呈现风格化的外观。浅蓝色高光用于标题、背景和边框。英雄部分显示带有一组 CTA 和大徽标的标语。信息部分在样式图像的一侧显示站点所有者的图像，在另一侧以更大的区域显示信息，带有标题、脚本字体，以及信息本身显示在带有样式边框的框中重叠图像。相同的标题和脚本字体设计用于介绍整个网站的几个部分，包括将项目图像显示为卡片的投资组合部分。颜色、字体和有角度的分隔线有助于为该网站提供干净有趣的设计。

访问网站

8. 挤奶更多

本网站由 DJ WHEELER 提交。该网站使用黑色、白色和棕褐色配色方案来帮助创建干净的设计。菜单的文本比正常的大，链接之间有很多空间。英雄部分以全宽和超大波浪分隔线显示相关图像，并具有透明度以融入下一部分，在白色背景上显示大的黑色文本。另一个全宽图像与上一部分和下一部分融合在一起，其中包括用于商店类别的大按钮，后面是一组产品。几个部分提供带有图像和按钮或简介和图标的信息。每个部分都保持信息简短。推荐和通讯部分遵循相同的简单设计。这个网站很好地利用了空白和排版。

访问网站

9. Pro Foto Online

本网站由 Eugene Dimov 提交。该站点使用时间线设计来分隔各个部分。全屏图像显示标题和 CTA。大节包括位于标题后面的大标题。当您滚动时，标题会慢慢滑入到位。每个部分都用一个颜色块和一个带有垂直线的数字编号。当您滚动时，数字会弹回原位。较小的部分具有显示在屏幕两侧的垂直标题。这些部分本身包括带有文本和图像的交替 CTA。我喜欢图库页面的布局。它在一侧显示带有粗边框的图像，在另一侧显示摄影师的信息以及购买或打印图像的按钮。 “联系方式”页面在悬挂在天花板上的板上显示联系表。该表单位于图像滑块旁边。他们放置的木板在砖墙上。该网站充分利用了排版和摄影。

访问网站

10. 海科实验室

本站由瑞席尔瓦提交。英雄部分显示带有 CTA 的大橙色背景图案和视差叠加层中的倾斜图像。该部分有一个有角度的分隔线，可以融入下一部分。当您滚动时，产品显示在一侧，描述显示在另一侧，它们在页面下方交替显示。一些图像与背景元素重叠。另一个有趣的信息部分使用了一个黑色背景的块，它占据了大部分屏幕并位于一侧。当您滚动时，显示的背景融合到其下方的图像中。 CTA 在黑色背景上以大胆的颜色脱颖而出。这个网站很好地利用了色彩和摄影。

访问网站

结论

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

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

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

精选图片来自 rudall30/shutterstock.com