Divi 设计展示:2019 年 11 月的新提交

已发表: 2019-11-24

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

我希望你喜欢他们!

Divi 设计展示:2019 年 11 月的新提交

1. 工作室 1318

本网站由 Judith Augustin 提交。 这是一页设计。 各部分的导航菜单是垂直对齐的文本列表,滚动时会浮动。 英雄部分以真正的视差显示全屏背景图像,右下角有一个动画圆圈标志,与下一个部分重叠。 许多部分提供信息和链接。 背景颜色在黑色和白色之间交替,有几个部分包含样式化的标题和数字作为对课程的介绍。 作品显示在画廊滑块中,在悬停时显示说明。 画廊中的图像会打开一个选项卡,您可以在其中查看 Instagram 上的图像。

访问网站

2. 技术法律

本网站由 Aleksandra Palecka 提交。 这个使用了很多大胆的红色作为亮点。 英雄部分显示了一张黑白背景图片,一侧是 CTA,另一侧是红色线条框,带有两个开放的角。 令人惊讶的是,这种简单的东西为布局提供了多少视觉吸引力。 接下来的几个部分有一个带点图案的背景,随着您滚动而逐渐消失。 这些部分显示了几个 CTA,周围是带有红色高光的黑白照片。 亮点包括带有红色叠加层、分隔线、画线框和按钮的图像。 同样的框设计用于对项目符号点进行编号。 红色叠加层还用于创建呼叫 CTA。 我喜欢在这个中使用红色。

访问网站

3. 岭社区教会

本网站由 James Smith 提交。 它播放带有大徽标和覆盖层中的标语的全屏背景视频。 大型菜单位于左侧,而右侧包括社交关注链接和一些在文本上方带有图标的 CTA。 链接出现在视频底部,包括悬停覆盖。 欢迎部分显示嵌入的视频和带有链接的事件,以查看更多内容。 事件在滑块内显示为卡片。 事件页面上的事件本身显示为自定义帖子类型,在侧边栏中显示更多。 信念在手风琴中显示出来。 我喜欢这个中的红色亮点。

访问网站

4. 艾莱特传媒

本网站由 James Smith 提交。 英雄部分显示一个全宽滑块,带有弯曲的分隔线和样式的垂直导航。 几张幻灯片的图像与分隔线重叠。 服务显示在简介中,并包括两种颜色的自定义图标。 超级菜单包括与宣传册具有相同标题的相同图标。 另一个滑块展示了最近的项目。 此滑块顶部有一个弯曲的分隔线,并显示带有圆角的幻灯片。 一个较小的滑块在颜色块内显示客户端徽标,颜色块的颜色刚好足以与背景分开。 服务页面显示带有画廊网格的示例。

访问网站

5.医生生活健康

本网站由 Oskar Kopec 提交。 产品和 CTA 显示在英雄部分的全角滑块中。 幻灯片包括沿侧面的背景图像,使图像脱颖而出。 下一部分展示了各种产品的几个 CTA。 这些 CTA 有一个向内指向的阴影,使它们即使连接在一起也彼此分开。 接下来的几个部分将产品显示为滑块内的较小图像。 信息部分在叠加层中显示带有描述的图像。 文章页面显示带有框阴影的类别的图像,并包括标题和描述。

访问网站

6. 联合媒体

本网站由 Robin Kesting 提交。 它使用大量粗体黄色作为图标、链接、按钮等。 几个背景有弯曲的分隔线,而许多行和模块都有盒子阴影来突出。 英雄部分在一侧显示 CTA,在另一侧显示图形。 介绍带有嵌入的视频和样式化的文本块。 一组编号的简介显示了使用它们的好处。 数字放在标题后面。 它还包括一个在 Instagram 上打开图像的样式图库、切换以构建常见问题解答、一个样式的新闻稿表单和一个带有重叠按钮的样式页脚。

访问网站

7. Bishopton 遛狗服务

本网站由杰米·香克斯提交。 标题在第一张图像的顶部添加了一个栏,带有可点击的电子邮件和电话号码。 页面的其余部分是一系列几乎全屏的图像。 图像显示狗在玩耍,并在叠加层中包含 CTA 和其他信息。 放置文本的区域变暗。 样式化的联系表单也放置在背景图像上。 该图像更暗,但它允许中心显示出来。 该博客在卡片中显示帖子,并包含用于阅读更多按钮的框阴影。 博客类别页面包括搜索功能。 它甚至包括一个向上的爪子图形,用于返回顶部按钮。

访问网站

8.艾伍德

本网站由 Julien Ferla 提交。 该菜单包括用于突出显示 CTA 的颜色块。 它有一个有趣的英雄部分,玩起来很有趣。 标题文本和背景图像会随着鼠标的移动而移动。 三个圆圈(两种颜色)点保持原位。 每个点都放置在图像中的一个项目上,悬停时它们会显示项目的名称。 一个细长的部分提供了政策和商店的链接。 接下来是几大段文字。 文本包括几个粉红色的单词,文本的各个部分用交替的分隔符相互分隔。 关于产品的大部分显示文本、图像和滑块。 它们包括与标题下方的匹配的超薄 CTA。 这个优雅地使用了文本和颜色。

访问网站

9. 科迪·古丁

本网站由 Nicole Marie Zinnanti 提交。 这个网站使用大量的空白和最小的设计来呈现一个干净的布局。 英雄部分在图案背景的一侧包括一个 CTA。 下一部分在一侧显示图形,在另一侧显示 CTA。 我特别喜欢技能部分。 它以交替的两列显示技能。 每个段都有一个双色图标,其下有标题和描述。 然后技能会以不同类型的字体列在另一侧。 “关于”部分使用样式化的分隔符和图形来结束站点。 自定义页脚在两侧放置链接。

访问网站

10. Elsebeth Egholm

本网站由 Rikke Ekelund 提交。 英雄部分显示了具有视差的图案背景图像,其中包含一本书的图像和叠加层中一组评论的 CTA。 其他书籍以交替布局显示,并带有阅读更多链接。 关于作者的部分在一侧显示信息,并在另一侧显示带有阅读更多内容的链接和图像。 所有联系信息都放在作者的全屏照片上。 我喜欢书页。 他们在一侧展示这本书,在另一侧展示描述,两者都在有助于设定这本书基调的深色背景上。 该站点包括一个样式化的返回顶部按钮和一个样式化的右侧滑块。 我喜欢红色亮点。

访问网站

结论

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

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

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

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