每一年,网页设计中都会出现或重新出现新的趋势。2017年也不例外。很有可能,你自己也注意到了其中的一些趋势。希望至少有一些激发了你的创造力,给你的网站带来了新的生命。但是我们都知道,注意到一个网页设计趋势是一回事,在你自己的网站上实现它完全是另一回事。你可能会想,“这真的很酷!我在WordPress中怎么做呢?如果你有,有很多帮助。WordPress社区的开发人员在确保WP网站所有者能够使用他们所需要的工具来采用最新和最好的网页设计趋势方面做了惊人的工作。在这篇文章中,我列出了2017年最热门的15个网页设计趋势,以及你可以用来实现它们的WordPress工具。cinemagraph乍一看是静态图像。然而,仔细观察,可以发现重复的运动。这些经常以动图的形式发布。如今,网页设计师经常使用cinemagraphs。他们增加了戏剧性的效果,而不会太忙或分散注意力。WordPress用户可以通过使用一个叫做音频故事图像的新插件来添加cinemagraphs到他们的页面。虽然cinemagraphs已经可以显示在WordPress页面上,这个工具允许网页设计师将音频也合并到这些图像中。这意味着访客不仅能获得视觉冲击,他们还能听到音乐、背景噪音,甚至是画外音。虚拟现实和360度视频越来越受欢迎已经有一段时间了。在2017年,许多网页设计师都热情地拥抱它们,并想办法将它们添加到自己的网站中。一个简单的插件就能把这个功能添加到WordPress网站上,这似乎是不可能的。然而,这正是WP-VR-view的创建者所完成的。该插件允许设计师显示360度视频和照片球体图像。手机用户可以使用谷歌纸板享受完全实现的虚拟现实体验。排版是一个经常被忽视的,但在网页的外观和感觉中很关键的元素。几年前,注重美观的定制字体开始成为潮流。然而,在2017年,人们对排版的热情真的达到了它的速度。有几个WordPress插件可以帮助设计师把排版提升到一个全新的水平。
Typekit是一个包含数千种字体的在线资源库。这些可以通过订阅或购买获得。这些字体是由各种“字体铸造厂”定制的,包含了从脚本到楷体字体的各种风格。WordPress的Typekit插件允许设计师轻松使用他们个人的Typekit集合中的字体,而无需修改他们的WP主题。
WP网站的所有者如果没有技能或不想修改他们的CSS,应该考虑使用任何字体插件。它只允许用户选择和实现任何自定义字体。可缩放矢量图形(SVG)在网页设计师中越来越受欢迎。它的吸引力是显而易见的:当在网页中嵌入一个小图像时,SVG可以防止图像缩放到更大的尺寸时失去视觉质量。至少直到最近,在WordPress中使用SVG一直存在相当大的问题。SVG支持插件改变了这一点。它为WP设计器提供了完整的SVG支持。安装插件后,开发人员可以使用CSS样式化SVG元素。它还可以将使用限制为仅管理员。设计人员在使用此工具时有两个选项。他们可以选择直接使用,也可以启用高级模式来添加更多的功能和功能。越来越多的网站使用具有戏剧性的双重色调的图片和背景图像。这是由layeri创造的双音趋势在灰度图像上用一种单色。结果是强烈的,复古的,当然,抓住眼球。虽然这种效果不能完全复制使用WordPress,双色调FX插件非常接近。这是一个图像过滤器,可以在你的库中的任何图片上使用,以获得非常令人印象深刻的近似双色调。现在流行的块状和卡片式网站都是基于模块化设计的网页设计原则。实际上,要显示的每个元素都存在于自己的块中。然后将这些块组合在一起,形成网页。模块化设计在创建响应式网页时尤其有用。它还使维护工作更加容易。没有一种工具或插件可以帮助设计师在他们的WP网站上实现模块化设计。然而,有一个非常有用的,一步一步的教程在WordPress中构建模块化的内容系统。这绝对值得一读。网页设计的一个趋势与颜色、图像、字体或视频无关。它只是使用极简的布局,专门创建让页面上的内容发光。这是良好SEO的关键,在电子商务网站也很有效,因为繁忙的布局会分散人的注意力。WordPress中有几个内容友好的主题。这些主题的外观和感觉,当与内容作者或专业写作服务的优秀内容相结合时,可以将商业网站变成响应迅速,搜索引擎优化友好的力量。虽然视频背景并不是什么新东西,但它们在2017年和过去一样热门。使用视频背景可以增加戏剧效果,作为一个伟大的美学助推器,并增加故事叙述的另一个维度。
Facebook的视频背景插件使添加视频背景成为一个快速简单的任务。用户只需要为他们的网页填写四个字段就可以获得背景视频。四个字段之一是“海报”字段,它在任何不兼容视频的设备上充当后备图像。“切换搜索栏”
Web设计人员越来越多地使用切换搜索栏,它只在用户将鼠标悬停在它们上面时出现。这种方法节省了宝贵的屏幕空间,对于手机优先的设计非常有帮助。将这种技术应用到您的WordPress站点并不容易,需要编写一些代码才能实现。然而,一旦你完成了工作,最终的产品是相当光滑的。本视频教程持续不到十分钟,介绍了如何使用Jquery为你的WordPress网站添加一个可切换的搜索栏。网页设计者经常选择更有创意的明亮、大胆和定制的配色方案。设计师们正在以新的方式组合颜色,运用不同的深浅和方案。中央调色板插件可以让WordPress设计者很容易地为他们的网站创建一个定制的中央配色方案。如果使用正确,动图和简短的动画可以为网页添加很多内容。它们可以强调一个观点,添加一点幽默,或强调一种情感。Giphy可能是最知名的动图来源。他们也有一个很酷的WordPress插件。Giphypress使得WordPress用户可以很容易地从Giphy集合中抓取相关的礼物,然后将它们添加到他们的WP内容。尽管很多人觉得自动播放视频很讨厌,但自动播放视频似乎仍然存在。设计师正在接受这一点,用户也一样(尽管很慢)。如果你想在你的WordPress页面上使用自动播放视频,请查看本教程。它展示了如何以简单的分步方式完成工作,并提供了一些最佳实践建议。最后,考虑在autopla中坚持默认声音的标准Y视频关闭。“移动优先”正在迅速取代移动友好型,成为移动设计的首选方法。移动优先考虑移动设备,而不是把它们作为次要考虑因素,这是有道理的,因为移动设备的使用率很高,而且还在不断增加。幸运的是,有各种各样的WordPress主题适合这种设计,其中一个恰如其分地命名为“移动优先”的主题。许多人错误地认为WordPress带来的相对易用性包含了网页设计师使用这个工具所能做的限制。显然,事实并非如此;WordPress用户可以使用很多工具来帮助他们创建吸引眼球的趋势网站,用户会喜欢的。作者简介:
Eliza Medley是来自奥兰多的网站设计教育家和getgoodgrade.com的导师。她喜欢教学,喜欢学习新知识,喜欢与人交流,喜欢提高自己的知识水平。在Twitter上关注@Eliza_Medley。