Divi 设计展示：2019 年 3 月以来的新提交

已发表: 2019-03-31

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

我希望你喜欢他们！

Divi 设计展示：2019 年 3 月以来的新提交

1.走在库南依

本网站由 Sarah Crawford 提交。它在位置的全屏背景上叠加显示带有标语的样式文本和图形。样式文本和图形出现在整个站点中，包括出现在滚动左下角的链接中。该位置的照片显示在两列中，带有标题、描述和按钮以查看更多信息。这些按钮的样式与菜单中的 CTA 相匹配。它还包括一个嵌入式日历以显示即将发生的事件。有关位置的更多信息显示在带有图像、文本和按钮的两列交替部分中。

访问网站

2. 柠檬水

本网站由 Teck Seng Chan 提交。本网站的英雄部分和 CTA 使用材料设计图形，品牌颜色为蓝色、绿色和橙色。文本、按钮和 CTA 与整个网站的品牌颜色相匹配。我特别喜欢带有图形的简介。它们包括阴影效果和样式化的底部边框。另一部分显示了一个网站设计，上面有一个真正视差的移动设计。该网站保持布局简单和干净，同时充分利用色彩和白色空间。

访问网站

3. GillespieShields 律师事务所

本网站由 Robby Doyle 提交。该网站使用大胆的红色、大的灰色图标和大量的空白来创建一个引人注目的设计。 CTA 很容易被发现。我喜欢英雄图像下的部分，它显示了四列，带有带有标题的分隔符。将鼠标悬停在一个上会显示该主题的链接。推荐显示在带有屏蔽切口设计中的照片的滑块中。它在完整引用上方的灰色大文本中显示要点。我也喜欢在联系表格、认证图标和页脚中使用蓝灰色。悬停时认证图标以彩色显示。

访问网站

4. Forside C2IT

本网站由 Janus Lock 提交。该网站显示一个全屏视频，一侧有深蓝色覆盖层，中间有一条大标语。深蓝色与灰色一起用于品牌标识。一个纤细的垂直菜单保留在右侧。它还包括标语，但采用竖排文本。它在悬停时动画并在单击时扩展到全屏以在深蓝色背景上显示链接和突出的搜索功能。服务以动画图形显示。单个块创建一个盒子。每一个都将放大悬停并链接到示例项目。事件部分创建了一个带有链接的独特日历设计。

访问网站

5. iShop Cloverdale

本网站由 Kristy Hill 提交。一个滑块在英雄部分的中心显示产品、CTA 和社交关注图标，带有粗边框和框阴影。绿色、橙色和黄色用于整个设计的品牌颜色。特色交易显示为商店部分中的产品，深橙色背景上带有框阴影。我喜欢关于它如何工作的部分。它显示了一张大型手绘地图，可引导您完成整个过程。 Shop the Deals 页面将交易显示为可过滤的项目。下载应用程序页面很有趣。它在手机上显示产品。当您滚动时，前景会以视差方式在屏幕上滚动以显示菜单。

访问网站

6.FLL航空

本网站由 Juan Pablo Parody 提交。这显示了一个全宽背景图像，前景中有一些有趣的颜色图案块以创建 CTA。颜色是整个网站使用的品牌蓝色色调。滚动显示图像和文本的交替部分。文本放置在各种颜色的背景上，与网站的设计完美融合。我也喜欢页脚中的联系部分。它显示了一个全宽图像，左侧是主题，右侧是一个包含所有联系信息和社交关注链接的色块。该网站充分利用了大文本。

访问网站

7. 狂野的秋天

本网站由 Kelsey Spectre 提交。这个网站在登陆屏幕上有很多事情要做，但它以一种干净的方式运作。全屏背景图像将主体置于中央。在屏幕的两侧是以文本形式提供的不同类型的信息。左侧是导航菜单。右侧是 CTA。底部是导航菜单。当您滚动时，此菜单会固定在顶部。布局使用了大量带有图像的空白区域和带有文本的重叠框（纯色或彩色边框）。其中一些具有重叠的图形。大引号增加了额外的空白元素。我喜欢本网站使用的手写字体，而且该网站大量使用了摄影。

访问网站

8.洞察设计

本网站由史蒂夫·多伊格 (Steve Doig) 提交。它在布局中使用带有大胆色彩和大量空白的细文本样式来创建干净的设计。英雄部分在一侧显示图像，在另一侧显示标语和 CTA。正下方是一个链接列表，用于为所提供的服务类型创建样式菜单。每个链接都由垂直线分隔以匹配站点的品牌。服务的 CTA 显示各种类型服务的图像，并带有一个按钮以了解更多信息。这些部分在页面上交替。这个网站有一个有趣的页脚，它有一个浅灰色的背景和一个大文本链接。文本的第一个单词是徽标的样式版本，每个单词都有不同的颜色。我喜欢菜单中的社交图标。

访问网站

9. Vexels

本网站由 Agustina Ouvina 提交。此站点显示全宽滑块。每张幻灯片都以视差显示产品的背景图像，中间有一个大搜索框，左下角是 CTA 链接，右下角是社交图标。特色产品部分以四列显示产品。每张产品图片都会在悬停时显示标题和社交分享链接。显示计划的部分以视差蓝色背景显示产品上的简介。我喜欢关于特色类别的部分。它们在带有悬停效果的紫色背景上的网格中显示为矢量图标。当您滚动时，菜单中会出现一个大搜索框。

访问网站

10. 狮子大道

本网站由 Ricky Lionetti 提交。这是一个单页设计，在整个站点中使用纯色背景。绿色也用于整个网站的文本。英雄部分在带样式文本的标语中显示了一个指向投资组合的链接。一个大图形与下一部分重叠。 “关于”部分显示带圆圈的图像和 CTA。下面是一个有趣的部分，它使用主题标签详细介绍了网站所有者。当前项目显示在滑块中，后面是带有图像和链接的最近项目。示例徽标显示为网格中的图像。联系表格显示在一杯咖啡（嗯，咖啡……）上，其中包括表明您感兴趣的服务类型的选项。我喜欢这个网站上的颜色。

访问网站

在结束

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

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

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

精选图片来自 ProStockStudio/shutterstock.com