Divi 设计展示:2019 年 1 月以来的新提交

已发表: 2019-01-27

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

我希望你喜欢他们!

Divi 设计展示:2019 年 1 月以来的新提交

1. 斯威夫特

本网站由 Suzie Tawney 提交。 橙色是品牌颜色,在整个网站中都很突出。 它使用有趣的分屏,一侧是橙色和白色的信息,另一侧是视频。 大简介用多色图形和标题显示服务。 悬停将背景更改为橙色。 滑块包括橙色覆盖层和样式部分分隔符。 我发现博客部分特别有趣。 它包括图案部分背景和行的橙色背景。 博客和行都有一个盒子阴影与背景分开。 博客页面包括在页面下方交替的重叠卡片。

访问网站

2.帝国工程

本网站由罗斯·波普提交。 本网站使用深蓝色作为品牌颜色,从带有蓝色覆盖层的全屏图像开始,融入下一部分。 服务显示在简介中。 它们包括带有白色文本和图标的深蓝色背景,并且具有缩放悬停效果。 我喜欢“为什么”部分,它在简介列表中显示了公司的强项。 博客部分在一个单独的列中显示最新的帖子,背景与海洋的自上而下视图融为一体。 每一页都延续了这种设计。 我特别喜欢在与图像重叠的框中带有项目符号点的服务页面。

访问网站

3. 伞式税收解决方案

本网站由 Mani O'Brien 提交。 该网站在整个设计中使用带有黄色、白色和蓝色亮点的深蓝色。 它从带有描述和 CTA 的全屏图像开始,然后提供带有电子书激励的全宽时事通讯 CTA。 注册表单足够醒目,因此该站点不需要弹出窗口。 信息显示在包含顶部边框设计和多色图标的大简介中。 同样的设计也用于服务。 一个有趣的圆圈图形显示了它是如何工作的。 我特别喜欢推荐部分,它显示一个全宽图像,一侧是一个人,另一侧是背景上的推荐。

访问网站

4.赢水

本网站由 Victor Duse 提交。 该网站使用浅蓝绿色作为品牌颜色,通常作为两者的渐变,在高光和叠加层中。 英雄部分在渐变后面播放视频。 信息使用带有蓝绿色渐变色的有线地球仪图标显示在简介中。 我喜欢显示模糊背景图像的推荐滑块和上面的推荐。 博客部分显示具有优雅悬停效果的帖子。 统计部分很有趣。 它显示了三个大数字,每个数字都有不同的颜色和不同的高度。 水的图像在背景中使用,并在图像中包含蓝绿色。

访问网站

5. Helke Wieners

本网站由 Oliver Gehrmann 提交。 该网站使用一种称为野生西瓜的颜色作为背景、菜单和亮点。 英雄部分在与下一部分重叠的图像上方显示徽标。 标题使用优雅的脚本字体。 几个部分在两列中显示文本和图像,一侧是文本,另一侧是图像,并在滚动时交替显示。 全屏滑块显示相关图像。 联系人部分用作 CTA。 时事通讯注册使用品牌颜色作为其背景。 菜单很简单但很独特。 它显示一个汉堡包图标,但是当您单击它时,菜单会正常显示在标题中。 该网站很好地利用了颜色和空白。

访问网站

6. 果果


本网站由 Michal Teska 提交。 这是一个单页网站,使用蓝色、绿色、红色和黄色的水果热带色调作为品牌颜色,并在背景和亮点中使用它们。 它还在每个部分中使用与背景颜色相同的热带水果图像。 每个部分都是全屏的,并以真实视差显示图像。 相反的颜色用于图形、项目符号和分隔线。 服务显示在切换中。 页脚显示了联系信息,甚至包括一个用于返回顶部按钮的小香蕉图形。 这是一个干净简单的设计,充分利用了颜色和空白。

访问网站

7. Pirela 咨询公司

本网站由 Leopoldo Pirela 提交。 它使用蓝紫色、绿色和黄色作为背景、叠加和高光的品牌标识,从页眉背景中的紫色图案开始。 特色项目显示为三个图像,显示悬停信息。 推荐信显示在全屏滑块中。 想法和提示以显示相关图标的绿色简介显示。 我喜欢这个网站上的 CTA。 它在深绿色背景图案上显示一本书,其中包含信息和下载按钮。 页脚显示与页眉相同的紫色背景图案,并提供联系链接和社交关注按钮。 我喜欢“服务”页面的交替布局。

访问网站

8.毛里


本网站由 Mauricio Cedraz 提交。 登陆页面是一个全屏的,带有紫色/红色渐变背景,大文本只是偏离中心。 文本实际上是悬停时的链接和动画,这会翻转文本并更改颜色 - 一个字母朝后,颜色与其余字母不同。 单击任何文本会将您带到一个页面。 文本下方是一个带有欢迎消息的切换开关。 该页面还包括菜单图标、联系链接和社交关注按钮。 其他页面使用类似的设计,但有些页面具有多列布局,背景上带有渐变的图像。 颜色很大胆。 我喜欢在标题和菜单中使用颜色和大文本。

访问网站

9. 一只脚超过

本网站由斯蒂芬·布伦特·梅提交。 它在文本、高光、图形和背景中使用紫色和绿色作为品牌颜色。 英雄部分显示一个包含信息的框和一个与平面设计背景图形重叠的按钮。 下一部分显示两行,两列部分,带有品牌颜色的移动图形,另一列显示公司信息。 行交替其布局。 我喜欢下一部分,它在带有紫色渐变的图案背景上显示公司信息。 另一个紫色背景用作 CTA 和页脚内。 服务使用多色图标显示在简介中。

访问网站

10. Extempra


本网站由 Chetan Gupta 提交。 它使用了几种品牌颜色,包括在文本和覆盖层中接近蓝绿色的蓝色、用于高光的亮黄色、在背景中的粗黄色以及用于标题的紫色覆盖层。 我特别喜欢“程序”部分,它显示两个带有蓝色叠加层的图像,其中包括标题、文本和按钮。 叠加层使图像和文本弹出。 感言显示在与两个部分重叠的滑块内。 博客部分显示带有圆角和框阴影的帖子。 其他页面使用类似的布局,带有全屏标题、重叠部分和粗体颜色。 该博客对博客文章使用 1 栏、2 栏和 3 栏布局,并充分利用了特色图片。

访问网站

结论

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

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

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

精选图片来自霍比特人/shutterstock.com