14 个用 WordPress 制作的令人惊叹的网站设计

已发表: 2017-09-09

使用 WordPress,无限可能。 有各种各样的 WordPress 主题和插件可以帮助我们向一个全新的、令人惊讶的网站迈出第一步。

在这篇文章中,我们很高兴让您体验一下外面的情况。 我们将分享 14 个使用 WordPress 作为其内容管理系统的不同网站。 虽然每个网站可能是不同的类型,但它们确实有一个共同点; 它们都是令人惊叹的网站设计,会给您留下深刻的印象。

1. 疯狂

website designs

列表中的第一个网站设计 Crazy 名副其实,因为他们有一个非常漂亮的网站。 该网站背后的公司位于日本,并真正设法在其网站上体现了他们的创造力。 总体而言,该网站非常干净,并使用白色来体现其优雅和简洁。 他们添加的一项不错的功能是其网站右侧的社交媒体图标。 他们做得很好的另一件事是利用全屏菜单,当您打开包含子菜单项的菜单项时,该菜单将自身一分为二。 最后值得一提的是,他们为网站上几乎所有元素都提供了出色的滚动效果。

2. 邦纳品牌

网站设计

继续前进,我们还将 Bonne Marque 列入令人惊叹的网站设计名单。 该网站与您经常看到的典型网站不同。 访问网站时,您首先会注意到的一件事是与您在网站上进行的动作和动作并行的声音效果。 尽管主页包含许多特殊效果,但它们使内容保持清醒。 他们以一个英雄部分开始他们的主页,显示他们的公司和网站是关于什么的。 主页的下一部分(也是最后一部分)展示了公司的案例研究。 他们没有告诉人们他们是关于什么的,而是决定向他们展示而不是用有希望的内容压倒他们。

3. 数码微笑学院

网站设计

接下来,我们有数字微笑学院。 一个在通过整个网站的视觉效果展示其附加价值方面做得很好的网站。 例如,英雄部分包含一个视频,该视频反映了公司在提供服务时的价值观和方法。 与 Crazy 网站一样,该网站决定巧妙地展示网站左侧的社交媒体图标。 除此之外,该网站还对网站内的大多数元素使用滚动效果。 在这个简短的总结中最后值得一提的是全屏菜单,与大多数全屏菜单不同,它是水平显示的。 每个菜单项都是一个章节,将鼠标悬停在该项目上时,您会看到一个背景图像,强调您正在选择 10 个现有菜单项之一(包括子菜单项)。

4. 鬼马

网站设计

令人惊叹的网站设计列表中的下一个网站是 Ghost Horses。 Ghost Horses 是一个专门为位于曼彻斯特的网页设计公司而设的网站。 虽然乍一看这个网站比其他网站更简单一些,但它有一个深思熟虑和精心设计的网站结构。 例如,主页上的不同部分划分得非常好。 您会注意到每个部分都标有一个图标,可以立即让您了解该部分将处理的内容。 此外,主页上的每个部分都有一个微妙但增值的粒子背景,可以在这些部分中使用简单设计的元素。

5. Coraline Colasse

网站设计

Coraline Colasse 网站是列表中互动性最强的网站设计之一。 为了让人们发现主页上的所有内容,他们必须以另一种方式参与,而不仅仅是滚动和点击。 如页面底部所述,您可以拖动页面以查看项目。 由于人们不习惯这种形式的导航,因此在拖动时提供的内容上的注意力范围会更大。 他们在主页上提供的内容专注于他们最大的资产; 以前的项目。 他们还使用了全屏且略微透明的菜单。 除了包含菜单项外,他们还添加了一些介绍性文字,帮助访问者浏览网站的不同页面。

6. 打瞌睡工作室

网站设计

列表中的第六个网站 Doze Studio 可能是所有网站中外观最复杂的网站。 该网站致力于位于法国的设计和创意工作室。 该网站是一个单页页面,在导航中包含四个锚链接,指向关于部分、团队部分、客户部分和联系部分。 所有需要的部分都为访问者提供了足够的信息。 该网站包含复杂而智能的效果,展示了公司可以实现的部分目标。

7. 轭

网站设计

接下来是约克。 Yoke 的主页使用非常干净的颜色,使网站和网站背后的公司看起来很专业。 然而,主页上使用的动画也带来了俏皮和创意的一面。 当我们查看英雄部分时,我们会注意到它的结构并不是您经常遇到的结构。 他们没有让元素集中,而是选择将动画放在中间,所有其余元素放在角落。 使访问者可以轻松浏览他们拥有的不同选项的东西。 当您进一步向下滚动时,您会注意到他们使用不同类型的框来表示他们提供的内容。

8. 克里诺

网站设计

接下来,我们将看看位于法国的数字工艺工作室 Creano。 在打开网站时,他们会立即通过启动器要求进入网站来请求与网站进行交互。 一旦进入实际网站,另一件立即引起人们注意的事情是版块之间的相互背景。 这强调了他们想给访问者讲故事的过程。 此外,他们还在整个网站上使用浮动效果来增加透视感。 确实可以为人们提供探索内容的理由。 单击菜单项时,不是打开叠加层,而是加载具有相同布局的新页面,并在那里显示菜单项。

9. 维多利亚斯派塞

网站设计

我们网站设计列表中另一个给我们留下印象的网站是位于伦敦的布景设计师 Victoria Spicer。 她制作的网站令人印象深刻,尤其是考虑到它是一个代表个人服务和项目的网站。 该网站在清醒和干净的外观和一些突出显示所提供内容的出色效果之间取得了很好的平衡。 例如,在英雄部分,Victoria Spicer 找到了一种让人们探索不同幻灯片的好方法。 将鼠标悬停在英雄部分的右侧或左侧时,会显示一个箭头作为光标。 除此之外,她还在卷轴上使用了出色的效果。

10. 门户网站 Kandydata

网站设计

在我们令人惊叹的网站设计列表中,另一个非常好的网站是 Portal Kandydata。 该网站将讲故事提升到了一个新的水平。 通过按住英雄部分的点击,您将在故事中出现。 故事的结尾最终将您带到主页。 这绝对是与访客互动的好方法。 但是,如果您想跳过故事,可以立即转到菜单中要查找的内容。 该网站由 Superskrypt 设计,Superskrypt 是一家波兰网页设计公司,我们也将在这篇文章中进一步处理。

11. VR 阿尔勒节

网站设计

我们选择的下一个网站设计是 VR 阿尔勒节。 VR Arles Festival 也是一个法国网站(法国人做得很好,不是吗)。 该网站致力于虚拟现实节日,首先引起我们注意的是英雄部分中 3D 动画的使用。 它为网站提供了额外的一点点触动,并且与网站的内容一致; 这就是虚拟现实。 除此之外,他们还有一个不错的滑入式菜单,它不会覆盖网站的整个高度,而只是其中的一部分。

12.超级密码

网站设计

然后,我们还有位于波兰的创意机构 Superskrypt。 他们提供的两项服务是品牌推广和品牌网站。 Superskrypt 也是我们在这篇文章中展示的 Portal Kandydata 网站的创建者。 他们有一个带有非常简单的英雄部分的深色网站。 虽然很简单,但也很有效。 在进入网站的花哨部分之前,他们为观众提供了一些简单的标语。 在那里,他们切入正题,以直截了当的方式提供他们的书面内容,并用漂亮的背景效果装饰它。

用 Divi 制作

在向您展示了一些一般使用 WordPress 制作的网站之后,我们还想包括两个同时使用 WordPress 和 Divi 制作的精美网站。

13. 波普拉贝林根

网站设计

列表中的第十四个网站和第一个值得一提的 Divi 网站是 Popla Bellingen 网站。 本网站的英雄部分立即引起了我们的注意。 这是一个很好地组合的部分背景,用于行的白色背景。 除了包括标语和合身图片外,本网站的英雄部分还包含一些基本信息,使正在寻找联系方式的人可以轻松地立即取得联系。 该网站的另一个显着特点是主菜单中与菜单项相结合的重叠徽标。 最后值得一提的是主页末尾包含 Instagram 图片的滑块。

14. 家庭动力援助中心

网站设计

列表中的最后一个和 Divi 制作的第二个网站是一个专门用于家庭动态援助中心的网站。 该网站将他们提供的服务与网站的外观完美匹配。 该网站使用柔和而严肃的色彩,与网站内使用的不同特殊设计完美结合。 除此之外,滚动的不同效果有助于以交互和结构化的方式传递信息并分享严肃的内容。

最后的想法

在这篇文章中,我们向您展示了一些令人惊叹的网站设计。 我们展示的所有设计都是由 WordPress 制作和授权的。 这些网站设计是为您自己的网站或您可能拥有的下一个项目获得灵感的绝佳方式。 如果您有任何问题或建议; 确保您在下面的评论部分发表评论!

请务必订阅我们的电子邮件通讯和 YouTube 频道,这样您就不会错过重大公告、有用提示或 Divi 免费赠品!

特色图片 32 像素/shutterstock.com