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

已发表: 2020-06-01

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

我希望你喜欢他们!

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

1. Svadobna agentura Terezy Klizanovej

Svadobna agentura Terezy Klizanovej

本网站由 Lubomir Micuch 提交。 该站点播放全屏背景视频,并包括一个音频播放器,其音乐与视频相匹配。 音频默认关闭,可以轻松打开。 前景还在中心显示徽标、标语和 CTA,并带有通向“关于”部分的样式部分分隔符。 此部分包括几行文本和两列中交替布局的简介。 宣传语采用重叠按钮设计。 推荐显示带有链接的图像以了解更多信息。 视频库显示婚礼剪辑。 常见问题解答放置在样式切换中。 我喜欢带有背景图像和样式化社交按钮的自定义页脚。 该站点还包括一个样式化的滑动条和返回顶部按钮。 它的优雅与它的主题完美契合。

访问网站

2. Techint 实验室

Techint 实验室

本网站由 Ben Schroeder 提交。 当您将鼠标悬停在屏幕上的任意位置时,您的鼠标光标会变为红色 +。 主页是全屏的,蓝色背景,中间有一个太空头盔。 头盔的脸上播放着云在山上移动的视频。 它包括一个大的白色文本,左边是 CTA,右边是关于公司的信息,带有社交按钮。 标题显示徽标和汉堡菜单。 菜单特别有趣。 它在大约一半的屏幕上显示白色背景。 链接是超大黑色字体的单个单词。 它们用更大的灰色字体编号,悬停时会变成蓝色。 几个页面遵循相同的配色方案或具有动画黑色星空背景。

访问网站

3. 焦点营销

焦点营销

本网站由德里克·纳尔逊提交。 该站点在整个站点中使用了大量黄色、白色和黑色的大粗体文本。 英雄部分包括一个全屏背景视频,而前景显示一个大标语。 二级菜单包括一个带样式的背景,下一部分使用粗体黄色作为背景。 它包括一个真正的视差模式,带有一个大 CTA 和一个视频按钮,该按钮与此部分和英雄部分重叠。 我喜欢下一部分,它显示了在滚动时向上发射的航天飞机的图形。 此部分还包括 CTA 和云部分分隔符。 一个类似的部分显示了在悬停时旋转的 Erath。 其他包括动画作品示例、以一定角度显示的项目、超大图标和使用品牌颜色的风格博客。

访问网站

4. 呼吸节

呼吸节

本网站由 Radko Sedlak 提交。 它使用带有红色和蓝色高光的深色配色方案。 英雄部分显示黑色背景,一侧带有蓝色形状。 一只红色的手放在中央,上面有一个 CTA。 真实视差中的小线条在整个站点中提供了一些视觉模式。 下一部分显示另一个 CTA,一侧是文本,另一侧是图像。 文本包括蓝色形状的背景,而图像是红色的。 它的黑色背景开始变成蓝色,作为链接到 Facebook 帖子的样式图像的一部分。 它还包括购买号召性用语、带有视差图像的风格化通讯表格和合作伙伴的白色徽标。 菜单显示一个汉堡包图标,可全屏打开菜单。

访问网站

5. 唯心

唯心

本网站由 Chetan Gupta 提交。 该网站始终使用柔和的色彩来帮助了解主题并吸引理想的受众。 英雄部分显示白色背景,一侧是 CTA,另一侧是带有样式形状的图像。 包含课程信息的部分显示在两列中,每列以不同的背景颜色显示。 另一部分信息显示具有相同剪裁形状的图形。 包含课程的部分将课程显示为卡片,一侧带有方框阴影,另一侧带有信息和按钮,底部带有超大字体的标题。 每个课程在交替布局中都有不同的颜色。 Blurbs 提供带有样式图标的信息。 有关讲师的信息包括 CTA 和样式图像。 全角注册表单包括元素和图形的品牌颜色。

访问网站

6. 久经考验

久经考验

本网站由 Mick Tilley 提交。 它在整个网站上使用了许多明亮的颜色。 英雄部分显示两列。 左侧是蓝色背景的图像。 右边显示了一个粉红色背景的图像,并且在带有绿色背景的图像上有一个 CTA,它与下一部分相关联,这是一个启动项目的 CTA。 有关公司的信息包括垂直标题和重叠的图像。 选择加入蓝色背景的电子邮件会进入下一部分,该部分显示带有使用品牌颜色的图形的简介中的服务。 投资组合部分将最新项目显示为大屏幕截图。 客户的部分在背景图像上显示带有推荐的徽标。 博客和联系人部分包括图像、文本和背景中的品牌颜色。

访问网站

7. 炮兵媒体

炮兵媒体

本网站由 Siscanu Mihail 提交。 它使用带有大量黑色和白色的大文本,这些文本被黄色部分抵消。 英雄部分显示带有大标题和标语的全角图像。 其他每个部分都标有说明和分隔符。 使命陈述显示在浅灰色图案上,然后是黑色背景上的信息。 服务显示在卡片中,其中包括可放大悬停的图像和黄色大按钮,可详细查看服务。 客户徽标在黄色背景上以黑色和灰色呈现。 接下来是带有联系表格、工作流程和博客的部分——每个部分都有灰色和黑色交替的背景。 博客卡片将黑色和黄色与在悬停时变为黄色的黑色按钮结合在一起。

访问网站

8. 从头开始

从头开始

本网站由 Philipp Stakenborg 提交。 它有许多亮黄色、绿色、洋红色作为整个网站的品牌颜色。 标题显示黄色背景,链接放置在白色框中,而徽标和链接与标题重叠。 英雄部分使用相同的黄色作为背景,并在一侧有一个绿色圆圈。 前景是一个大标题和标语。 带有黑色背景的文本位于顶部,底部的白色背景与英雄和下一部分重叠。 CTA 是由一段文本创建的,该文本在一侧使用黄色背景,另一侧使用白色背景。 类似的设计创建了一个在顶部带有更大引用的推荐。 带有品牌颜色框阴影的模糊显示服务。 联系表格将这一切与三种主要颜色联系在一起。 甚至弹出式通讯表单也遵循这种设计。

访问网站

在结束

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

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

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

精选图片来自 PODIS/shutterstock.com