Divi 设计展示：2018 年 9 月的新提交

已发表: 2018-09-23

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

我希望你喜欢他们！

Divi 设计展示：2018 年 9 月的新提交

1. 像素和铅笔

本网站由 Tyler Diaz 提交。一个漂亮的全屏标题展示了这个网站是如何使用图形和颜色以及有趣的设计的。下一部分显示带有按钮的客户徽标以了解更多信息。特色工作部分将项目显示为带有图像、文本、按钮和阴影效果的卡片。我喜欢最后一部分，它显示了另一组图形，其中包含一个简单的号召性用语和放置在有角度的部分中的社交按钮。工作页面显示了更大版本的项目卡片，每张卡片都会将访问者带到一个简单而优雅的项目详细信息页面。我也喜欢颜色和图形的简化使用。

查看网站

2. 安德里亚·马索蒂

本网站由 Andrea Masotti 提交。该站点有趣地使用了 Divi 的模块。三行显示三列，其中最右侧和最左侧包含文本，中间包含一个图形。文本和图形使用黑色轮廓和白色作为与背景混合的颜色。每行由一条黑线分隔。将鼠标悬停在该行上会将其所有元素变为黑色。将鼠标悬停在行内的特定元素上会将其颜色更改为红色（对于文本）或红色和蓝色（对于图形）。红色和蓝色图形用作投资组合页面的标题元素。这个网站是一个很好的例子，说明简单的事情可以做出重要的声明。

查看网站

3. 阿德里亚诺阿尔法罗

本网站由阿德里亚诺·阿尔法罗提交。它显示一个带有标题和描述的全屏标题，然后是一个简短的关于社交关注的部分，因此您可以立即了解该网站的内容并与设计师互动。带有大图标、描述和链接的模糊显示服务。接下来的几个部分是我最喜欢的。它们在一侧显示图像，在另一侧显示全角文本，并包含指向投资组合的链接。当您滚动时，它们会交替出现。视频背景在带有报价和 CTA 的奖项后面播放。我喜欢投资组合页面，它显示可点击项目的墙到墙图像。单个项目页面是该站点真正闪耀的地方。它们是现代布局设计的一个很好的例子。请务必查看菲亚特页面。

查看网站

4. 艾米丽商人

本网站由 Emily Merchant 提交。这个使用 CTA 创建了一个有趣的标题。 CTA 是用图像、边框、提供的作品类型、标题和按钮创建的。三个图像坐在这个下面。它们在叠加层中包含一个标题。悬停改变它们的颜色并显示一个边框，创建一个优雅的项目页面 CTA。关于部分是用引用和文本创建的。另一个投资组合 CTA 在您滚动到它时绘制图形。投资组合页面创建一个多列布局，每个图像都有自己的叠加颜色并继续悬停效果。

查看网站

5. 美洲大陆

本网站由文森特·瓦伦蒂诺提交。这一款充分利用了大胆的色彩和视差效果。全屏标题以展示文本和按钮的漂亮背景启动站点。显示他们所做工作的部分显示了带有锯齿状边缘的地形图，以将其与显示具有阴影效果的块的一段简介分开。我喜欢有案例研究的部分。完整设计的图像显示在背景中，同时重叠文本和图像以视差滚动。最近的项目显示在多列布局中。这个网站很好地利用了一页设计。

查看网站

6. 气象站

本网站由 Pierre Lannoy 提交。这是一个应用程序的网站。它保持设计简单，并充分利用色彩。我特别喜欢整个设计中使用的带有微妙渐变的蓝色背景。波浪形部分分隔将标题分开，而好处则显示为图像和文本模块。该网站还充分利用了数字计数器，它实际上显示了下载和公共安装的有用统计信息。正下方是一个部分，显示应用程序的评级并包括星级评级的图形。推荐是干净的，包括阴影效果。我也喜欢博客页面，它将图像显示为两列卡片，带有框阴影、标题和按钮。悬停会显示带有帖子摘录的蓝色叠加层。最新帖子以全尺寸显示在单列中。各个帖子还使用框阴影效果并包括帖子导航和评论模块。

查看网站

7. 好客

本网站由 Daragh Wallace 提交。该站点侧重于博客布局。它显示一个超大标题以显示徽标的正面和中央。在此下方是两个导航菜单：主主题放置在主菜单中，子主题放置在二级菜单中，绿色字体稍小。精选帖子在左侧显示图像，在右侧的较小框中显示标题、类别、摘录和阅读更多按钮。它们一起占据了内容区域的全宽。下面是一个博客部分，在三列中有 9 篇文章。帖子显示特色图片、标题、类别、简短摘录和按钮。我的作者喜欢显示网站标题定义的全宽部分。博客文章还保持简洁的设计，包括特色图像、文本、CTA、图像滑块、视频（对于某些文章）和包含三篇文章的博客部分。这个网站是干净博客设计的一个很好的例子。

查看网站

8. 杰里克斯

本网站由 Jeroen Rotty 提交。它使用了一些我最喜欢的颜色（我来自田纳西州，我偏爱橙色）。标题使用带有 CTA 的视差。样式化的部分分隔符有助于为下一部分创建空白区域，它通过链接和带圆圈的照片提供“关于”信息。服务用大的两色图标显示，这些图标利用橙色高光和悬停效果。最近工作的屏幕截图也使用悬停效果并包括阴影框效果。作品集页面延续了最近的作品设计。单击一个会将您带到网站本身，以便您可以直接看到作品。 WordPress 页面以两列显示优势，并在整个页面中包含手绘图形。我喜欢这个网站上的颜色。

查看网站

9. 处于危险中的母亲

本网站由 Swag Design Factory 提交。它采用多列布局的盒装设计。标题在一侧垂直显示徽标、菜单和社交关注按钮，另一侧显示视频和标语。图像和信息部分使用相同的行布局，但交替使用图像和文本。几个两列部分显示带有重叠按钮的图像和带有 CTA 的文本。全宽推荐使用网站的徽标和颜色完美融合。单个博客帖子显示一个背景图案，带有标题的标题和社交关注按钮，然后是帖子和侧边栏，其样式与站点相匹配。我喜欢整个网站使用的深绿色和粉红色亮点。

查看网站

10. Wems 无线

本网站由 Philip Wantling 提交。它使用品牌颜色（橙色和绿色）和电子产品图像（具有相同的品牌颜色）来描述该商业网站。这可以在全屏标题和整个站点中看到。两列中的四个图像链接到各种产品。我喜欢提供带有标题和按钮的动画的 CTA。它与上一部分（客户徽标）重叠，并附有一组描述好处的简介。用于演示的 CTA 在图像的角落使用突出的色带。产品以多列布局显示，通向产品链接。单个产品页面还包括一些用于产品描述和页面背景图案的甜美 Divi 样式。该网站充分利用了布局设计和色彩。

查看网站

综上所述

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

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

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

精选图片来自 Koksharov Dmitry / shutterstock.com