Divi 设计展示：2021 年 1 月起的新提交

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

我希望你喜欢他们！

Divi 设计展示：2021 年 1 月起的新提交

1. 淡水河谷工业

本网站由 DJ Wheeler 提交。 它具有工业外观和感觉，部分背景有几种灰色阴影，宣传和推荐背景，甚至文本的深灰色。 按钮和点导航的红色突出显示突出。 标志将颜色联系在一起。 英雄部分通过一侧的 CTA 和另一侧的视频吸引人们对主题的关注。 按钮是平行四边形。 菜单中的 CTA 在悬停时变为黑色，并打开另一个具有与 CTA 文本颜色匹配的灰色背景的按钮。 主题以大简介显示。 具有真实视差的全宽图像显示了一个示例工地。 其他页面遵循类似的设计。 颜色和干净的布局非常适合这个工业场所。

参观淡水河谷工业

2. Arca Interactive

本网站由贾斯汀·阿卡拉提交。 它在整个网站上有很多紫色、红色和蓝色。 大多数部分包括两栏背景。 英雄部分显示两栏设计，一侧是 CTA，另一侧是图像。 两者都与标题和描述重叠。 Blurbs 用两种颜色的图标描述服务。 几个部分包括与背景不同的图像或其他元素。 最近的项目水平滚动标题并显示带有图像的项目。 推荐包括一侧的图像和另一侧的文字，徽标重叠在一起。 它还包括一个带有粘性电子邮件链接的样式化返回顶部按钮。 该站点充分利用了大文本、大图标、颜色和布局元素。

访问 Arca Interactive

3. 特拉福斯

本网站由 Samant Jaitli 提交。 它在整个网站的背景和产品背景中使用柔和的颜色。 许多按钮和卡片都包含框阴影以突出显示。 倒数计时器显示特价何时结束。 英雄部分显示来自站点的颜色，带有倾斜的图案，两侧嵌入图案中的图像和中心的两个 CTA。 设计您自己的衬衫的部分显示带有图标的步骤。 每个产品类别的左侧都包含彩色块以介绍类别。 我也喜欢联系部分。 它在两列中显示信息，每列具有不同的背景颜色和与站点匹配的卡通图形。 这个网站充分利用了色彩。

参观特拉福斯

4. 用户体验设计故事

本网站由艾莉·沃尔特斯提交。 它使用简单的设计和超大的标题文本。 英雄部分在棕褐色背景上显示一个带有大字体的部分。 描述中的一个链接是较深的棕褐色，非常醒目。 几个部分包括真正视差的全宽背景图像。 覆盖图显示了一个带有链接的简短描述，以查看更多信息。 幕后部分显示了工作流程过程的图像。 项目页面显示有关该项目的视频和详细信息。 详细信息被分解为逐步完成项目的较小部分。 它显示的细节比我在典型项目页面上看到的要多，并且以最简单、最干净的方式显示。

访问用户体验设计故事

5. TPress 工作室

本网站由 Alexis Presti 提交。 本网站采用单页设计，采用深灰色背景，白色文字和绿色渐变文字。 一些正文是浅灰色的。 我通常会发现黑色背景上的白色文字对我的眼睛很难看，但这种颜色组合效果很好，并且可以保持文字的可读性。 英雄部分和后面的部分显示了与背景融为一体的背景图像。 混合是如此平滑，以至于很难分辨图像的结束位置。 这有助于使布局具有优雅的感觉。 英雄部分中的文本在标题的轮廓文本上使用带有绿色渐变的块文本。 带有渐变的类似文本用于标题，包括匹配的分隔符、按钮和图标。 我喜欢在整个网站中使用灰色和渐变。

访问 TPress 工作室

6. 我的哥伦布房地产经纪人

本网站由 Greg Ventresca 提交。 它在整个网站的图像叠加和浅棕褐色背景中使用了大量灰色。 英雄部分在灰色背景上显示左侧的视频，该视频融合到图像中。 标题在两侧重叠，并为每一侧显示不同的文本。 几个 CTA 的重叠图像或包含重叠背景元素的图像。 其中一张图片同时放置在背景和前景中，创建了一个有趣的 CTA。 属性被嵌入到布局中，并包括带有框阴影的图像。 几个页面包括从灰色背景中脱颖而出的自定义图标。 颜色和图像与布局配合得很好，非常适合目标受众。

访问我的哥伦布房地产经纪人

7. 蜻蜓大道

本网站由马西·安吉利斯提交。 它使用干净的布局，带有许多柔和的彩色背景渐变和细线或双线来创建边框。 英雄部分以拱形全大写显示一条消息。 文本与背景渐变重叠，从而创建拱形。 滑块可更改拱门中心的图像。 服务显示在不同形状的图像中。 一些元素以不同的方式显示背景渐变，包括边框后面的垂直形状、用于推荐的带有圆形边缘的水平形状以及滚动消息的自动收报机。 交替的 CTA 使用背景颜色的变化在一侧显示图像，在另一侧显示文本。 返回顶部按钮是横向印刷的草书文本。 我喜欢蜻蜓预加载器和鼠标光标。

参观蜻蜓大道

8. 永远不会MVM

本网站由 Dylan Boulkhras 提交。 它使用黑色背景和醒目的橙色文字，使设计看起来很醒目。 粘性菜单位于左侧并显示一条带圆圈的线条连接页面。 英雄部分在一侧显示背景图像，前景中有标题、描述、链接和数字计数器。 菜单全屏显示并包含相同的背景照片。 带有嵌入视频的部分显示的背景图像看起来像是从带有烟雾的背景中分离出来的。 几个部分被编号并包括粗体标题。 项目显示在包含快速变化的图像的简介中，这些图像可以放大悬停和橙色图标。 这个网站很好地利用了颜色。

访问 NEVERMVM

9.熊猫Remiremont

本网站由 Panda Remiremont 提交。 这是一个单页布局，使用中文设计元素，贯穿全文、文本、颜色和图形。 英雄部分显示一个位于屏幕顶部下方的菜单，浮动在全屏背景和图形元素上方。 一个大图形的一侧包括中文文本，另一侧包括 CTA。 在几个部分中出现了带有中文文本的类似图形。 标题使用东方设计的大文本。 价格与文本模块一起显示在一个看起来像中餐菜单的样式背景上。 我喜欢联系信息部分。 它包括一个预订 CTA，一侧带有图像，另一侧带有联系信息。 预订表格与此重叠并包括样式边框。 我喜欢这幅画的背景艺术品。

参观 Panda Remiremont

10. 安联布尔诺

本网站由 Michal Teska 提交。 它有很多白色空间，带有绿色和蓝色亮点，非常适合该类型。 英雄部分显示一张全角图像，一侧是 CTA，另一侧是团队。 团队成员和地点都标有看起来是手写的字体。 有关服务的信息通过简单的简介提供。 下面是一段较大的宣传语，带有圆圈图标，在悬停时会改变颜色。 宣传语还会在悬停时显示边框。 图标与边框重叠。 我喜欢团队部分。 它显示带有粗边框的团队圆形图像。 团队成员的图像继续在圈子外。 悬停时图像会发生变化，以显示团队成员在微笑。 嵌入的地图也很有趣。 它很轻，并与一侧的背景融为一体。 联系信息与地图重叠。

访问安联布尔诺

包起来

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

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

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

精选图片来自 Andrew Rybalko/shutterstock.com