Divi Design Showcase：2019 年 5 月新提交的作品

2022年5月12日

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

我希望你喜欢他们！

Divi Design Showcase：2019 年 5 月新提交的作品

1.叉腰

该网站由艾伦考克斯提交。该网站使用灰色阴影的线条艺术作为背景和色彩缤纷的人物图画。按钮和其他图形元素也是彩色的，以从网站的设计中脱颖而出。这在将重点放在产品和行动呼吁方面做得很好。它通过全屏英雄部分、产品演示、两列可用性部分、单列使命陈述、推荐和与页脚重叠的 CTA 使设计保持简单。科学页面以其大标题和品牌图形而有趣，同时保持设计简单。

访问网站

2. Dapper Tapper 杂志

本网站由 Carlos Godoy 提交。该网站使用 Extra 来创建优雅的杂志设计。它显示一个全屏英雄部分，背景图像以视差为中心，徽标位于中心。滚动显示菜单，当它到达屏幕顶部时，该菜单仍然存在。文章被放置在三列的多列布局中。其他帖子以单列滑块显示，然后在底部显示一个供进一步阅读的部分。博客文章将文本放在一侧，将图像放在另一侧。该站点还具有一个大的下拉菜单和一个预加载器。我不会猜到这是额外的。

访问网站

3.底图

该网站由达斯汀奥尔森提交。该网站将产品的演示和 CTA 放置在屏幕中央的背景图像上，以帮助读者一目了然地了解产品的用途。其他几个具有类似设计的部分将产品展示在一侧，但这次是两个带有屏幕截图、动画或视频的演示，它们与下一部分重叠。演示完美地展示了产品的功能。我喜欢风格化的定价表。博客也很有趣。它包括一个滑块，后跟一个两列过滤的博客网格。这些帖子包括优雅的叠加层。侧边栏也符合网站的设计，并包含一个 Instagram 提要。这个网站上的摄影很棒。

访问网站

4.DH营销数字

本网站由 Douglas Henrique Monteiro e Silva 提交。它显示全屏图像，一侧为主题，另一侧为背景，为标题、标语和 CTA 留出空间。服务以使用彩色图标的项目符号显示。服务的统计信息显示为带有图标的有趣的垂直切换图形。推荐书显示在使用盒子阴影和星级评分系统的卡片中。一个部分在图形后面有一个背景图案。 CTA 与两个部分重叠，并且非常突出。我喜欢在服务页面上优雅地使用简介。他们使用彩色图标并创建带有悬停效果的纤薄卡片。该网站使用了大量的空白空间，并优雅地使用了颜色。

访问网站

5.约克

本网站由 Sander Goorman 提交。它使用蓝色渐变来显示全屏背景图像，并在一侧显示带有导航到服务的标语。 Blurbs 与下一部分重叠，并提供有关每项服务的详细信息。简介是带有蓝色图标的干净卡片。它们在悬停时向上升起，与网站的设计完美契合。展示他们故事的部分在一侧使用多色大文本，在另一侧使用常规文本。他们的作品示例显示在交替布局中，并带有查看作品的链接。我喜欢博客设计。它在网格中显示帖子，带有叠加层、标题、类别、作者姓名和按钮，以在弹出窗口中查看特色图像。所有都放在特色图像上。

访问网站

6. Idiolektik

该网站由 Oliver Gehrmann 提交。带有标语的多个图像显示在全角滑块中，后跟带有样式块标题的 about 部分。了解更多按钮会打开一个整页弹出窗口。了解更多按钮在整个设计中都很突出，非常适合节省空间，同时提供对大量信息的访问。使用在悬停时更改颜色并在单击时打开弹出窗口的图形提供更多信息。更多服务通过滑块内的图形和信息按钮显示。类似的滑块显示讲师的图像。讲师的页面显示了两列，其中包含一张大照片和每个人的信息。我喜欢活动页面。它使用带有下拉框的过滤器。

访问网站

7. Bio-Bausewein

该网站由 Michael Koch 提交。这个显示了一张全屏图像，主题上方带有标语，并以树木的形状覆盖以装饰侧面。这些和类似的形状出现在整个场地的两侧。下一部分显示了不同页面的 CTA。 CTA 使用带有不同颜色覆盖的大型图案背景。较小的 CTA 使用类似的设计以及博客卡片设计。一种使用倾斜设计。我喜欢显示所有者的部分。它显示了两者的全屏图像，下面是与照片中人物附近的图像重叠的文本块。事件页面显示类似于内联博客文章的事件，顶部有一个栏来显示日期。我喜欢这个网站上的摄影和色彩。

访问网站

8.生态主机

该网站由 Emy 提交。该站点采用单页布局，采用平面设计，整个站点的背景和图标采用优雅的红色、绿色和蓝色色调。背景和其他元素的图形有助于描述公司的使命。功能以简介显示，以创建带有大图标和标题的卡片。类似的卡片用于推荐和联系信息。我喜欢定价表。它们包括一个拨动开关，当您单击切换时价格会显示动画。当您单击查看信息时，有几张卡片会在弹出窗口中包含信息。该网站出色地利用了图形、背景图案和颜色。

访问网站

9. 717媒体

本网站由 Eike Müller 提交。它在整个网站的文本、按钮、动画和背景中使用浅绿色作为品牌颜色。甚至滚动条和返回顶部按钮也是绿色的。大卡片显示带有图像、文本和按钮的服务。卡片在悬停时显示阴影。它包括一个有趣的 CTA，它具有全宽背景和深色叠加层。当您滚动到它时，会在文本周围画一条绿线以引起注意。我喜欢关于部分。它使用图像和文本在卡片中显示信息。这些卡片与下一部分重叠，并包含一个动画叠加层。该网站充分利用了每一页上的小动画和绿色亮点。

访问网站

10. PicknRoll

该网站由 Roberto Wagner 提交。这是一家在线商店。主页使用带有多种颜色的大文本的背景图像向商店显示全屏 CTA。商店部分在三列中显示产品，叠加层中的图标与网站的品牌颜色（粗黄色）相匹配。信息部分显示了在视差中相对于背景图像的好处。推荐和时事通讯部分遵循与黄色文本类似的样式。商店页面遵循相同的设计，但在英雄部分添加了搜索功能。该博客目前有一篇文章，但页面设计很酷。博客文章与英雄部分重叠，时事通讯与两个部分重叠，包括页脚上方的社交关注部分。

访问网站