Divi 设计展示:2020 年 10 月起的新提交

已发表: 2020-11-01

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

我希望你喜欢他们!

Divi 设计展示:2020 年 10 月起的新提交

1. Epic Egg 餐厅

史诗蛋餐厅

本网站由 Abel McBride 提交。 它在整个站点中使用橙色,包括用于背景元素、图标背景、按钮、块文本和页脚背景的 blob。 绿色用作文本后面和图形内的突出显示。 食物展示在站点的两侧,并带有突出的大照片。 菜单项显示在切换中,切换使用样式边框,一侧为尖角,另一侧为圆角。 食物菜单页面使用相同的切换按钮并将价格添加到角落。 这个网站很好地利用了空白、摄影和色彩。

访问网站

2. Pom 牙科

庞牙科

本网站由 Brittany Hurdle 提交。 颜色与流派完美匹配。 英雄部分显示一个背景视频,在前景中带有标语和描述。 它包括一个带有不同类别图标的超级菜单。 二级菜单显示引用并包含一个重叠的 CTA 按钮。 模糊、图标、文本和背景元素使用浅绿色或蓝色作为品牌标识。 许多元素包括悬停动画,显示文本或按钮底部的边框。 我喜欢服务部分。 它包括一个背景与站点匹配的大图像,并将服务显示为文本的一侧。 该博客包括一个带有搜索功能的简单设计。 这个网站很好地利用了文本和边框。

访问网站

3. 皇宫革命

革命宫

本网站由 Amal Vaesken 提交。 它在整个网站中使用了许多大胆的颜色。 英雄部分显示一个全屏滑块,其中包含使用网站颜色的图像。 公司信息以蓝色大文字显示,在您滚动时以视差显示下一部分。 视差部分在屏幕中央显示一条蓝色背景的消息。 当您滚动时,此屏幕会保持原位并多次替换消息,直到您看到最后一条消息。 我喜欢带有工作示例的部分。 它在两列中显示大图像、动画和滑块,颜色来自网站。 我也喜欢底部的大型 CTA,它可以在悬停时更改图形并显示按钮以查看更多内容。

访问网站

4. 迈克的乡村肉

迈克的乡村肉类

本网站由 Marcus Zeal 提交。 这个网站惊人地使用了卡通图形。 从头到尾,所有的颜色、字体和按钮都与卡通方案完美匹配。 英雄部分显示了一个带有使用木板的样式子菜单的浮动菜单。 云彩飘过背景图的天空。 当您滚动时,您会看到卡通人物是创建 CTA 或引起对某些部分的注意的剪纸。 产品显示在这些部分之一中,并包括与站点匹配的样式。 许多元素都经过动画处理以匹配鼠标的滚动。 甚至联系信息也放置在适合设计的图形元素上。 这是一个有趣的网站滚动浏览。

访问网站

5. 牙科中心 Ostojic

牙科中心 Ostojic

本网站由 Boris Zakula 提交。 这个使用了大量的橙色渐变作为整个网站的亮点。 英雄部分在屏幕中心显示标题后面的图形,滚动时会缩小。 该菜单是一个全宽的超级菜单,在一侧显示带有图标的链接,另一侧显示图像。 该网站使用了大量该地点和工作人员的照片作为信息、CTA、视频、博客文章等。 我喜欢关于故事和推荐的部分。 它以不同颜色的文本块显示客户的图像 - 两者都带有框阴影。 博客、CTA 和联系信息也使用方框阴影来突出显示。

访问网站

6.增量

增量

本网站由 Navmeet Singh 提交。 它在整个站点中使用了大量的蓝色和橙色作为亮点、背景和图形。 关于它如何工作的部分显示了带有引导步骤的两种颜色图标的简介中的信息。 另一部分显示了当您滚动时插入在一起的电线的图形。 这引入了另一组带有双色图标的简介。 大部分信息以交替布局的方式在一侧使用图形,在另一侧使用文本。 我也喜欢功能页面,它在图形中显示信息,包括屏幕截图和带圆圈的屏幕图形。 该网站充分利用了颜色、空白和手绘图形。

访问网站

7. 格林

格林

本网站由 Liberto Lopez 提交。 该网站在背景、图形、标题、按钮、联系表格、返回顶部按钮等中使用了大量的绿色和蓝色作为品牌颜色。英雄部分显示带有图案的绿色背景。 前景在一侧显示消息,在另一侧显示图形。 风格化的部分分隔线通向下一部分,带有在悬停时放大的模糊。 几个部分在一侧显示多个图形,在另一侧显示 CTA。 我也喜欢使用偏移图案中的大型双色图标和悬停时出现的蓝色和白色渐变的宣传片部分。 下一部分的背景中会出现有角度的渐变。 联系表单还显示一个渐变和一个突出的框阴影。 这个网站很好地利用了颜色和图形。

访问网站

8. 人力资源团队

人力资源团队

本网站由 Marwann Al Saadi 提交。 英雄部分在前景中显示带有主题标签和 CTA 的动画背景渐变,悬停时会放大。 这种背景渐变作为 CTA、部分、简介等的背景出现在整个站点中。 Blurbs 将团队成员的图像显示为二人组,他们的图像网格在一起并由分界线分隔。 我喜欢关于他们方法的部分。 它在一侧显示带有大圆圈的背景渐变。 另一边使用大块标题和眼睛图标将信息作为项目符号放置。 图标也出现在简介中。 该网站还包括一个有趣的菜单,当您单击汉堡包图标时,该菜单会展开。 它还为标题使用背景渐变和块文本。

访问网站

9. 不允许有压力

不允许有压力

本网站由 Antreek 提交。 该网站使用了大量带有大胆色彩的图形。 英雄部分显示了城市景观的背景图形,一侧是前景中的标语,另一侧是图形。 背景不会一直延伸到边缘,从而允许在四周出现醒目的黄色。 菜单使用粗体黄色背景作为标题和子菜单。 黄色融入下一部分,一侧显示信息,另一侧显示视频,模拟具有圆角边缘和粗体边框的智能手机图形。 定价表也使用粗体颜色,并在页面两侧包含图形。 联系人部分包括黄色背景和大型社交图标。 这个网站很好地利用了颜色和图形。

访问网站

10. 洛拉·曼特

萝拉·曼特

本网站由 Theo Salomoni 提交。 该网站使用了几种柔和的颜色来吸引目标受众。 颜色包括用于高光、覆盖、背景颜色和返回顶部按钮的浅铜色版本。 标题使用它来标识活动页面和悬停元素,以及 CTA。 对于某些链接,标题还使用徽标中的绿色阴影。 这种绿色也用于页脚附近的背景。 页脚本身使用浅铜色,像窗帘一样显露。 当您滚动到第二部分时,推荐会滑入到位。 另一部分将图像显示为与浅铜覆盖层的链接。 博客帖子显示在滑块内,并在上角包含日期并在悬停时放大。 该网站很好地利用了色彩。

访问网站

在结束

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

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

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

精选图片来自 Mascha Tace/shutterstock.com