【IT168 评论】又到了新的一年,是该我们探讨和预测一下今天的设计趋势的时候了。
未来的web设计非常明显,我们需要看看背后。这里有2014年的7个设计预测,以及如何在2014年中如何生存。
相关阅读:2014年10大Web设计趋势
1) 拒绝使用:hover
在CSS中:hover伪类是web中最原始的设计概念。使用鼠标指针来暗示当一个用户打算点击一个元素,并且以此鼓励用户去操作。然而,随着缺乏鼠标指针的移动设备越来越多的出现,:hover的问题也越来越多。
最近我偶尔听到了一个设计师的谈话内容,主要是争论是否该使用:hover,是否是最差的设计实践,因为它鼓励设计师在UX设计中考虑终端用户的体验(使用指针导航),很明显,hover效果在新的网站中越来越少使用了。
生存小技巧:我们可以确认,移动用户将会来在接下来的12个月中超越桌面用户,当然桌面用户的数量依然是多数。IE7平台的设计会占有更少的市场。移动为先并不是意味着没有桌面,:hover还是能够很好的支持。 所以对于我来说,:hover仍旧是一个常用的工具,只不过不再是一个重要的工具
2) jQuery丧失了市场占有率
当jQuery刚出现的时候绝对是创世纪的。我仍旧非常佩服它能够在不同的浏览器中方便的帮助我们处理DOM元素,而且绝对兼容!
jQuery绝对是最流行的类库,很多人都把jQuery当作了javascript,因为网站都使用"HTML,CSS和jQuery"。
然而,jQuery也有很多批评声,而且在2013年越来越明显。主要问题是它比较大。即使版本2.0中去除了对于IE6,IE7和IE8的支持,但是仍旧体积非常大,特别对于移动网站来说。多余的kb字节对于简单的东西太来代价太大。
越来越多的人开始发现vanilla javascript对于DOM处理以外的内容更快,更高效(jQuery对DOM操作是在太棒)
短时间jQuery消失不太可能 - 这个类库是在太棒 - 但是在过去两年的市场的主导地位开始动摇了。
生存技巧:花一些时间来了解jQuery背后的内容,看看document.getElementById()如何工作的。你会非常惊讶的发现你已经对于vanilla javascript了解很多了, 并且你的jQuery背景也会对你有很大帮助!
3) 移动专用web的死亡
web设计包含了各种不同的态度,流行和偏见;移动版本web因为响应式设计而被抛弃。
移动版web是针对移动设备专用的web网站,通常为智能手机设计,和网站版本并行的存在。也就是说包含了两个网站。可能你依然会在你的网站上打出“本站非常好的浏览器分辨率1024x768”的口号。
当然,这里针对一些商业应用也曾有多站点运行好处的的争论,因为可能针对不同用户的使用实例而变化,最经典的例子就是一个餐馆网站,桌面用户可能想看到菜单,而移动用户可能想了解方向。但是所有这些争论最后都被响应式设计的大潮所淹没。特别是多网站在现实开发中已经非常罕见。
生存技巧:如果考虑开发多个站点的话,需要确认用户针对不同内容有不同的需要,并且希望能多作为多个小网站来使用。当然确认所有的网站都应该是响应式的(因为今年将会有更多不同屏幕尺寸的移动设备)