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

已发表: 2020-08-02

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

我希望你喜欢他们!

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

1. 蛋白粉

蛋白

本网站由 Tomer Aharon 提交。 该站点使用大量紫色作为文本和背景渐变,并使用类似的红色、黄色和蓝色阴影作为高光。 菜单甚至包括带有这些颜色图标的简介。 英雄部分显示关键字的打字效果,这会更改 CTA 的标语和消息。 一个有趣的功能是一组部分,这些部分以交替布局在模拟计算机屏幕旁边以垂直堆栈显示按钮。 单击任何按钮都会更改模型屏幕上显示的内容。 类似的部分在模型屏幕上方显示带有图标的选项卡。 该网站是多语言的,允许您从 7 种语言中进行选择。

访问网站

2.LVP帝国

LVP帝国

本网站由 Nadzim Al-Rash 提交。 它使用大量棕褐色作为带有黑色文本的背景。 导航菜单保持简单,带有查看画廊的链接和预订会话的链接。 悬停效果将其背景更改为较深的颜色。 当您滚动时,淡入淡出效果会淡入或淡出图像,包括英雄图像和某些画廊。 页脚显示深绿色背景,与棕褐色相得益彰。 它包括一个导航菜单,顶部有一条棕褐色的线和悬停效果。 画廊在单列中显示大图像以展示作品。 预订页面显示多个位置,每个位置都有地图。

访问网站

3. 安迪胡克

安迪胡克

本网站由安迪胡克提交。 它使用大量深蓝色作为整个网站的背景和文字。 菜单显示用于子菜单导航的图标。 英雄部分显示了与下一部分重叠的工作截图。 它还包括几个真正视差的背景图案,以脱颖而出。 标题中的几个关键字带有下划线。 我特别喜欢最近工作的一组部分,它结合了推荐书和屏幕截图以及查看项目的链接。 当您滚动时,这些部分中的每一个都会切换到不同的背景颜色,从深蓝色变为中蓝色,然后变为橙色。 博客和其他页面也包括与主页相同的背景图案。 一些页面将它们添加到图标中。

访问网站

4. 邋遢播客南部

邋遢播客以南

本网站由 Brent Collier 提交。 该网站使用大量橙色和深蓝色作为背景和图案。 背景是一幅风格鲜明的山峰,色彩大胆。 带有最新播客的样式音频播放器放置在英雄部分的标语下。 它的图像包括来自网站的艺术品和颜色。 另一部分以真实视差以粗体颜色显示背景图案。 样式图标链接到您可以收听播客的各个位置。 我也喜欢联系部分。 它包括一个橙色背景,一侧有不同颜色的联系表,但字段与两种颜色重叠。

访问网站

5. Palavras Cruzadas

帕拉夫拉斯克鲁扎达斯

本网站由 Rui Edmond 提交。 该网站在背景、按钮和标题中使用了粗体蓝色。 它主要遵循两列设计,部分从蓝色到白色交替。 每个部分都包含 CTA,其中包含产品描述和链接。 图形强调了产品的链接。 拼图集成在项目后期类型中。 推荐显示带有样式背景的带圆圈的图像。 该站点包括多个具有交替布局的 CTA。 简洁的设计确保每一个都与众不同。

访问网站

6. 梅格罗纳根

梅格·洛纳根

本网站由 Kurt Maddern 提交。 布局很简单,只有一个菜单、标志、版权通知和一个滑块。 焦点在滑块上,但它使用空白来引起对它的注意。 滑块占据屏幕右侧的三分之二。 左边三分之一是清晰的,顶部是网站的标题,底部是标志。 导航菜单位于滑块上方,并在滑块左侧的两列中显示链接。 查询链接位于滑块右侧的上方。 当您滚动时,菜单的堆叠列变成一个普通菜单,所有链接都在水平行中,滑块显示不同宽度的图像以展示作品。 备注页面显示带有大图像和添加到左侧的导航链接的博客文章。

访问网站

7. Recova

雷乔娃

本网站由 Christina Oosthuizen 提交。 它始终使用品牌蓝色和黄色,并在这里和那里使用红色。 菜单包括蓝色和黄色的动画链接。 英雄部分显示与背景融合的产品图像。 标语是用白色的超大文本和黄色的关键字创建的。 其他标题以黄色和蓝色放置文本。 大按钮显示突出的纯黑色阴影。 该网站还包括许多风格化的柜台、简介、推荐、匹配的联系表格和社交按钮。 我特别喜欢用两种颜色显示产品图形的部分。 一侧的背景与另一侧的产品颜色相匹配。 联系页面使用了类似的设计。

访问网站

8. 植物氛围

植物氛围

本网站由 DJ Wheeler 提交。 该网站在部分背景、图形和文本中使用绿色作为品牌颜色。 英雄部分包括一个带有 CTA 的滑块,其交替布局显示一侧的图像和另一侧的信息。 带有图形和文本的简单 CTA 显示在带有样式图案的绿色背景上。 产品系列的一部分显示了产品滑块中的各种选项。 此滑块包括标题、链接和导航的深绿色突出显示。 联系表单的提交按钮使用相同的绿色。 甚至产品照片也有在某些部分使用的背景颜色,使它们成为网站设计的一部分。

访问网站

9. 武装部队

武装分子

本网站由 Thomas van der Wolde 提交。 该网站在背景、图形、文本和导航菜单上的 CTA 中使用了大量蓝色。 英雄部分显示了一个 CTA,带有改变关键字的打字效果。 一部分宣传语为每个宣传语的顶部边框显示不同的颜色,并包括带有斑点背景图案的图形。 一部分编号步骤以蓝色大字体显示数字,一侧是文本,另一侧是交替布局的图形。 其他页面遵循类似的简单和干净的设计,突出了服务和好处。

访问网站

10. MJS 媒体

MJS媒体

本网站由 Matt Southam 提交。 它使用大胆的黄色作为品牌颜色,并使用其他几种颜色来支持它。 英雄部分在几乎不显示的背景视频上放置了黄色叠加层。 黄色背景也用于全角推荐和联系按钮。 几个简介显示带有各种颜色的带圆圈背景的图形。 我喜欢带有案例研究的部分,该部分在灰色覆盖层后面显示背景中的图像。 全屏菜单将大文本链接放在三列中,便于查看导航、服务和联系信息。 背景模糊但可见。 我也喜欢干净的博客设计。

访问网站

在结束

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

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

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

精选图片来自 Drogatnev / shutterstock.com