Divi 设计展示：2018 年 10 月的新提交

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

我希望你喜欢他们！

Divi 设计展示：2018 年 10 月的新提交

1. Orbicon 信息学

本网站由 Janus Lock 提交。 它有一个有趣的动画，在标题中作为背景视频播放。 蓝色上的蓝色与网站的品牌完美匹配。 大标题字体与技术主题配合得很好。 当您滚动时，垂直对齐的文本位于屏幕左侧，提供返回主页的链接。 布局干净，使用简单的图形来指导您完成他们的过程。 每页都有编号。 这些数字反映在全屏菜单中。 我喜欢存档页面的设计，它显示带有文本的大蓝色块，这些文本显示悬停时覆盖层后面的图像，以及使用相关图标的模块页面。

访问网站

2. 成长模式

本网站由 Paul Preisler 提交。 这个网站使用了大量的平面设计图形和额外的空白来创建一个干净的布局。 它的工作原理部分也使用平面图形。 图像在带有重叠文本的大图像和推荐模块的圆圈图像中使用渐变叠加作为推荐。 我喜欢创意人才部分，顶部和底部带有倾斜的分隔线，带有阴影效果的多种尺寸的圆形图像，以及将它们连接在一起的线条。 博客特色图片也使用渐变叠加。 服务通过使用绿色项目符号、悬停动画和阴影效果的卡片显示。

访问网站

3. 解决方案

本网站由 Dmytro 提交。 该站点使用各种深蓝色来创建一些有趣的渐变背景。 标题的独特之处在于它如何提供一个块，其中包含指向服务、博客和产品的链接。 块内的每个元素都包含悬停效果。 几个部分使用角度作为分隔线，有些部分在多个方向上。 我喜欢他们讨论影响范围的部分。 它在圆圈内显示公司徽标，徽标略微移动。 服务显示在简单的块中，只有一个图标和标题以及边框的悬停效果。 类似的块出现在超级菜单中，但它们使用渐变背景来分开。 类似的图像用于博客页面上的类别和特色图像。

访问网站

4. 公鸡与公牛节

本网站由罗斯·波普提交。 该网站始终使用大胆的色彩和平面设计。 灌木和手的图形装饰了页眉的边缘，有助于将注意力集中在中央的 CTA 上。 闪电图形有助于引起对下一部分文本的关注。 我喜欢多布局部分，其中包含粗边框和悬停时缩放的图像。 此部分有更多与图像重叠的灌木图形。 电子邮件选择使用的边框看起来是手绘的。 我也喜欢以纯色轮廓显示人物的页脚。 这个网站的颜色真的很突出。 这是颜色、字体和图形如何设置网站氛围的一个很好的例子。

访问网站

5. 遛狗训练

本网站由 Jeremiah Lloyd 提交。 英雄部分在分屏中显示图像和号召性用语，为网站的其余部分设置设计。 图像使用与按钮样式相匹配的 3D 彩色深桃色边框。 另一张图片使用蓝色边框，与同时使用蓝色和深桃色的推荐书相呼应。 我喜欢从白色到浅棕褐色交替的背景颜色。 颜色与字体和分隔线相得益彰，营造出优雅的风格。 该博客也遵循此样式，但在博客卡片上添加了一条细线边框。 博客的侧边栏是我见过的最简洁的设计之一，它提供的有关博客的信息不会让人分心或太容易被忽视。

访问网站

6.伍兹霍尔瓷砖公司

本网站由尼尔森·米勒提交。 这是一种单页设计，在主页上使用大量带有 3D 边框的图像，标题、文本和按钮重叠以查看内容-创建博客卡片设计。 图像在您滚动时交替出现，并用垂直线连接在一起，引导您完成整个过程并进入页脚中的联系表格。 这在靠近页面中间的地方被中断，其中有一个深蓝色的简介部分，介绍了它后面的服务部分。 服务部分也使用与此蓝色部分相同的图标将它们联系在一起。 我喜欢这个网站中字体和颜色的搭配。

访问网站

7. 布力纳设计

本网站由 Sabrina Rowland 提交。 在黄色覆盖层后面播放某人绘画的背景视频，以帮助展示该网站的内容。 标题与背景重叠，标语完美地放置在黄色块内以引起注意。 整个网站都使用黄色作为背景颜色。 服务部分显示了三列带有 CTA 的简介，而该部分的标题是垂直打印的。 我喜欢联系部分的简单性，它使用带有角度分隔线的黄色背景和带有阴影效果的小联系表格，与下一部分重叠以创建联系信息。

访问网站

8. 快乐数码

本网站由 Djaya De Vries 提交。 CTA 位于带有多阴影圆形部分分隔线的全屏背景图像上。 项目和服务的链接放置在深橙色框内，在悬停时变为白色并带有阴影效果。 这个橙色在整个站点中用作按钮和文本的突出显示，在菜单中，作为显示好处的背景，以及作为服务页面中的两个多色图标。 主页上我最喜欢的部分之一是一个滑块，它与两个部分重叠。 部分和滑块使用纯色来创建优雅的设计。 橙色和白色与整个网站的深蓝色搭配得很好。

访问网站

9. 杰里米·穆拉

本网站由 Jeremy Mura 提交。 当它运作良好时，我是大胆色彩的粉丝，并且该网站完美地使用了大胆的橙色。 标题包括橙色渐变上的城堡卡通背景和带有白色文本的 CTA、带有阴影的蓝色按钮和带有白色边框的橙色按钮。 四列项目部分显示两行项目的方形图像，它们之间没有空格。 我喜欢关于设计过程的部分，它对步骤进行编号并为每个步骤使用大图标。 我也喜欢带有白色文字的橙色粗体全角 CTA。 该博客在白色背景下使用橙色标题。

访问网站

10. 广告委员会

本网站由 FJ LAHIANI 提交。 这个设计很好地利用了深灰色和灰蓝色文本以及灰白色和浅灰色背景上的图形元素来创建优雅的设计。 图形用于通过简单的标题和竖线分隔它们来展示专业知识和技能。 宣传语不使用边框、阴影或悬停效果。 团队页面遵循相同的设计来显示团队成员。 参考和培训页面也使用这种简介样式并在切换中显示带有项目符号的文本。 这个网站的设计重点是简单，而且效果很好。

访问网站

结论

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

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

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

精选图片来自 Drogatnev / shutterstock.com