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

已发表: 2020-08-31

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

我希望你喜欢他们!

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

1. 潜水长 Gilis

潜水长吉利斯

本网站由 Alexander Falch 提交。 该网站对固定的标题背景、分隔线、图标、模糊背景、页脚、博客阴影等使用珊瑚色方案。英雄部分使用全屏背景图像吸引我,并在描述网站的叠加层中添加文字. 滚动时会出现标题并包含一个深色阴影以使其具有 3D 外观。 标题还包括在滚动时更改颜色的线绘制图标。 标题的字体又高又细。 颜色、图标和字体与流派完美契合,并且与整个网站的空白相得益彰。 包裹以交替布局和图像显示,以帮助描述事件。

访问网站

2. 技术员

技术员

本网站由 Michal Teska 提交。 该网站是一个单页设计,使用大量空白和最少的图形。 蓝色和粉红色用于背景、文本、分隔线、图形和菜单中的品牌颜色。 我喜欢以交替布局在一侧显示图形而在另一侧显示文本的服务示例。 空白使图形和文本脱颖而出,并赋予其简洁的设计。 我也喜欢描述服务的简化简介、波浪形部分分隔符和重叠两个部分的联系表格。

访问网站

3. PA 学院

PA学院

本网站由 Aimee Agee 提交。 该网站使用大量红色、黑色和白色作为品牌颜色。 红色在背景叠加和图标中尤为突出。 加上白色边框和红色背景上的图标,这使该网站脱颖而出,看起来令人兴奋。 每个部分都包含滚动动画。 我特别喜欢英雄部分下的简单活动日历部分,它显示了带有注册链接的研讨会日期。 关于您将学习的内容的部分显示了外列中简介中的要点,而图像浮动在中心并跟随鼠标滚动。 我最喜欢的另一个部分是研讨会 CTA。 它在屏幕的左半部分显示一个带有红色叠加层和 CTA 的大图像。 右侧是带有样式图标的项目符号的简单介绍。

访问网站

4. 健身与美食

健身与美食

本网站由 Patrick Hertnagel 提交。 该网站在菜单、边框、按钮、覆盖文本、页脚背景甚至滚动条中使用漂亮的绿色作为品牌颜色。 标题使用与网站设计完美融合的大文本。 我特别喜欢大型 CTA 部分。 显示在两列中,占据屏幕的整个宽度,一侧是文本和按钮,另一侧是图像。 它包括交替布局中的四个。 博客部分包括一个与博客列的宽度相匹配的搜索框。 另一个突出的部分是马赛克图片库。 它以多列和多高度显示图像,但它们都适合空间,营造出完美的对称性。

访问网站

5. 嘿熊创意

嘿熊创意

本网站由 Marcy Henriques 提交。 它在整个过程中使用了许多卡通图形,并使用大胆的红色、黑色和黄色作为品牌颜色。 英雄部分显示了一座山的背景图形,并有一个类似的图形重叠在它上面,所有图形都以各种深浅的红色呈现,前景中的图形具有更深的阴影。 当您滚动时,前景图形的大小会扩大。 标题显示带有粗体线条的汉堡菜单和带有粗体黑色边框的黄色 CTA。 整个网站都放置了类似的按钮。 我喜欢这个网站使用的熊和山图形。 该设计充分利用了大胆的颜色和背景图形,同时仍保持内容的清洁和可读性。

访问网站

6. 街

后悔

本网站由 Mathias Rue 提交。 它使用带有白色、红色和紫色文本的黑色背景。 英雄部分是一个全屏部分,它框住屏幕并在角落放置链接。 它包括标语的超大文本。 所有模块都有一个从红色到紫色的边框。 当您滚动时,英雄部分中的紫色文本和边框的紫色部分会变成红色。 接下来的部分显示了带有黑色背景、白色文本和红色标签和链接的服务和产品组合的图像。 这些模块并排放置,每行 2 或 3 个。 这些模块中的每一个都在悬停时扩展以占用更多空间并放大它们的图像。 页脚中的联系信息还使用了在滚动时会改变颜色的超大文本。 该站点有趣地使用了大文本和悬停效果。

访问网站

7. 迪吉莫

迪吉莫

本网站由 Moe 在 Dijimoe 提交。 该网站使用大量深蓝色作为背景和亮点。 英雄部分在动画粒子背景上显示一个带有标题的大图形。 每个部分的底部都使用样式分隔符,以提供样式化的 u 形以突出显示。 这些部分在深蓝色背景和白色背景之间交替。 这保持了简洁优雅的设计。 服务显示在使用不同颜色图标的简介中。 客户徽标显示在始终移动的滑块内,因此它从网站的其余部分中脱颖而出。 菜单很简单,每边都有一个链接,链接外部有一个图标。 将鼠标悬停在链接上会显示圆形背景。 我特别喜欢在“服务”页面上使用样式化的手风琴和图形。

访问网站

8. 营养学家 Maria Antonietta Gastone

营养学家玛丽亚·安东尼埃塔·加斯通

本网站由 Daniele Bardella 提交。 这个网站使用了一个简洁的设计,按钮、链接和图标有很多橙色的亮点。 布局使用空白来帮助每个简介、CTA 和推荐信脱颖而出。 服务部分在一侧使用图像,并显示一组带有简短描述的简介和一个带有链接的图标以了解更多信息。 我喜欢关于所用方法的部分。 它提供了一个描述,然后是将图像重叠到一侧的简介。 一本书的全角 CTA 在中央显示一个按钮,在一侧显示一个图像。 书页使用白色文本和橙色背景上的书皮图像。 这个网站很好地利用了颜色和空白。

访问网站

9. 网络策略

网络策略

本网站由 Michael Kwasiuk 提交。 本网站使用激进的红色来突出白色和黑色背景。 红色也用作预加载器屏幕。 实际上,每个部分都有一些与中心重叠或偏移的东西。 当部分交替时,这会产生一种独特的平衡,引导您的眼睛。 几个部分将文本放置在一侧,将动画图像放置在另一侧。 该投资组合使用一个滑块,该滑块以独特的导航样式移动到一侧。 博客部分显示带有与图像偏移的描述的卡片。 我喜欢徽标如何在您滚动时擦除字母并将第一个字母与主菜单的句点一起保留。

访问网站

10.柠檬水IT

柠檬水 IT

本网站由 Teck Seng Chan 提交。 该设计使用黄色和绿色(柠檬和酸橙)配色方案作为亮点,例如菜单中的 CTA、图形、边框、文本、滑块导航、博客文章特色图像背景颜色等。 所有的部分背景都是白色或浅灰色,以帮助保持设计尽可能简单和干净。 服务显示在高大的广告中,在悬停时向底部添加阴影。 我最喜欢的部分是带有手机的 CTA 和在其后面独立移动的网站布局。 推荐滑块也很有趣。 它垂直滚动推荐。 这个网站很好地利用了色彩和简单的布局。

访问网站

综上所述

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

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

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

精选图片来自 ann131313/shutterstock.com