2013年10大网页设计趋势

好了,该到我们年终总结和展望新一年的时刻了。2012年我们看到一些新的设计趋势在Web设计领域,特别是响应式页面设计。

年终的最后一天,我们来预测一下2013年的设计趋势。跟随我们的脚步,来一起探讨新的一年设计的趋势吧!

1、响应式网页设计方式会更多

响应式网页设计

响应式网页设计已经不是什么新鲜名词了,但我们为什么还有说它呢?简单地说:响应式设计的方法会更多且制定相应的标准。2012年通过断点的响应式设计类适合不同的屏幕,当新的设备比如iPad mini冲击足够大的市场的时候,这种方式将得到改变,断点可能被替换成其他实现方式。

我们认为更多的网站设计将专注于最初的页面设计以响应式,而非单独制定不同设备的模式。这种响应式设计忘记尺寸以便支持多种设备,我们将看到更丰富的页面设计适应不同节点的设备。

2、用字体布局成为设计的主线

字体布局

初建网站时,Web设计师和开发者常常专注于图片处理及JavaScript脚本。在过去两年以及未来相当长的一段时间内,Web设计类型将得到一次突破,最为明显的是字体设计成为网页设计重中之重。比如使用@font-face 把服务器上字体引入,比图片和脚步JavaScript更轻量化。

而且,字体布局相比图片和JavaScript复杂的布局更适合响应式设计。大胆放开你的思维,让更多的字体设计尽显在你的网站上。

3、跟Flash说拜拜,需求更好的实现技术

不要惊讶Flash到2012年才拿掉,对网站的SEO来说它是多么垃圾,很多移动设备已经不支持它了(看看苹果的设备),而且更新很痛苦(经常崩溃浏览器,你有过吗?)最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash将寿终正寝。这是事实,Adobe都不支持Flash在Android 4.1以上系统了。so, 为了你的饭碗,开始抛弃Flash吧。

4、 拟物化设计将步入历史

Screen-Shot-2012-12-22-at-4.17.00-PM-520x339

这里有个关于苹果拟物化设计的讨论,甚至苹果也在商议改变设计决策。过去的项目线索并不能帮助我们在新技术上改进思维方式。举个例子,我们要阅读电子书不需要虚拟一个书架放一本书,把它放在我们的设备上,我们知道它是电子书,我们知道如何打开阅读它。

苹果正需求其他设计美学,等待其他人步入后尘。我们已经看到一些公司拥有它们自己的方法论,比如微软的Metro风格设计。所以未来,更多设计将扁平化。

5、大图片,冲击的视觉

Screen-Shot-2012-12-22-at-4.17.54-PM-520x369

上一条我们说过字体设计将替代图片,但这不矛盾,越来越多的网站使用大图片放在网站的首页以增加视觉冲击力。当然,使用大图像要考虑带宽流量和服务器问题,合理优化是首要。

我们爱网页设计的Blog上有很多大图像设计实例,不妨多看看。2013年大背景大图像设计会延续。

6、留白更多

Screen-Shot-2012-12-22-at-4.21.10-PM-520x355

2012年设计趋势中谈到页面留白,2013年这种趋势将继续存在,响应式页面设计和简约的设计美学都是关键的因素。留白会更显的专业和大气。(哈哈,又是大气~)

7、一切社交化

Screen-Shot-2012-12-22-at-4.42.55-PM-520x386

把更多的社交媒体整合到你的新网站中吧,在每篇文章中凸显社交按钮,2013年更多深层次的社交整合将得到爆发。

这包含了简单的社交登录外,还有更深层次的比如“微博支付”分享等,以及其他社交分享方式(Instagram、Pinterest等),更多广告业也将在社交媒体上出现。

8、淡雅平静的配色方案

Screen-Shot-2012-12-22-at-4.52.14-PM-520x401

色彩潮流比任何东西来去更快,使用淡雅和平静的色彩将会出现更多网站上。过去几个月我们也看到一些网站的设计,比如新版的PayPal主页。你可以看看“Pantone 2013色彩选择”。

很难预测那些色彩在某特定时间内流行。不过值得肯定的是,淡雅和浅色风格设计将主导网站和移动应用界面设计。安全色如白色、黑色和灰色将作为主要色调。

9、移动应用替代移动浏览器

129223342-520x353

即使网站兼容所有设备,对于某些网站,一个移动应用来的更好些。像Twitter, Facebook, Pinterest等,移动应用版比移动浏览器版体验会更好些。

2013年这种趋势将更加明显,越来越多的人通过移动应用浏览内容而不是浏览器。

10、内容有价值恒古不变

97868144-520x346

2013年网页设计更注重有价值内容的呈现。没有内容,就没有网站。保持网站新鲜的最佳方式就是更新有价值的内容。

撰写,设计,发布和共享一切以内容为主,响应式设计也不例外。

总之:响应式设计、有价值的内容、社交媒体将成为2013年的主导。

最后,祝大家新年快乐~

16 条评论

  1. praetorian说道:

    写的很不错,学习一下~

  2. 自针刺儿说道:

    对于国外市场是这样,但对于国内市场却很难抛弃,众多兼容性都未曾解决。想一些可以使用各种判断去实现CSS3+HTML5的网站也有不少改回,也是经过一段时间去实践得到结论才改回。上面举例都是写国外的例子。国内用的并不多,一些应用网站都不曾化风险去实现。只能是在慢慢的等待吧,ie6 7 8是很大的问题。

  3. 自针刺儿说道:

    相信每个WEB设计师都很期待CSS3+HTML5应用起来的到来,大家都要好好把这些方面的功课做足啊,不过现在有一些CSS3的属性能够应用了,可在设计时加进去,增强页面视觉冲击力。

  4. 自针刺儿说道:

    enqoo网页可以用试试,页面貌似见到了html5的影子,加了不少的判断,呵呵!~~

  5. UED设计说道:

    写的很不错!感谢楼主

  6. p2h网页标准说道:

    所谓的响应式web设计,就是通过最新的css3多媒体查询技术来完成网页在不同分辨率下的适应效果,所以该技术能够很好的运用到iphone,ipad等移动设备,能够响应的开源项目有bootstrap,渴切-响应css框架等,如果要支持ie6~ie8可以参考kr.js解决方案,提供响应布局的服务商有p2h.cn以及 http://xy.keqie.com

  7. 思维殿堂说道:

    2014年10月29日看到依然觉得受益匪浅!

praetorian进行回复 取消回复

您的电子邮箱地址不会被公开。