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

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

我希望你喜欢他们！

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

1. 进展

本网站由 Azer Gunes 提交。 它使用大量黑色背景，带有大的白色文本和明亮的黄色高光。 导航菜单以透明背景开始，并显示徽标、链接和几个黄色背景的 CTA。 滚动后，标题变为黑色背景，CTA 现在有标题，菜单链接移动到左侧出现的汉堡菜单。 整个网站的按钮在悬停时会交换颜色。 工作显示为自定义帖子类型，并包含一个方形图像，角落中有一个可点击的链接。 团队成员显示在位于一侧背景图案上的滑块中。 页脚在黄色背景上显示信息，并将社交媒体链接放置在块模式中。 我喜欢在这个网站上使用黄色和黑色。

访问网站

2. Neheulbeuk 的地牢

本网站由 Thibault Jullian 提交。 如果您是 RPG 游戏玩家，该网站将立即吸引您。 背景视频通过从一个场景滑动到另一个场景并以慢动作显示场景来创建动画滑块的外观。 前景显示样式化的标题和 CTA 按钮。 工作室的标志被放置在一个卡通人物进入房间的门上方的石块图上。 当您滚动到该部分时，模糊的文本会从两侧滑出并在到达其位置时成为焦点。 有关游戏的信息使用自定义图标和带有金色亮点的样式文本显示在简介中。 视频嵌入在作为游戏海报的背景上。 屏幕截图显示在砖石画廊中。 这个网站很好地利用了黑色背景上的图形和金色文字。

访问网站

3. 特拉福斯

本网站由 samant jaitli 提交。 这个网站是一个在线商店，可以找到一种有趣的颜色使用方式。 英雄部分在右侧和左侧显示图像，在中间显示按钮，背景是来自网站的柔和的黄色和蓝色。 产品图像的背景颜色也使用这些颜色和其他几种颜色。 一些产品图片有阴影，使产品从背景中脱颖而出。 倒数计时器显示徽标。 其他产品包括一侧的边框，图像放置在另一侧的彩色背景上，使用英雄部分的蓝色和黄色创建颜色重叠。 一部分新品为产品添加了方框阴影。 页脚也很有趣。 它将屏幕分为一大列蓝色和一小列黄色。 每列提供不同的信息。 熊猫的卡通图画出现在整个网站上，包括徽标。

访问网站

4. 南康西

本网站由 Marc HENRY 提交。 该站点使用了许多图形元素，这些图形元素的形状带有圆形边缘，可以显示背景图像。 英雄部分垂直显示了其中的几个，其中最突出的一个显示了背景视频。 其他显示颜色或图像。 另一部分显示了几个水平。 它们更薄，几乎占据屏幕的整个宽度，并以交替布局放置。 它们包括以超大文本作为标题的背景图像和作为描述的图形元素下的较小文本。 一部分数字计数器与这些类似，包括带有金色文本的蓝色/黑色背景渐变。 推荐被放置在背景图像上，文本在覆盖层中。 我也喜欢在中心显示图形元素并在两侧显示简介的部分。 中心图形放置在叶子图形上以使其脱颖而出。

访问网站

5. Foster & Associates

本网站由 Flavio Mester 提交。 这个从菜单开始，有趣地使用了色块。 标题是一组位于右上角并保持原位的两个块。 左侧块包括在白色半透明背景上的标题。 超大汉堡包菜单位于右侧区域，背景为黑色半透明。 当您向下滚动站点时，每个部分都会滑动到位。 这些部分与带有蓝色条纹的英雄部分分开。 色块位于该部分的最左侧，包括棕褐色和深灰色的交替色调。 这些部分本身在白色和浅灰色之间交替。 推荐信占据屏幕的整个宽度，并将文本放置在带有深色覆盖层的背景图像上。 出版物页面包括嵌入式播客。

访问网站

6. 设计

本网站由 Designup 的 Tobija 提交。 这个很好地利用了紫色和相关颜色进行品牌推广。 英雄部分在紫色覆盖层后面显示视频，前景中有描述和 CTA。 标题包括链接，它们之间有很多空间，还有一个以红色粗体渐变的 CTA。 几个部分包括紫色背景、背景图案或两者。 成功案例部分显示计算机屏幕上的工作图像，带有紫色按钮以查看工作。 另一部分使用带有紫色图标的简介。 一个部分适合这两者之间的绿色渐变背景，突出。 上一节和下一节的背景图案与这一部分重叠。 成本页面有一个独特的计算器，它有一个红色部分，它会一直贴在页面底部，直到您在滚动时到达该部分。 品牌颜色可以很好地将这种设计联系在一起。

访问网站

7. 始终保持进步

本网站由 Ragz Thompson 提交。 该网站优雅地使用绿色和橙色作为品牌颜色，从标题中的徽标和 CTA 开始。 英雄部分显示四个与全屏图像重叠的简介。 它们包括圆角、大图标、不同深浅的绿色背景、向内的框阴影以及悬停时更改为橙色。 向内的阴影使宣传语具有重叠效果，使它们看起来彼此重叠。 绿色经常用于标题、简介和图标。 橙色经常用于按钮的背景颜色。 大多数按钮都包含框阴影以突出显示。 浮动社交媒体按钮也是绿色的，悬停时变为橙色。 波浪形部分分隔线使各部分以风格分开，而背景颜色则使划分保持微妙。

访问网站

8. florianboetler.com

本网站由 Florian Bolter 提交。 这是简历网站的一个很好的例子。 它为整个网站的亮点使用了有趣的颜色，同时为所有网络元素提供了足够的空间。 英雄部分一侧的大文本介绍了站点所有者，并包括在按钮后面带有偏移背景的样式按钮。 另一侧的样式图形包括在整个站点中重复的颜色。 我喜欢项目的部分。 它显示一个案例研究，一侧是图像，另一侧是标题、描述、关键字、样式按钮和图形。 这些项目以交替布局放置，每个项目都有不同的图形，使用大胆的颜色。 联系人部分显示悬停时倾斜的大型社交图标。 案例研究充分利用了摄影。

访问网站

9. Aspire 认证

本网站由 Dijimoe 提交。 这个使用大量深蓝色作为背景，使用浅绿色作为高光。 颜色完美搭配，为网站提供了有趣的设计。 英雄部分显示带有蓝色和绿色渐变的背景图像，以将颜色混合在一起。 它还使用向下箭头部分分隔符，该分隔符融入下一部分，将热门国家显示为带有图像和蓝色叠加层的大简介。 前景以浅绿色显示名称和按钮，以白色显示信息。 悬停将覆盖层更改为绿色，并添加一个绿色的内边框和一条白色的线。 图像在悬停时放大。 我也喜欢在深蓝色背景上显示浅绿色的地图。 它包括在悬停时显示位置名称。 左侧显示带有位置名称的旋转文本。 Blurbs 使用绿色字母作为背景元素来拼写 FAST 这个词。

访问网站

10. 设计

本网站由来自 Devise 的 Narathip 提交。 它使用黑色和白色的阴影来创造一个复杂的设计。 英雄部分有一个全屏滑块，每张幻灯片显示背景图像和不同颜色的叠加层。 一侧的文本显示标题和描述。 幻灯片的图像以视差显示。 该站点的每个部分的左侧都有一个带下划线的标题，中间还有一个更大的描述字体。 背景为灰白色、黑色或深灰色。 关于他们方法的部分显示了带有描述的示例图像。 关于他们工作的部分将项目显示为大图像和查看更多信息的链接。 客户的标志在深灰色背景上以白色显示。 这些项目的页面更加优雅，包括在样式背景上的大型详细照片。 职位空缺显示在简介中。 我喜欢这个网站上的摄影和色彩。

访问网站

在结束

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

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

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

精选图片来自 Jemastock/shutterstock.com