WordPress divi主题

Divi Design Showcase:2019 年 4 月新提交的作品

| 5月 13, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

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

google广告开户

我希望你喜欢他们!

Divi Design Showcase:2019 年 4 月新提交的作品

1. 运动大学

本网站由 Andrew Bartlett 提交。 该网站使用带有黄色和橙色(技术上是脏棕色)突出显示的白色文本的深色背景。 所有背景图像都是黑暗的。 英雄部分显示了描述该站点的背景图像。 叠加层中的文本包括左侧的标语和 CTA 以及右侧的播放按钮。 播放按钮在悬停时会发生变化,并在单击时在弹出窗口中打开视频。 其他部分在两列中显示信息,包括文本和图像。 当您滚动时,布局会交替变化。 在这些部分之间,有用于推荐的带有语音气球的小缩略图。 全角 CTA 提供带有订阅表单的图像。 更多的推荐语音气球会创建一个显示的页脚。

访问网站

2.京东设计

本网站由 James Dawson 提交。 它显示带有背景图像和深色叠加层的全屏滑块。 叠加层使用大文本来描述站点并提供 CTA。 滚动显示在描述公司的白色背景上带有大文本的另一个部分。 服务以文本形式显示,标题和描述之间有一个有趣的点分隔符。 投资组合部分显示带有叠加层的图像。 此部分使用波浪状的部分分隔线和灰色背景,从布局的其余部分中脱颖而出。 其他几个部分使用此设计,但背景为蓝色。 我喜欢带有超大客户徽标的部分。 它们在四列中以深灰色显示。

访问网站

3. 瑞典语

该网站由 Daniel Neumann 提交。 该网站显示全屏背景,带有深蓝色叠加层和一侧的白色文本 CTA。 服务以带有方框阴影和动画图标的简介显示。 背景图案是通过简介看到的。 悬停增强了盒子阴影效果,使它们脱颖而出并使宣传片完全不透明。 几个两列部分交替布局,一侧是文本,另一侧是图像。 这些部分中的文本显示动画图标和突出显示的文本。 定价页面充分利用了简单的蓝白色设计和白色定价表。 我喜欢定价表按钮发出的红色光芒。 红色高光带来恰到好处的色彩,完美突出。

WordPress divi主题

访问网站

4. HH仪器

该网站由 Mathias Rue 提交。 该站点使用带有图标的橙色到红色渐变背景来创建工程设计。 叠加层在一侧显示公司信息、按钮和搜索功能,在另一侧显示联系表格。 下拉菜单包括联系页面的全角按钮。 合作伙伴徽标显示在带有供应商页面链接的滑块中。 模糊用于指向服务和信息的链接。 它们包括 2 色图像作为图标,并且它们有一个有趣的边框,使宣传语脱颖而出。 参考部分使用类似的设计,但它们要大得多,并且包括图像的客户徽标。 该设计也用于博客部分。 该布局还包括来自 LinkedIn 的嵌入文章,其背景与英雄部分相同。

访问网站

5. IQ动画工作室

该网站由 Saurabh Patil 提交。 英雄部分在一侧显示标语、信息和 CTA,另一侧在深蓝色背景渐变上显示动画图形。 动画图形很有趣。 我想要一个这样的咖啡机。 其余的背景和按钮使用更深的蓝色。 四列简介显示带有标题的动画图标。 它们使用深蓝色背景和灰色边框,亮度足以使彼此分开。 将鼠标悬停在任何宣传语上会将其背景变为橙色。 类似的设计用于提供信息的其他宣传语。 一个有趣的关于部分展示了在视差中很酷的艺术品的动画。 这些页面还显示了一个很酷的加载动画。

访问网站

6. 幼儿园小姐

该网站由 Chris Cadalzo 提交。 该网站在菜单下方的中心显示一个超大的徽标。 下一部分为顶部和底部使用波浪形部分分隔符——每个部分都有不同的设计和多种背景颜色的阴影。 本节还将主题显示为方形图像,这些图像会缩小并在悬停时更改其边框。 资源部分和博客部分(但图像更高)使用相同的设计。 关于部分以带圆圈的图像和与徽标相同的脚本字体样式显示站点所有者。 注册表单显示带有标题脚本字体的免费赠品。 博客和侧边栏的样式也与网站的品牌设计相匹配。

访问网站

fiverr建站WordPress程序员

7.德尔曼

该网站由 Jake Braught 提交。 视频背景在带有标语的叠加层后面播放。 滚动显示针对特定类型客户的服务的多色图标。 页面底部会显示类似的服务部分。 推荐在绿色背景上以全角显示,并带有倾斜的部分分隔线。 这部分非常突出。 较大的推荐部分出现在布局底部的多列中,具有交替的颜色和样式图像。 几个部分显示客户的故事,其中包含嵌入的视频和大文本的统计数据以及更多信息的链接。 视频的图像显示了多个设备上的网站。 靠近页脚的地方从山切口后面的视差山开始,带有倾斜部分分隔线的联系表格,以及显示带有统计计数器的评论网站徽标的部分。

访问网站

8. 苏帕国际

本网站由 Ben Dale 提交。 这是一个 2 页的设计。 产品标签以视差显示在背景中,并在叠加层中显示标语和 CTA。 下一部分以较小的字体在一侧显示详细信息,在另一侧以较大的文本显示缩短的陈述。 接下来的几个部分显示带有标题和文本的产品图像。 图像相互垂直偏移,使设计具有有趣的视觉风格。 服务以包含标题和编号文本的覆盖图显示。 更多产品显示在大型 4 列画廊中。 该网站充分利用了大标题文本和图像。

独立站选品工具

访问网站

9. 英雄为你

本网站由 Bram Chauvin 提交。 这个网站有趣地使用了图形。 hero 部分使用顶部分隔线来实际设置标题的样式。 标题文本很大,并显示标语和几个按钮。 背景以真实视差显示,包括与下一部分的云部分分隔线重叠的云。 Blurbs 使用带圆圈的图形显示服务。 简介中的按钮与简介重叠。 我喜欢 CTA,它显示了超级英雄智能手机的大图。 页脚也很有趣。 它以真实视差显示图形背景,带有倾斜的截面分隔器和覆盖层中的接触 CTA。 该博客遵循相同的设计并使用页眉和页脚元素。

访问网站

10. VS & 组装

高质量外链购买

该网站由 MJ Swart 提交。 该站点有趣地使用图形元素和大块来创建布局。 英雄部分使用带有不同颜色的块、点和垂直文本的深色背景来创建视觉图案。 这些模式贯穿于布局的其余部分。 接下来的部分使用多列布局,背景颜色块、样式标题、超大标题和滑块显示他们的服务、有关公司的信息、经验、文化、办公室等。 单击菜单中的联系链接会在菜单中打开联系表。 我喜欢在这个网站中使用颜色、文本和滑块。

访问网站

结束时

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

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

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

JasperAI 10000字免费额度试用

特色图片来自 MSSA / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题