WordPress divi主题

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

by | May 8, 2022 | Divi主题使用教程 | 0 comments

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

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

google广告开户

我希望你喜欢他们!

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

1. 机器人 vs 缺点

本网站由韦德麦克马斯特提交。 该网站使用深色调色板,带有白色和浅蓝色文本,并在整个过程中突出显示。 菜单很细,用蓝线与英雄部分分开。 英雄部分以大文本显示带有站点徽标和描述的背景图像。 关于部分在两列中显示信息。 我喜欢博客部分,它在带有样式覆盖的背景图像上以视差显示。 它在卡片设计的一侧显示带有文本的最新博客文章作为 CTA,以查看博客和另一侧的博客文章。 壁纸和博客页面显示带有标题、背景图像和侧边栏的博客文章。 订阅页面也很有趣。 它将注册表单显示为 CTA,一侧带有项目符号,以显示订阅的好处。 这些页面显示的菜单设计与主页不同。

访问网站

2.匹配设计媒体

本网站由 Sam Nicholson 提交。 该站点显示带有渐变叠加层的全屏背景视频。 前景显示徽标和线条设计。 徽标在悬停时放大,两个线条元素消失以创建有趣的悬停效果。 最有趣的元素是网站使用部分分隔符的方式。 它在分隔线后面放置一个背景图像,然后在其上放置一个渐变。 数字计数器或圆形计数器放置在它们上面。 该网站使用大量渐变和样式文本来匹配。 按钮包括与背景相同的渐变。 服务以交替布局显示,包括悬停时倾斜的图像。 职业部分和联系部分包含相同的倾斜效果。 它有许多小的动画,例如在加载时倾斜到位的线条。 该网站还包括一个样式化的返回顶部按钮和一个样式化的滑动条,我希望看到它们成为网页设计的标准做法。

访问网站

3.属性弹出

本网站由 Kaelynn Midgley 提交。 它显示一个全角背景渐变,一侧是 CTA,另一侧是移动设备中的图像。 滚动显示一侧带有 CTA 的信息和另一侧的属性图像,其中一个图像放置在笔记本电脑的轮廓内。 类似的设计贯穿整个网站。 我最喜欢的是关于社区的部分。 它包括一个两列布局,其中一个背景图像带有一个与它重叠的简介,其中包括一个图像、文本和一个按钮,以及另一侧的信息。 How it Works 页面以全屏显示每个步骤,每个步骤都有不同的背景颜色。 我也喜欢博客页面,其中包括英雄部分、信息文本、分隔符,然后是博客文章。 这些帖子为特色图片添加了框阴影。 菜单包括 CTA。

WordPress divi主题

访问网站

4.祖国

本网站由 Jerome Bestel 提交。 它包括整个网站的大量图形,从英雄部分开始,一侧显示一个大图形,另一侧显示 CTA。 滚动显示一个两列部分,一侧有一个较小的图形,另一侧有一个可点击的呼叫按钮和信息。 当您滚动时,此设计会在页面下方交替出现。 其他信息在简介中提供。 滑块允许您移动光标并选择价格。 有关团队的信息通过简介提供,包括图像图形。 该网站使用最小的设计和大量的蓝色文本和背景来吸引目标受众。 每个页面都遵循类似的设计,但仍然有一些独特之处。 该菜单包括一个联系人 CTA 和一个可点击的呼叫链接。 我特别喜欢每一页的英雄部分的大图形。

访问网站

5. ChangeUp 为慈善事业

本网站由 Dickon Kent 提交。 它有一个全角背景渐变,在 CTA 后面的一侧有一个图形,另一侧有一组图像,用于在手机上显示应用程序。 接下来的几个部分在左侧显示带有分隔线和蓝色标题的文本,在右侧显示带有应用程序图像和周围图形的智能手机。 滚动时,文本和图形会滑入到位。 滑块在带有渐变的图案背景上显示徽标。 全角推荐滑块包括与网站匹配的蓝色背景上的图像、推荐以及点和箭头导航。 信息在包含与网站样式相匹配的圆圈图标的简介中提供。 该网站出色地使用了蓝色和绿色品牌的颜色和渐变。

访问网站

6. 雷布尔

本网站由 Dickon Kent 提交。 该站点使用了一个有趣的大型菜单,主文本下方的文本较小。 将鼠标悬停在其中一个链接上会打开菜单以显示更多链接和图像。 主页的第一部分显示全角图像,一侧为 CTA,另一侧为产品。 滚动显示一个全角 CTA,该 CTA 展示了产品并提供了指向商店的链接。 博客部分将类别显示为博客卡片。 单击一个会打开该博客类别的存档页面。 博客文章以大卡片的形式呈现,类别居中在图片和摘录之间。 一个纤细的订阅表单在背景图案上显示文本和表单。 有关公司和产品的信息显示在带有大型 CTA 的两列部分中。 我喜欢在叠加层中显示带有标题和按钮的背景视频的视频 CTA。 嵌入式 Instagram 滑块提供有关悬停的信息,并在单击时以模式打开信息。

访问网站

fiverr建站WordPress程序员

7. 青年,大声说出来!

本网站由 Michal Teska 提交。 它是一种单页布局,以高度不透明的覆盖显示视差的全屏背景图像。 覆盖包括标语和图形。 所有部分都有两列布局,背景为视差文本,前景为图形,另一侧为文本。 当您滚动时,此设计会交替出现。 其中一个部分具有样式与站点匹配的切换。 有关所涉及人员的信息是通过在左侧具有缩略图图像以及在右侧具有他们的姓名和位置的简介创建的。 合作伙伴徽标以灰度显示,并在悬停时变为颜色。

访问网站

8. AWEOS

本网站由 Christos Papadopoulos 提交。 动画背景营造出带有卡通图形的海底环境效果。 带有标语和动画图像的 CTA 位于背景上。 大型菜单显示三列链接和图像。 下一部分提供信息,包括可点击的通话链接和咨询链接。 团队成员会显示一个图像、名称、标题、描述和一个按钮,以听取该人的音频消息。 服务显示在包含文本下方图标的简介中。 项目页面显示了在悬停时滚动的卡片中的示例。 每个服务页面都遵循类似的设计,其中包括带有描述和链接的标题,然后是详细信息。 博客页面和帖子遵循类似的标题设计。

独立站选品工具

访问网站

9. 马西·安吉利斯

本网站由 Marci Angels 提交。 滚动时,页眉和页脚保留在屏幕上。 它们是透明的,因此布局显示出来。 主页显示蓝色背景和几张工作样本的图像。 单击图像会打开该项目的页面,您可以在其中查看有关该项目的详细信息。 每一个都显示为一篇博客文章,包括一张特色图片、描述、图片、上一篇和下一篇文章的导航以及一个联系表格。 页脚不会保留在项目页面的屏幕上。 页眉和页脚的设计简洁明了。 标题包括所有者指向其他网站的链接,这些链接使用类似的柔和颜色。 页脚包含指向社交媒体的链接。 两者都有将它们与网站主体分开的线条。

访问网站

10. ATG 欧洲

高质量外链购买

本网站由 Camiel Bos 提交。 全屏标题在屏幕左下角显示带有标题和标语的背景视频。 它有一个大型菜单,并在悬停时显示链接和帖子。 在滚动时,您会看到菜单变为白色并具有弯曲的边缘并反映了视频部分的底部。 下一部分提供了信息,其中包括与网站主题相匹配的图形。 所服务的行业、解决方案和服务以视差形式显示在图像中。 联系人 CTA 在背景图像上显示标题和按钮,并包括顶部和底部的弯曲部分分隔线,以创建有趣的设计。 该网站使用了许多样式化的分隔线、背景图案和重叠元素,这些元素在保持简洁设计的同时很好地突出。 该网站出色地利用了图像和颜色。

访问网站

结论

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

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

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

JasperAI 10000字免费额度试用

特色图片来自 ProStockStudio / shutterstock.com

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