WordPress divi主题

Divi Design Showcase:2018 年 12 月新提交的作品

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

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

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

google广告开户

我希望你喜欢他们!

Divi Design Showcase:2018 年 12 月新提交的作品

1. 拉德·斯派克


该网站由 Saskia Lund 提交。 它对英雄部分使用多列布局,在较大的列中使用叠加层来描述网站的目的,在较小的列中使用叠加层来显示产品的一组简介。 将鼠标悬停在简介上会显示描述和按钮。 服务以包含带有样式的金色框的文本的图像显示。 悬停会更改文本及其背景的颜色。 风格化的金色盒子贯穿了布局的设计,并出现在几个图像后面。 黄金也用于标题和标题。 菜单包括一个风格化的预订 CTA。

访问网站

2. 安瑞尔


本网站由 Rikke Ekelund 提交。 该站点使用左侧垂直菜单,当您滚动时该菜单保持原位。 全屏标题显示作者的姓名和照片,并带有箭头指示您向下滚动。 接下来的两个部分展示了一本书,其中包含描述、书籍封面和阅读更多链接。 全屏“关于”部分与前面部分的设计相匹配。 另一本书 CTA 在书籍描述和推荐书之间显示该书。 其他推荐跟随博客部分并匹配品牌。 我喜欢这个网站上的颜色。

访问网站

3. Selecta 网站


该网站由 Emy 提交。 它使用干净的设计和大量的空白来展示他们的服务,这些服务在两列部分中使用了简介和切换。 使用多色图形、顶部边框、标题和文本提供信息,所有这些都带有框阴影效果,以与背景分开。 我喜欢展示他们最新作品示例的部分。 布局放置在与灰色框重叠的框内。 悬停时布局在框中滚动以显示网站设计。 旁边是描述和链接。 当您滚动时,它们会在页面下方交替出现。 一部分徽标放置在小彩色盒子上。 他们还充分利用吧台、号码台和推荐信。

访问网站

4. 卡勒·沃尔纳


该网站由 Marcel Tannich 提交。 它在黑色背景上显示网站所有者的图像,带有名称、标语和按钮,以在真实视差中阅读更多信息。 当您滚动时,您会看到带有社交按钮和风格化图像的“关于”部分。 项目部分显示在黑色背景上,并包含带有红色分隔线的白色文本。 每个项目都包含图像和链接。 一段音乐和一段电影在白色或黑色背景上嵌入了三列 YouTube 视频。 唱片部分以 6 列显示专辑封面。 每个元素都有足够的空白空间分开,防止大量信息变得混乱。

访问网站

WordPress divi主题

5.菲利普·扬科夫斯基


该网站由 Filip Jankowski 提交。 这个网站使用了一个简单而干净的英雄部分,只有一条消息和社交图标。 当您滚动并在手机模型中展示网站设计时,会显示一个精选的投资组合。 手机中的布局会随着您滚动而滚动。 在手机模型的另一边,只有足够的文字来描述项目,并带有一个按钮,可以现场查看。 此设计在屏幕下方交替显示,在笔记本电脑屏幕或手机中显示示例。 红色文本和高光在奶油色背景下看起来很棒。

访问网站

6.扎卡里尼尔森


该网站由 Zachary Nielson 提交。 这是我见过的英雄部分中文本最独特的用途之一。 超大的白色文本在黑色背景上显示部分文字,并带有旋转到不同方向的网站所有者的圆形图像。 特色作品部分后面的背景也使用了文本,该部分显示了灰色背景上的作品示例。 另一个投资组合部分以四列显示计算机显示器内的较小图像。 本节扩展悬停以占据屏幕的整个宽度。 博客文章摘录放置在灰色背景上。 整个博客部分背景遵循与其他部分相同的设计元素,大文本和黑色背景。 社交网络的链接以悬停时展开的文本形式提供。 有趣的是,文本如何描述网络的目的,例如想法或照片,而不是网络名称。

访问网站

7. 超越


本网站由 Michał Żywiecki 提交。 这是另一个独特的英雄部分。 一段穿越空间的视频在背景中缓慢播放,同时文章标题在屏幕上从一个位置滚动到另一个位置。 徽标位于矩形设计和网站标题的中心附近。 滚动显示具有信息和嵌入视频的真实视差中的行星。 贡献者的徽标在悬停时显示名称。 关于部分显示了一个多栏库,其中一侧有说明。 其他部分包括指向事件、滑块、下载等的链接——所有这些都在空间、行星和卫星的黑色背景下以真正的视差呈现白色文本。

访问网站

8. 托尼卡


本网站由 Michał Żywiecki 提交。 该站点在英雄部分的背景中显示动画设计,并在前景中显示标语。 前景文本慢慢改变颜色。 当前颜色的十六进制代码显示在该部分的左下角。 英雄区域内的链接可让您创建自己的背景微调器,您可以设置样式然后下载。 该网站本身在背景上显示动画文本,这些文本也会改变颜色并显示十六进制代码。 该网站在整个页面中包含对代码的解释。 线条绘制的设计用于整个站点的图形。

访问网站

9. Leniva 全金属代理


本网站由 Michał Żywiecki 提交。 该站点显示了英雄部分的全屏背景。 滚动显示最近的工作和查看所有项目的链接。 该作品显示在一个两列的项目部分,图像大小一致。 悬停会显示项目的名称,单击会将您带到项目的详细信息页面,您可以在其中看到项目的高分辨率图像。 关于部分使用样式突出的大文本。 当您向下滚动页面时,您所在部分的菜单项在标题中带有下划线。

访问网站

fiverr建站WordPress程序员

10. 关于议程


该网站由 Mathias Rue 提交。 这个在图形和样式背景中使用整个站点的黄色突出显示。 背景具有拉丝外观,在白色背景和徽标内形成黄色或灰色的宽斑点。 拉丝边缘用作部分分隔符。 图形看起来是手绘的,并且具有草图的外观。 布局本身主要遵循两列设计,一侧是图形,另一侧是文本,并在白色背景上的灰色或黄色部分之间交替。 我喜欢这个网站上的颜色和图形。

访问网站

结论

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

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

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

独立站选品工具

精选图片来自 VectorKnight / shutterstock.com

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