当前的网页设计趋势是否将我们推回到1999年?

当前的网页设计趋势是否将我们推回到1999年?1991年,由吉他手兼主唱库尔特·科本领导的一支名为“涅槃”的乐队发行了一张具有开创性和永远影响力的专辑。当这张专辑出现在音乐舞台上时,摇滚乐在很多方面都已经死亡。并不是说摇滚专辑卖不出去;在此之前的大约十年里,摇滚乐是由迷人的金属乐队(也被称为头发金属乐队),如Def Leppard, Warrant和Poison。

涅槃乐队以及随后的垃圾摇滚和另类摇滚乐队如珍珠酱乐队、石寺飞行员乐队和声音花园乐队所带来的原始而朴实的声音是人们期待已久的变化。摇滚迷们都厌倦了朋克乐队性别歧视的音乐没有实质内容,也没有什么积极的信息。华丽的潮流消失了,真正的摇滚乐开始复兴。

不幸的是,对摇滚粉丝来说,这种复兴并没有持续多久。很快,垃圾摇滚和另类摇滚就像八十年代中后期的发带一样肤浅而做作。到90年代末,进入21世纪,像Creed、Nickelback和3 Doors Down这样的乐队试图追随他们的垃圾摇滚前辈的脚步,创造出了最终对垃圾摇滚声音的拙劣模仿,愚弄了数百万听众,让他们认为音乐行业实际上已经从肤浅的过去发展起来了。

涅槃乐队=五分钱乐队但事实并非如此。尽管从表面上看,这种新的音乐场景与八十年代的泡泡糖摇滚没有什么相似之处(对一些人来说可能仍然不明显),但仔细一看,垃圾摇滚场景已经变得同样时髦,同样肤浅。特别是五分钱乐队,被无情地暴露因为它千篇一律的音乐风格。

如果你不相信我自己听听

这到底和网页设计有什么关系?

这就引出了我们现在在网页设计行业看到的问题。难道是我们正在参与并高度评价的趋势,正在使当前的行业状态像过去那种肤浅的、不可用的、臃肿的网站——就像后涅槃时代所谓的垃圾摇滚和另类乐队像80年代晚期的华丽摇滚乐队一样吗?

让我们考虑几个例子来说明我们如何遭受一些相同的问题。

现代热门计数器

多年来,人们都明白,在网页上设置一个里程表式的点击计数器(说白了)是很蹩脚的。今天没有一个自尊的web开发人员会考虑做这样的事情,即使客户要求。

我现在可以告诉你,如果任何客户让我把其中的一个放在他们的网站上,我会很友好地拒绝,即使这意味着失去客户。有些东西就是不值那么多钱。点击量今天,我们看到了类似的趋势:一个网站的Twitter关注者和/或RSS订阅用户的总数自豪地显示在侧边栏或网站标题中,供所有人查看。

下面的Twitter按钮来自Twitter Counter,只是众多可定制的Twitter计数小部件中的一个。点击量您还可以通过类似的服务轻松显示您的RSS提要计数Feedburner,让你可以安装“小鸡”频道,显示RSS频道的订阅人数。如果你仔细想想,这与一直令人讨厌的点击计数器有什么不同吗?

仅仅因为某人有3万粉丝,我们就想在推特上关注他吗?关注者数量真的表明推文质量提高了吗?就我个人而言,我宁愿关注那些在Twitter上有50个粉丝,并且是一个愿意分享和讨论他们工作的专家的人,而不是那些有很多粉丝,但在我的领域没有太多有价值的东西可以分享的人。

这并不是说大量的Twitter订阅或RSS订阅自动指向较差的提要质量。我只是不认为显示Twitter和RSS订阅计数的做法有任何真正以用户为中心的价值。内容质量是人们订阅网站信息源的主要原因。

如果他们是出于其他原因订阅,那么你可能不想让他们订阅。Twitter和RSS订阅计数器实际上只是点击计数器里程表的新改进版本。

现代动画页面

另一个肤浅的,往往毫无意义的网页设计趋势,从过去的十年90年代是启动页面

有时它是一个静态的页面,但通常情况下,它是一个臃肿而放纵的动画介绍(偶尔还有电子音乐作为背景音乐播放)。最终,网站所有者意识到,他们不希望访问者每次访问他们的主页时都看到相同的动画。启动页面一个例子动画Flash启动画面。但他们并没有采取明智的做法,删除醒目页面,而是开始在这些看不见的恼人内容中添加“跳过介绍”链接。

不幸的是,这些(以及类似的)趋势仍然存在于某些网站的利基.但情况总体上有所改善。事实果真如此吗?

今天,许多开发人员正在使用尖端的CSS3和HTML5技术来构建网站和进行实验。有HTML5和CSS3实验,有些相当令人印象深刻画布上演示.我认为这些对于编写这些标准的开发人员来说是很好的,因为他们所获得的经验和知识将进一步加深他们对这些未来w3c推荐标准的理解。

但是,在大多数情况下,这些实验和演示几乎没有现实世界的价值。启动页面著名的CSS3蜘蛛侠动画。上面所示的CSS3/HTML5《蜘蛛侠》实验就有力地证明了没有Flash也能做到什么。但它的实用性和可重用性如何?

我想我同意下面这位显然是在真诚询问的评论者的意见:启动页面关于CSS3/HTML5蜘蛛侠实验的评论。特别是,Echo Enduring Media的Matt Ward(也是Six Revisions的特约作者)讨论了CSS3技术“走得太远”的问题,他是在阅读Faruk Ate?的这篇文章后才开始写这篇文章的。关于Ate有什么有趣的?在他的网站简介中,他称自己为设计和开发“顾问”。我认为这一点很重要,因为像他这样从事设计和开发决策咨询业务的人能够客观地评估趋势或技术,并认识到它的真实面目。在这两篇文章中,作者都提醒我们要记住实用的、可重用代码的重要性。不幸的是,即使是一些看似无害的简单CSS3增强也会使我们的CSS变得臃肿,使其更加难以使用。

现代“最佳观看”徽章

这是几年前的另一个趋势,我以为我们已经安息了.在过去,“网站管理员”习惯于专门为单一浏览器开发网站,特别是在90年代中期浏览器之战.许多网站会嵌入一个徽章或其他形式的通知,告知访问者该网站“最好使用”Internet Explorer或Netscape。

“最佳观看”徽章一个带有Netscape和Internet Explorer“最佳浏览”标识的旧站点。今天,大量的网站,演示和实验本质上是一样的吗.甚至我自己的CSS3图表患有这个问题。“最佳观看”徽章苹果的HTML5展示用Safari浏览器浏览效果最好。那么下面的信息呢,取自市中心的荒野实验吗?

“最佳观看”徽章怎么样的项目,如ieSucks jQuery插件(实现如下所示)?上面的示例站点,当在Internet Explorer中查看时,会显示一条消息,告诉用户应该使用ieSucks jQuery插件使用哪种浏览器。这和1999年的情况有什么不同吗?在很多方面,它实际上更糟。

我认为在这一点上我们已经基本抛弃的另一种做法是在页脚或侧边栏中放置“有效的XHTML”链接或徽章的习惯,这是很好的做法,因为它确实没有意义。优秀的开发人员明白,一个有效的页面并不一定意味着代码是有效的和可维护的,内容是可访问的W3C验证器的问题和限制).同样,无效的页面并不一定意味着代码效率低、难以维护或内容不可访问。

所有事情的验证徽章。它们真的有助于提高标准吗?我明白推广标准的重要性,但我认为这种推广方法已经过时了。幸运的是,大多数开发人员都认识到这一点,所以它不像几年前那么普遍。

我只是希望未来不会出现任何“有效的HTML5”标志。或者,新的趋势可能是一个更有利于营销的徽章,上面写着“由于尖端的CSS3/HTML5技术,无效的CSS/HTML”。希望不会。

现代臃肿、剪切和粘贴脚本

大概在那个时候IE6第一次发布时,客户端脚本开始流行起来,并且打开了更大的可能性。从剪切-粘贴脚本存储库网站获取脚本并根据需要修改它变得越来越简单。

事实上,我构建的第一个购物车完全是用从其中一个网站下载的庞大的难以想象的JavaScript完成的。许多这样的网站仍然存在。虽然这对web开发人员有很大的帮助,但很快就使许多网站的代码变得臃肿且难以维护。

在这些页面上查看源代码可以发现这些项目所包含的可怕之处——代码分叉、仅使用ie的脚本、< >头看似永远持续的部分,以及触发它们的内联事件处理程序。今天我们看到类似的情况了吗?在某种程度上,我们确实如此。

虽然JavaScript框架和库已经帮助我们创建了更清晰、更易于维护的代码,但是(insert-your-script-here)趋势并没有真正改变。在任何网站上查看源代码,你经常会看到如下所示的屏幕截图(来自一个真实的网站):在上面的代码中,在jQuery库被包含之后,一些jQuery插件库被引用,然后一些代码被添加到< >头这份长达160行的文件!是的,与剪切粘贴JavaScript时代相比,现在的代码更清晰,更容易阅读。

但是有太多的HTTP请求,太多的代码不在外部文档中。因此,尽管今天使用的方法理论上更好,但这些方法的实际执行(即剪切和粘贴代码)通常没有什么不同。我认为只要有一点深谋远虑,这些问题中的一些是可以最小化的。

在许多情况下,脚本可以组合、缩小和命名空间,从而使代码更高效、更容易处理。当然,对于某些项目,几乎没有办法避免使用多个插件。很少有开发人员会花时间编写(或学习如何编写)自己的代码内容滑块或“灯箱”;这些东西有太多的可定制版本,可以免费使用。

但是,如果开发人员花时间学习如何优化他们正在使用的代码——即使这不是他们自己的代码,情况也会有所改善。当然,我自己也不能避免这些问题,所以我开始寻找使我的代码更干净、更高效的方法。

现代滚动选框

还记得<选框>标签?

它是一个眼中钉,多年来一直是许多网页设计笑话的笑柄<眨眼>).有趣的是,尽管<选框>是一个非w3c标准元素,它实际上有非常好的跨浏览器支持滚动顶篷Firefox 3.6支持<选框>标签。再说一次,这是一种我们宁愿辞掉工作也不愿使用的东西。

或者我们会吗?谢天谢地,滚动新闻和其他动画数据提要已经成为老派的过时趋势,我们现在有了另一种类型的字幕和滚动条:侧边栏和页脚中的Twitter流。有时它们非常简单,只包含一个简单的方框或气泡,显示最后一条推文。

在其他情况下,它们更令人讨厌,显示多个脱离上下文的tweet,使用Ajax以指定的时间间隔向上滚动和更新。下面的截图演示是一个jQuery插件的例子,它可以帮助你轻松地将Twitter流添加到你的网站:滚动顶篷Tweet jQuery插件可以在你的网站上显示一个像帐篷一样的滚动推特提要。就像上面演示中的Twitter一样,在完整网站的上下文中显示时,没有多少Twitter流能够提供任何有实际价值的东西。即使是在个人博客上,这种事情似乎也没有什么实际价值,特别是当您考虑到Twitter流通常包含的消息实际上只是针对单个人或特定群体的时候。

我每周都会访问数百个网页,很少有人的最后一条推文(或最近五条推文)让我如此感兴趣,以至于我点击阅读他们的推特流,或者关注他们。自动更新的动态Twitter流不会吸引我关注你;好的内容在你的网站是。我想这里的原则是:如果我们如此反对自动播放音频和视频,为什么我们不反对“自动播放”Twitter订阅呢?

好吧,也许没那么糟

在考虑了所有这些之后,我仍然认为自1999年以来我们已经走了很长的路,即使有一些可疑的趋势,网页设计行业仍然处于良好的状态,并将继续前进和创新。丑陋的里程表命中计数器已被更简单、更优雅的馈送计数显示所取代。肤浅的Flash介绍已经被教育性和前瞻性的实验所取代。

臃肿的剪切粘贴脚本已经被更清晰、更可维护的代码所取代。滚动的新闻报章和字幕有时会占据整个网站的宽度,现在已经被不那么突兀的Twitter和RSS订阅所取代。尽管如此,请将此视为一个警告,以鼓励社区避免做得太过火。

让我们致力于创建一个更干净、更容易访问、更高效的内容网络。不要让HTML5、CSS3和社交媒体成为网页设计领域的“五分钱乐队”。

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!