当前位置: 首页 > 科技观察

2014年最明显的七大网页设计趋势及其生存技巧

时间:2023-03-12 21:57:11 科技观察

新的一年到了,是时候让我们来讨论和预测今天的设计趋势了。网页设计的未来是如此明显,我们需要看看它的背后。这里有7个2014年的设计预测,以及如何在2014年生存下来。相关阅读:2014年十大网页设计趋势1)拒绝在CSS中使用:hover:hover伪类是web中最原始的设计理念。使用鼠标指针指示用户何时打算单击某个元素,并鼓励用户这样做。然而,随着越来越多的移动设备缺少鼠标指针,:hover变得越来越成问题。最近我无意中听到一位设计师的谈话,争论是否使用:hover是最糟糕的设计实践,因为它鼓励设计师在UX设计中考虑最终用户体验(使用指针导航)。显然,悬停效果在新网站中的使用越来越少。生存提示:我们可以确定,移动用户将在未来12个月内超过桌面用户,当然桌面用户仍占多数。IE7平台设计将占据较少的市场。移动优先并不意味着没有桌面,:hover仍然得到很好的支持。所以对我来说,:hover仍然是一个常用的工具,但不再是一个重要的工具2)jQuery失去了市场份额jQuery刚出现的时候,绝对是一个创世记。还是很佩服它能帮助我们在不同的浏览器中方便的处理DOM元素,而且绝对兼容!jQuery绝对是最受欢迎的库,许多人将jQuery用作javascript,因为网站使用“HTML、CSS和jQuery”。不过jQuery也有很多非议,2013年越来越明显,主要问题是比较大。尽管在2.0版本中删除了对IE6、IE7和IE8的支持,但它仍然非常笨重,尤其是对于移动站点。额外的kb对于简单的东西来说太贵了。越来jQuery不太可能在短时间内消失——这个类库很棒——但在过去两年的市场主导地位开始动摇。生存技巧:花点时间了解jQuery背后的内容,看看document.getElementById()是如何工作的。您会惊讶于您对vanillajavascript的了解如此之多,而且您的jQuery背景也会对您有很大帮助!3)纯移动网页的消亡网页设计包含了所有的态度、时尚和偏见;由于响应式设计,网络的移动版本被淘汰了。移动版网站是专门针对移动设备的网站,通常是为智能手机设计的,与网站版并行存在。也就是说,它包含两个网站。也许您还在自己的网站上贴着“本网站的最佳浏览器分辨率为1024x768”的标语。当然,对于一些商业应用程序的多站点操作的好处也存在争论,因为不同用户的用例可能会有所不同。最经典的例子是餐厅网站。桌面用户可能想看菜单,而移动用户可能想知道方向。但所有这些争论最终都被响应式设计的浪潮淹没了。特别是多站点开发在现实中是非常少见的。生存技巧:如果考虑开发多个站点,需要确认用户对不同的内容有不同的需求,希望作为多个小站点来使用。当然,确认所有网站都应该是响应式的(因为今年会有更多不同屏幕尺寸的移动设备)4)回到富媒体时代当flash沉没的时候,它不仅夺走了Adobe辉煌的市场地位,而且还带走了闪光灯的时尚风格。客户不清楚闪存的缺点。经过这么多年的严格跟进,设计师已经接受了简单的设计,客户也愿意接受更少的成本。2013年初,风云变幻,全屏图片、文字动画和页面过渡效果,单页网站不断增多。超级HTML5富媒体回来了,但2014年可能会改变。生存秘诀:宣传口号“只是因为我能,并不意味着我应该”。通过在项目中使用富媒体从过去的失败中吸取教训,应该侧重于减少加载时间。5)内容将失去王冠从谷歌排名、设计基础和客户优先级,每个人都说“内容为王”然而,CMS的不断发展,例如wordpress、squrespace、webydo和drupal意味着设计师将慢慢开始发现他们的设计不仅仅是为了生成不存在的内容,也是为了应对频繁的内容变化。设计完成后,往往几个月后才敲定内容,这对设计来说可能是非常不利的。幸运的是,客户现在慢慢了解到web是一个持续发展的项目,需要同时定义维护或专业管理。生存技巧:内容千变万化,品牌为王。不要只是形象化你的品牌,让人们知道它的声音、风格、语言和质量。让你的实施过程更加灵活,专注于设计系统,而不是固定的页面。网站需要单独设计,针对不同的内容,而不是针对不同的设备。6)每当谷歌认为他们是唯一在周末工作的团队时,他们就会再次挖走我们,在周五晚上更改算法是山景城团队(谷歌公司地址)喜欢做的事情。很多网页设计师周一赶到办公室查看用户站点状态报告,以前可能是排名第一的站点,现在是8357或8358页。求生小贴士:谷歌会不断提醒同样的事情:为人们而不是爬虫写好的原创内容。如果你现在躲过了这颗“子弹”,下次就别指望这么幸运了。现在是让您的SEO完全白帽的时候了。今年最大的缓解是本地搜索引擎优化,因此请将您的内容集中在这一点上。7)SVG终将腾飞我曾预言SVG将在近几年腾飞,当然我错了。但2014年将是SVG年。在过去的12个月里,网络上一直存在持续的图标热潮。无论文本被删除的地方,我们都使用图标。甚至移动菜单上的小菜单图标也被图标所取代。那么,现在可以使用图标字体了,当你不需要加载图标字体文件,用更少的代码就可以达到同样的功能和效果时,何乐而不为呢?SVG还解决了响应式图形问题;矢量图形比位图图形限制更多,但是2014年平面设计和简单的块状彩色插图的流行将为SVG创造一个非常好的环境来发展和扩展自己。生存技巧:导出一些SVG文件,然后查看代码。帮助你创建SVG的App会很方便,但真正理解和手动处理SVG代码会让你受益更多,对你的未来会有很大的影响。您认为2014年还有其他趋势吗?请在评论中与我们分享!英文原文:webdesignerdepot.com翻译链接:http://www.gbtags.com/gb/share/2797.htm