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

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

我希望你喜欢他们！

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

1.荣谷

本网站由 Kelsey Spectre 提交。 它包括许多优雅的照片、金色文字和金色亮点，以吸引目标受众。 金色文字和图形适用于包括白色、黑色和棕褐色在内的浅色和深色背景。 一组展示他们方法的简介具有动画图标。 该部分具有带角图形的样式边框。 汉堡菜单显示各种宽度和粗细的线条。 导航菜单打开以显示黑色背景和金色亮点。 画廊显示产品图像，单击时会在灯箱中播放视频。 我特别喜欢两列交替布局的推荐页面。

访问网站

2. 与黛比畅所欲言

本网站由 Michal Teska 提交。 它有一个干净的布局，特别注意字体和颜色的选择。 字体以正确的方式脱颖而出，红色突出显示为网站提供了平衡的设计。 有关课程的信息显示在卡片中。 它们包括悬停效果，最受欢迎的选项用红色边框和顶部的文本突出显示。 信息请求在带有绿色覆盖的背景图像上提供表单。 我也喜欢显示带有红色突出显示的推荐滑块的评论部分。 它很简单，但与网站的设计完美契合。

访问网站

3. 皱巴巴的作家

本网站由 Julie Rick 提交。 这个使用了一种干净的设计，在棕褐色和白色背景之间交替，并在整个过程中包括红色高光。 红色突出显示甚至扩展到菜单中的号召性用语、滚动条和返回顶部按钮。 一组简介描述了访问者的需求并更改了悬停时提供的服务。 另一部分显示有关站点所有者的信息，一侧是所有者的卡通，另一侧是项目符号和自定义图标。 一部分工作显示带有标题和描述的客户徽标。 特色项目显示在滑块内。 我也喜欢单栏博客布局，一侧有特色图片。

访问网站

4. DuoGeeks

本网站由 Lovish Gulati 提交。 它始终使用蓝色和紫色渐变，并以绿色或红色突出显示，为设计带来俏皮和令人兴奋的感觉。 英雄部分显示了一个电子邮件表单和一个引用表单，并且仍然找到了一种方法来使它们保持整洁和易于理解。 号召性用语包括渐变上的一侧的文本和另一侧的一组带有创建马赛克的图形的简介。 我喜欢带有示例的部分，该部分在悬停时滚动的窗口中显示工作。 推荐书放置在渐变背景上，并包括渐变本身。 它有很多 CTA，它们在整个布局中都放置得很好。 商店页面以及遵循类似设计的产品页面也很突出。

访问网站

5. 小牛队

本网站由 Flavio Mester 提交。 它使用大量黑色或红色背景和大号白色文字来创建醒目的设计，具有专业外观。 英雄部分显示一个带有标语的全屏滑块和一个带有重叠徽标的红色和黑色菜单。 下拉菜单遵循相同的设计，带有红色背景和黑色边框。 带有时间表的部分在一侧使用黑色，在另一侧使用红色，并带有用于查看时间表或注册的按钮。 最新消息显示为带有粗边框的大框内的文本。 画廊页面通过大背景图片引入 Instagram 帖子。 这个网站很好地利用了颜色和字体。

访问网站

6.维达山

本网站由 Megan Dorien 提交。 英雄部分显示该区域的全角图像，并在菜单中包含 CTA 和联系信息。 叶子的图像在整个布局中用作背景元素。 套件在多列布局中显示为卡片，并在悬停时更改为不同的照片。 布局中的卡片包括联系信息。 一个有趣的 CTA 显示一个带有文本的框，另一个 CTA 带有圆角和红色背景以突出显示。 我喜欢信息设计，一侧是画廊，另一侧是交替布局的重叠文本。 画廊是从 Instagram 提要创建的。

访问网站

7. Evelyn Vinocur 博士

本网站由 Gui Vino 提交。 这个使用大文本、棕褐色背景、粉红色和黄色高光以及移动优先布局设计。 英雄部分包括网站所有者在斑点背景图形上的绘图。 大多数元素显示粉红色突出显示。 治疗列表以分隔符分隔的大文本显示。 图像显示在宽相框内。 关于任务的部分在带有简单消息的渐变上的图片框中显示图形。 我特别喜欢关于它如何工作的部分。 它在两侧显示信息，中间有一个图形，然后是联系信息。 此部分位于背景渐变之上，该渐变包括将背景更改为新颜色的样式分隔符。

访问网站

8. 乡村温泉

本网站由宝琳娜·里奇提交。 它使用柔和的灰色阴影和棕褐色、优雅的字体和摄影来吸引目标受众。 英雄部分显示了带有预订 CTA 的全屏图像。 多个全宽 CTA 在一侧显示产品，在另一侧显示与产品图像融为一体的背景图像上的文本。 其他 CTA 以交替布局在一侧显示大图像，在另一侧显示文本。 处理在样式选项卡中显示信息。 预约是通过嵌入式表格进行的。 礼券是通过带有与网站匹配的图形元素的样式表购买的。 这个网站优雅地使用了摄影。

访问网站

9. Createur2Site

本网站由 Createur2Site 提交。 这个网站的滚动效果超出了这个世界，它使用了我见过的最有趣的鼠标光标。 鼠标光标是一个超大点，显示其悬停区域的相反颜色（低至像素级别）。 英雄部分显示黑色背景，中间有一个圆形图形和标语。 滚动放大到中心并向上滚动下一部分。 当您继续滚动时，中心会放大，成为屏幕上的图形元素之一。 另一种滚动效果将一个单词一分为二，而其他滚动效果则为部分分隔符设置动画、悬停时滚动单词、打开图形元素等等。 滚动效果永远不会妨碍网站的可用性。

访问网站

10.我们是网页设计

本网站由贾斯汀卡特提交。 它使用浅棕褐色背景，带有深橙色高光和深色棕褐色背景。 服务的图像、客户徽标和产品组合中的图像添加了更大胆的颜色。 服务部分将标题放在一个有趣的背景图案上。 服务的图像与模式重叠。 社交链接垂直放置在右侧。 标题使用的字体是优雅的大线条，与网站的颜色完美搭配，给网站带来优雅的感觉。 我喜欢博客设计。 它包括标题中的背景图案，博客文章显示特色图像，标题位于棕褐色背景的图像下方。

访问网站

在结束

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

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

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

精选图片来自 Jemastock/shutterstock.com