Divi 设计展示:2021 年 3 月起的新提交

已发表: 2021-04-05

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

我希望你喜欢他们!

Divi 设计展示:2021 年 3 月起的新提交

1. 亨廷顿基督教青年会

亨廷顿基督教青年会

本网站由 Jimmy Lemon 提交。 本网站上的所有图像都使用圆形边框,使它们看起来像瓷砖。 带有圆角的模糊突出显示类别。 甚至标题中的子菜单也与平铺设计相匹配。 英雄图片在一侧放置了一个渐变叠加层,叠加层中有 CTA。 每个带有文本的图像都遵循类似的设计,将覆盖层放置在覆盖层的底部,并在覆盖层中放置文本。 字体和背景在整个色谱中使用多种颜色。 该网站充分利用了颜色、图像和排版。

参观亨廷顿基督教青年会

2. 蝙蝠侠

蝙蝠侠

本网站由 Dijimoe 提交。 这个有很多与技术网站完美配合的小细节。 打字效果会显示英雄部分中的信息。 英雄部分中的粒子会跟随鼠标移动。 当您将鼠标悬停在地球上时,地球的模糊图像会成为焦点。 类别的模糊看起来像带有圆形边缘的卡片。 它们在悬停时旋转以显示每个类别的详细信息。 部分的蓝色背景包括突出的样式边框。 特色产品还包括圆形边框,并通过框阴影与站点分开。 该网站充分利用了色彩和微动画。

访问 BATCOM

3. 纯种建造

纯种建筑

本网站由 Jimmy Lemon 提交。 它使用蓝色和红色的配色方案,在看起来优雅的同时脱颖而出。 英雄部分中的背景图片有助于一目了然地描述站点。 超大图标提请注意有关公司及其服务的信息。 红色或蓝色文本突出显示信息。 推荐信和 CTA 显示简介和滑块以创建带有圆形边框的卡片。 所有元素都与红色或蓝色品牌颜色很好地联系在一起。 这个网站很好地利用了图形和颜色。

参观纯种建筑

4. LV 婚礼奢华及特别活动

LV 婚礼奢华特别活动

本网站由 Domenico Cannetti 提交。 它在整个网站上有许多优雅的图像和文字。 英雄部分显示一个大滑块,该滑块位于白色边框中以创建框架。 标题的一侧显示徽标和汉堡菜单,另一侧显示社交图标和 CTA。 当您滚动时,汉堡包菜单向左移动并粘在滑入式菜单的屏幕一侧。 金色文本用于大标题、标题、链接、按钮文本和信息。 大图像提供画廊链接。 它们在悬停时以脚本字体显示标题。 该网站充分利用了图像和文本。

参观 LV 婚礼奢华和特别活动

5. 纳贤波

纳县浪潮

本网站由 Alba Solution 提交。 它显示带有大图像、元信息和用于查看每个属性的按钮的出租属性。 一些图像在角落处包含一个小横幅,与网站的设计相得益彰。 整个网站都使用了灰蓝色高光,并且与图像配合得很好。 大图像放置在双列布局中以展示属性。 住宿页面将图像显示在带有灰色框阴影的单列中。 马赛克画廊显示更多图像。 简单的布局和柔和的颜色非常适合创建看起来干净和专业的优雅设计。

参观纳县波浪

6. 狗皮里

古皮利

本网站由 Laurent Albertini 提交。 这一款使用了许多醒目的非原色和图形,非常适合目标受众。 英雄部分在蓝色背景上显示一个带有角度分隔符的图形。 菜单在中心显示类别的链接以创建独特的标题。 博客文章显示特色图片和蓝色背景的摘录。 类别标签放置在图像上。 每个类别是不同的颜色。 信息链接以包含悬停动画的简介显示。 这些帖子在一侧显示图像,在另一侧显示文本。 图像是粘性的,直到您滚动到文本的末尾。 该网站看起来既有趣又吸引人。

参观古皮里

7.乔治娜·贝克森

乔治娜·贝克森

本网站由 Joe Walkling 提交。 该网站对文本进行了有趣的使用。 英雄部分显示一大块颜色,中间有一个图形,网站标题在超大文本中。 文本链接垂直放置在左侧,超宽的汉堡菜单放置在右侧。 汉堡包图标打开全屏菜单。 当您滚动时,站点的标题逐渐消失并变为左侧的垂直文本。 下一部分的大标题滚动,然后粘在屏幕顶部。 一旦粘住,它的颜色就会变浅,并成为其他部分滚动的背景。 接下来的几个部分以交替布局显示 CTA,其中一侧带有大图像,另一侧带有文本。 文本和图像滚动和不同的速度。

访问乔治娜·贝克森

8. 木岭

木岭

本网站由贾斯汀·阿卡拉提交。 这个使用颜色和摄影来创造优雅的设计。 标题显示两个部分。 顶部将联系信息放在外边缘,将徽标放在中心。 底部使用分隔线和大文本作为链接。 带有白色边框和前景中的 CTA 的全屏背景图像创建了英雄部分。 多个部分在一侧显示重叠图像,在另一侧显示文本。 有关设施的信息以卡片形式显示图像和文本。 文本包括两侧的分隔线。 用于阅读更多内容的按钮与卡片重叠。 它还具有有趣的页脚设计,带有绿色图像上的联系信息和与页眉匹配的链接。

参观木材岭

9. 本地化

LOCOMAT

本网站由塞缪尔提交。 这个在整个站点中使用了大量的大图像和角度。 英雄部分显示一个视频背景滑块,带有可滑入和滑出的动画 CTA。 CTA 包括在站点的其余部分中找到的角度。 一个有角度的形状将它与下一部分分开。 下一部分在一侧显示带有倾斜边框的图像。 几个部分包括一个类似的设计。 该站点还包括许多红色亮点和自定义图标。 我特别喜欢卡车的角度和大图像。 它与深蓝色背景黄色数字计数器的下一部分重叠。 这个网站充分利用了颜色和角度。

访问 LOCOMAT

10. 救世军——查尔斯顿,西弗吉尼亚州

本网站由康纳史密斯提交。 这一款以其深色和红色亮点脱颖而出。 标题很简单,但它包括一个超级菜单,显示两列信息和一个重叠的标志。 英雄部分显示一个带有视频图标的大背景图像,点击后会打开一个视频灯箱。 事件列表显示在信息部分旁边的侧栏中。 全角部分将大图标放置在背景图像的叠加层中。 图标在悬停时放大。 有关程序和服务的信息显示在滑块中。 两者都包含看起来像样式卡片的幻灯片。 这个网站还有一个有趣的页脚,带有重叠的标志。 简化的联系信息放置在带有深色覆盖层的背景图像上。 该网站充分利用了颜色和图像。

参观救世军 - 西弗吉尼亚州查尔斯顿

包起来

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

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

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

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