2014年七个最明显的web设计趋势及其生存技巧
英文原文:7 web design trends you'll actually see this year (and how to survive them)
又到了新的一年,是该我们探讨和预测一下今天的设计趋势的时候了。
未来的 web 设计非常明显,我们需要看看背后。这里有 2014 年的 7 个设计预测,以及如何在 2014 年中如何生存。
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 网站,通常为智能手机设计,和网站版本并行的存在。也就是说包含了两个网站。可能你依然会在你的网站上打出“本站最佳浏览器分辨率 1024×768”的口号。
当然,这里针对一些商业应用也曾有多站点运行好处的的争论,因为可能针对不同用户的使用实例而变化,最经典的例子就是一个餐馆网站,桌面用户可 能想看到菜单,而移动用户可能想了解方向。但是所有这些争论最后都被响应式设计的大潮所淹没。特别是多网站在现实开发中已经非常罕见。
生存技巧:如果考虑开发多个站点的话,需要确认用户针对不同内容有不同的需要,并且希望能多作为多个小网站来使用。当然确认所有的网站都应该是响应式的(因为今年将会有更多不同屏幕尺寸的移动设备)
4) 回归富媒体时代
当 flash 沉沦后,不仅仅带走了 Adobe 的辉煌的市场地位,也带走了 flash 的时尚风格。
客户对于 flash 的坏处并不清楚,经过这么多年的严格跟风,设计师都接受了简洁设计并且客户都愿意接受更少费用。
在 2013 年最初的时候,事情开发变化,全屏幕图片,文字动画和页面过渡效果,单页面网站都在不停的增加。
超级 HTML5 富媒体回归,但是 2014 或许将会变化。
生存技巧:提倡“只是因为我可以,并不意味我应该”这个口号。通过在项目中使用富媒体,从过去的失败中学习,应该将注意力集中在降低加载时间上。
5) 内容将失去它的皇冠
大家都说“内容为王”,来源于 Google 排名,设计基础和客户优先级
然而,无止境的 CMS 发展,例如,wordpress,squrespace,webydo 和 drupal 意味着设计师将会慢慢开始发现他们的设计不仅仅是为了生成没有的内容,也是为了时常的内容变化的处理。
设计完成后内容往往在数月后才最终定稿,这样对于设计来说可能非常不好,还好现在客户开始慢慢了解到 web 是一个持续发展的项目,要求同时定义维护或者专业的管理。
生存技巧:内容永恒变动的,品牌才是王者。不要只是视觉化你的品牌,需要让大家了解它的声音,风格,语言和质量。让你实现的过程更加的灵活,专注于设计系统,不是固定的页面。网站需要分开设计,针对内容不同,而非设备的不同。
6) Google 将会再一次挖我们的墙角
不管什么时候只要他们认为i他们是唯一周末工作的团队的话,周五晚上变化算法是 Mountainview 团队(Google 公司地址)爱干的事情。很多 web 设计师都在周一的时候赶到办公室来查找用户网站状况报告,以前网站可能排名第一,现在到了第 8357 或者 8358 页。
生存技巧:Google 会持续的提醒同一件事情:针对人而不是爬虫来撰写好的原创内容。如果你现在躲开了这枚“子弹”,不要期望下次也能这么幸运。现在就是让你的 SEO 完全白帽的时候。今年最大的欣慰就是本地 SEO,因此让你的内容更专注这块吧。
7) SVG 将会最终起飞
我曾经已经预测了 SVG 将会在近些年发展起来,当然我一直都没说对。但是 2014 年将会是 SVG 之年。
在过去的 12 个月中,web 开始持续的图标热。不管哪里文字去掉后,我们都使用图标。甚至是移动设备菜单上的小菜单标示都被图标所替代。
使得,现在可以使用图标字体了,当不需要加载图标字体文件而使用更少的代码实现同样的功能和效果,为什么你不使用呢?
SVG 同时解决了响应式图片问题;矢量的图片向对于 bitmap 的图片限制更多,但是流行的扁平设计和简单的块状颜色插图在 2014 将为 SVG 创建了非常好的环境来发展和扩展自己。
生存技巧:导出一些 SVG 文件,然后看看代码。应用帮助你创建 SVG 将会非常方便,但是真正的理解并且手工处理 SVG 代码将会让你获得更多益处,并且对于你的未来也会有非常大的影响
你认为 2014 还有其他什么趋势么?请给我们留言分享!