译文来自雷锋网,作者济慈。转帖时增补了翻译、大图、链接
原文来自TNW,作者Amber Leigh Turner

10 Web design trends you can expect to see in 2013

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。

1. 更多的响应式设计

是的,这种响应式设计在Newton上也能用

是的,这种响应式设计在Newton上也能用

虽然响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新。比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意,“让人们忘记设备尺寸”的理念将更快地驱动响应式设计,所以Web设计也将迎来更多的响应式设计元素。

2. 排版将变得很重要

HISTORY MIAMI

Web设计人员和开发者都很注意一个网站的图片和Javascript,这个趋势会驱动字体(排版)在网页设计中的地位越来越重要,从@font-face到服务器默认serve font(字体),这些字体往常的受重视度经常比图片和脚本轻。但2013就不会了。而且字体和排版是基于内容天生的,会比在图片和脚本方面下功夫更易获得回应。

3. 跟Flash说拜拜

Flash很有可能要over了,因为它不利于一个网站的SEO,许多移动设备并不支持它,升级它是个很痛苦的事情(升级后在浏览器里会卡);而且它的替代者都很优秀(HTML5/CSS3, JavaScript)。TNW大胆预言Flash将在2013年彻底结束,一些曾经支持它的公司已经开始转移注意力,重要的是,很少的设计师和开发者会使用到这个,而那些想雇用这些技术人员的雇主很难请到人才了。

4. iOS “拟物”设计不再受推崇

iOS “拟物”设计

近期的一些讨论话题都指向苹果的拟物设计如何过时,而在苹果公司内部,也同样在对设计思路进行反思。依据过去的线索来为新技术服务并没法太大地改进我们的思维方式。比如,我们不需要一个可视化的书架才知道那里有电子书要读,看电子书的封面我们就知道那是什么了。

在苹果向其他公司展示它们 “拟物” 的设计美学时,我们已经看到了新希望,比如微软的Metro, 所以2013的设计趋势是更多的公司将更注重跟随自己的设计灵感,而不是尾随“同形物”设计。

5. 用大幅图片来造成视觉效果

The New York Times

我曾预测因为带宽的原因,网站会更多地采用字体排版来代替图片,结果事实相反。越来越多的网站在它们的主页用大幅图片来突出影响,而且,这些网站并非不在乎带宽,他们的办法是,大图片只针对大屏幕显示。

我们看到越来越多的网站采用大图,这个趋势并没有减缓的迹象。

6. 给读者更多留白空间

Andrew Lucas

这一趋势在2012年就开始了,响应式设计以及现在推崇的干净式美学(参考新的Myspace设计),这些白色空间看起来庄重高雅,而谁又不希望自己的网站看起来专业而有内涵呢?

7. 更深的社交网络整合

Facebook

不管是你最爱的网站还是新网站,你都在寻求更多的社交整合,过去文章底部的分享按钮可能有点土了,所以2013年更深的社交整合会出现,比如进一步扩大社交单点登录;“pay by tweet” 或者 “pay by status” 分享。寻找新式社交媒体,比如新闻网站将整合Instagram,艺术和设计网站将整合Pinterest。

8. 平静的配色方案重现

CROQUIS

越来越多的网站趋向于使用低调或平静的配色方案,比如重新设计的PayPal主页。还可以看看Pantone 2013色彩评选

而什么颜色会成为主流很难预测,但是不饱和的光颜色在新网站和移动App上还会超过主流色调,也就是说使用白、灰、黑是非常安全的。

9. 在移动端,App将取代网页

Mobile Apps

虽然有个巨大的推动力趋势Web设计在任何设备上工作,但有些网站自己的App反而表现得更好,比如Twitter, Facebook, 以及Pinterest,它们的App体验都比移动浏览版的页面要好多了。用户会越来越多的选择你的App而不是移动浏览版。

10. 内容依旧为王

内容为王

2013年里内容会继续卫冕它的王冠,没有内容,就不用谈设计了。排版、设计、出版、分享会让内容继续在那里闪闪发光。

所以以上就是将主导2013Web设计的趋势。

Via TNW

评论

推荐 0
设计是为内容服务的,内容为王很闪亮

推荐 0
我有个不成熟的想法,我觉得响应式设计很辛苦,一个页面适应各种尺寸,太麻烦。还不如位各种尺寸单独设计,来得省事。
RWD指的就是两套设计套用在一个网址上。 –  大胖 2013-01-04 20:01
由俭入奢易,由奢入俭难。温老师说“响应式设计很辛苦”,类似于让大胖减肥,“由奢入俭难”啊 :) 为大屏幕设计的网站相对于小屏幕来说,几乎处处都是“赘肉”,而要适应小屏幕减掉任何一块“赘肉”都很痛苦。反过来,如果网站设计一开始先从小屏幕着手——Mobile First,那么就只能尽量展示最精华、最核心的内容,结果应该是一种相当“健美”的体态。在“体型正常”的基础上,再针对大屏幕“扩容”、“增肥”,由俭入奢,就容易多了。 –  李松峰 2013-01-06 14:17
读李老师的文字,真是一种享受。 –  冰雅冷轩 2013-01-07 12:22

推荐 0
视觉篇很受用,Flash真的会拜拜吗?
我认为,flash做设计没啥用了。功能上,用处很多,比如复制文本、大文件上传、媒体播放的降级支持。 –  大胖 2013-01-04 17:09
楼上复读机,鉴定完毕。 –  2gua 2013-01-05 22:26

推荐 0
这种设计很有爱。

推荐 0
响应式设计,支持。
Flash拜拜,严重鄙视这个观点。
我认为,flash做设计没啥用了。功能上,用处很多,比如复制文本、大文件上传、媒体播放的降级支持。 –  大胖 2013-01-04 17:09
咳.... –  2gua 2013-01-04 20:16
目前在web上flash用的最多的地方一个视频播放,还一个就是烦人的广告 –  小俊 2013-01-05 14:07

推荐 0

我要评论

需要登录后才能发言
登录未成功,请修改提交。