2014年七个最明显的web设计趋势及其生存技巧

又到了新的一年,是该我们探讨和预测一下今天的设计趋势的时候了。

未来的web设计非常明显,我们需要看看背后。这里有2014年的7个设计预测,以及如何在2014年中如何生存。

predictions_featured@wdd2x

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还有 其他什么趋势么?请给我们留言分享!

1 收藏 1 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
  • 第一条和第三条不敢苟同。

    :hover 在移动端也是有所表现的,是不可或缺的一种交互变换方法。即便是在移动端用户体验不佳,至少来点其他技术来替代这种交互行为吧。不然每次触摸用 JS 加上 .hover ?

    响应式虽然能适应手机、平板等设备,但性能上有很大问题。小网站无所谓,想想一下,把京东、淘宝那种网站,使用 CSS 排版成响应式为手机用户提供服务是一种什么情形?开发者为了兼容性和各种性能问题付出大量工作量,访问者加载也需要很多时间。img 虽然只是隐藏,也还是会加载,JS 虽然不调用,但也还是加载。

    倒不如做个专版+手机客户端来的好。

    个人愚见,不喜勿喷。

跳到底部
返回顶部