小编讲授4个最新web设计趋势

浏览数：12 / 时间：2015年06月09日

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”的口号。
　　当然，这里针对一些商业应用也曾有多站点运行好处的的争论，因为可能针对不同用户的使用实例而变化，最经典的例子就是一个餐馆网站，桌面用户可能想看到菜单，而移动用户可能想了解方向。但是所有这些争论最后都被响应式设计的大潮所淹没。特别是多网站在现实开发中已经非常罕见。
　　生存技巧：如果考虑开发多个站点的话，需要确认用户针对不同内容有不同的需要，并且希望能多作为多个小网站来使用。当然确认所有的网站都应该是响应式的(因为今年将会有更多不同屏幕尺寸的移动设备)
　　4) 回归富媒体时代
　　当flash沉沦后，不仅仅带走了Adobe的辉煌的市场地位，也带走了flash的时尚风格。
　　客户对于flash的坏处并不清楚，经过这么多年的严格跟风，设计师都接受了简洁设计并且客户都愿意接受更少费用。
　　在2013年最初的时候，事情开发变化，全屏幕图片，文字动画和页面过渡效果，单页面网站都在不停的增加。
　　超级HTML5富媒体回归，但是2014或许将会变化。
　　生存技巧：提倡“只是因为我可以，并不意味我应该”这个口号。通过在项目中使用富媒体，从过去的失败中学习，应该将注意力集中在降低加载时间上。