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

已发表: 2020-01-31

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

我希望你喜欢他们！

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

1. 阿尔特蒙德

本网站由 Daniel Behrens 提交。它在前台显示带有标语和 CTA 的全屏背景视频。接下来是一个带有悬停效果的标题的全屏部分，以介绍下一部分，当您滚动标题时，该部分以视差显示。此部分以大文本显示标题，一侧带有悬停效果，另一侧带有 CTA。下一部分提供有关他们如何与客户合作的信息。这包括带有对角线设计的白色背景和在悬停时扩展的编号文本。当您滚动时，另一个 CTA 会放大和缩小。服务页面在分屏中显示每项服务，一边是 CTA，另一边是视差背景图像。我喜欢在本网站中使用文本、颜色和图像。

访问网站

2. 维梅尔

本网站由 Murray Price 提交。这是一个带有图像滑块的在线商店，可以全角显示产品。欢迎部分在产品图片旁边显示信息，并提供阅读更多信息的链接。商店部分显示带有产品页面链接的产品。我最喜欢的部分在中心显示了一个大的产品图像，周围是带有描述、图标和指向产品的弯曲箭头的简介。主页还以交替布局显示产品图片、推荐滑块中的评论、包含两个帖子的博客部分和 Instagram 滑块。布局包括一条空白线和创建最小设计的简单线条。

访问网站

3. 普拉纳的

本网站由 RAPHAEL PRUGNER 提交。这是一页设计。一个多层菜单与页面分开，并在 CTA 旁边的社交按钮上方显示一个可点击的电话号码。英雄部分显示全屏背景图案，而前景显示带有工作示例的计算机屏幕，并在标题和标语旁边悬停时显示更多内容。滚动显示带有文本和图形的剪切部分，以视差在背景图像上滚动。优点以交替布局的方式显示在导言中，并跨越多个部分，包括悬停缩放效果。示例项目显示在滑块内。其他项目显示在嵌入的 Instagram 提要中。它还显示了一个随着您滚动而缩放的 CTA 和一个样式化的联系表单。

访问网站

4.紫狐猴

本网站由 Liam Pedley 提交。标题、标语、CTA 和带有狐猴品牌图形的示例产品图像位于黑色背景上，其中包括圆形部分分隔线。文本和按钮具有紫色渐变，与整个站点的图形相匹配。一行三只狐猴被放置在显示文本和简介的部分上方。单击狐猴会显示不同的信息部分，箭头指向该部分。公司信息显示在两栏部分，一侧有一个计算机屏幕，以真实视差显示背景图像。我特别喜欢投资组合部分。它以一个角度显示图像。将鼠标悬停在它们中的任何一个上方都会将图像向上抬向屏幕，在它们身后留下彩色幻灯片。推荐滑块一次显示三个侧面，一个在中心平坦，另外两个成角度。它还包括样式化的博客卡片和带有每个服务的悬停动画的简介。

访问网站

5. DShjemmeside

本网站由 David Sylvest 提交。它显示一个带有深蓝色覆盖层和圆形部分分隔符的背景，以及一个位于中心的大标题。标题将菜单放在中心，并包含带有渐变和圆角的样式背景。我喜欢下一个选择。它显示了三张倾斜卡片中的工作示例。两侧的两个向内倾斜。它们包括悬停效果。下一部分显示了一个 CTA，它带有一个角度的计算机显示器和一个带图案的背景。优点部分在齿轮图形旁边显示带有大简介的项目符号。该站点还包括许多带有样式图标和带圆圈图像的 CTA、带圆圈的开发人员图像、带有切换按钮的常见问题解答部分和带样式的联系表。布局充分利用了颜色、图形和图像。

访问网站

6. Zipline 职业

本网站由 Nicole Marie Zinnanti 提交。该网站使用了大量的空白，并带有适量的紫色图形和高光。英雄部分在一侧显示 CTA，在另一侧显示人员构建简历的图形。下一部分显示了使用紫色和白色图形以及紫色边框和阴影的 blub 中的服务。嵌入的视频放置在背景图案上，该图案在左侧的上半部分和右侧的下半部分显示点。带有样式图标的模糊显示了干净的 3 列布局的好处。该设计还包括一个带有图形、样式化博客部分的 CTA，以及一个带有用于创建自定义页脚的按钮的 CTA。我也喜欢博客。它在标题中显示带有对角分隔线的完整图形，然后在干净的网格中显示博客卡片。

访问网站

7. 萨斯喀彻温领养支持中心

本网站由 Molly Seaton-Fast 提交。它显示了孩子们玩耍的全宽图像和三个文本模块，用于创建用于导航的大按钮。每个按钮都有圆形的盖子，在悬停时会变高并且有方角。带有部分边框的模糊创建指向特定主题的链接。信息在带有宣传和 CTA 的拖柱部分提供，一侧是手风琴，另一侧是手风琴。捐赠 CTA 融入邮件列表部分。每个部分都使用匹配的样式颜色和背景图案。事件页面包括一个嵌入式事件日历。捐赠页面包括一个嵌入式捐赠箱。该站点有很多信息要共享，菜单会尽可能地保持导航信息的整洁。

访问网站

8. 纳奈莫高地

本网站由 Danielle Mah 提交。它有一页设计，并且是多语言的。英雄部分显示带有橙色覆盖的全屏背景，其中包括标题、标语和向下箭头。英雄部分还包括一个有角度的部分分隔符，后面是导航菜单，该菜单在滚动时锁定在顶部。几个注册 CTA 显示了建筑物的图像。布局还包括内部的全宽图像，带有显示优点的简介。几个部分显示使用交替布局中的项目符号和图像的功能。嵌入的地图使用与网站其余部分相同的颜色。平面图显示在滑块内，包括可下载的 PDF。注册表中包含的问题有助于确定您正在寻找的确切公寓类型。我喜欢在这个网站上使用色彩和摄影。

访问网站

9. 不止几句话

本网站由 Britt Baue 提交。菜单显示一个重叠的标志，然后是一条简短的欢迎信息。该页面的主要部分包括许多带有样式音频播放器的嵌入式播客片段。第一部分显示两列播客，其中包含一个垂直标题和一个收听更多内容的链接。包含有关节目信息的一段文本在反面包含一个垂直标题。另一部分包括标题并显示一个播客列表，在联系表单旁边有一个音频播放器。接下来是一个部分，其中包含从所有主要主机订阅播客的链接。 “关于”页面添加了一个主题列表和一个带样式的推荐滑块。该设计使用了大量的空白和最小的布局，看起来干净优雅。

访问网站

10. Negrosanon 青年领袖学院

本网站由 JR Galia 提交。英雄部分在覆盖层中显示带有标题和 CTA 的全宽背景图像导航菜单还显示 CTA 并将菜单包含在单独的部分中。一部分程序显示带有捐赠按钮的卡片。我特别喜欢“参与”部分。它在一侧显示大图像，在另一侧显示带有图形的简介。布局还包括数字计数器和样式化的联系表格。关于、博客和画廊页面遵循类似的设计，并为文本、博客和画廊模块添加了实心阴影。

访问网站

结论

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

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

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

精选图片来自 ProStockStudio/shutterstock.com