2013年10大Web设计趋势

标签: 业界 web设计 响应式设计 Web设计趋势 2013Web设计 | 发表时间:2012-12-31 19:26 | 作者:济慈
出处:http://www.leiphone.com

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

1. 更多的响应式设计

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

1

2. 排版将变得很重要

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

2

3. 跟Flash 说拜拜

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

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

依据过去的线索来为新技术服务并没法太大地改进我们的思维方式。比如,我们不需要一个可视化的书架才知道那里有电子书要读,看电子书的封面我们就知道那是什么了。

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

4

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

有一个不争的事实是,越来越多的网站在它们的主页用大幅图片来突出影响,而且网站会自我调节,准备好足够的宽带和数据,只有大屏幕上的时候才会以这种方式显示。

5

6. 给读者更多空白空间

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

6

7. 更深的社交网络整合

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

7

8. 平静的配色方案重现

越来越多的网站趋向于使用低调或平静的配色方案,比如重新设计的PayPal主页。而什么颜色会成为主流很难预测,但是不饱和的光颜色在新网站和移动App上还会超过主流色调,也就是说使用白、灰、黑是非常安全的。

8

9. App 将代替移动版网页

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

9

10. 内容依旧为王

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

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

Via TNW

相关:

熊攀峰:Flash不会死,而且已经脱胎换骨

(若无特别注明, 雷锋网文章皆为原创,转载请注明出处)
原文链接: http://www.leiphone.com/1231-keats-design-trends-2013.html

您可能也喜欢:

2013年10大网页设计趋势 响应式设计居首

2013年响应式网页设计将兴起

画Web流程图的五点心得

从Web到移动应用的设计思维转换

2012年移动应用交互设计趋势
无觅

相关 [web 设计 趋势] 推荐:

web设计趋势与潮流

- Hu DongHai - 互联网的那点事...
原载于 《程序员》杂志2010年第7期. 19年前,世界上第一个网页诞生,它没有设计可言,由文本和url组成,样式只有最基本的

. 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个工种、多种技术的参与,其流程的复杂和挑战性已经超过任何传统设计类别. 这19年间,网站的拥有者越来越清楚自己的目标,而设计师们也越来越理性和专注,人们在不停寻求商业诉求、用户、审美和技术上的平衡点.

2013年10大Web设计趋势

- - 雷锋网
在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势. 虽然 响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新. 比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解.

一定要知道的Web设计八个流行趋势

- - TECH2IPO创见
人靠衣装,公司靠包装,Web必须得大大方方. 要是公司网页代表不了自身形象,千万不能怪客户的肤浅和先入为主,怪就得怪自家网站的设计太落伍和守旧. 想知道那些人见人爱、舒心夺目的Web设计是怎样的吗. 为此,我们从过去几年目睹的网站中总结分析出了一些当下网页流行的设计元素. 当然,这个并非是什么终极榜单;但是,我们预测,在往后的日子,里面提及到的Web设计流行趋势依然会“大行其道”.

windows7 设计趋势

- jary - 平凡的世界:看看,闹闹,混混,写写
1.强化信息分层,改变以前比较扁平的信息架构:. IE,文件夹,即使窗口众多,也会有条不紊. 2.不拘泥于windows本身的开发架构,而是基于用户常见行为去进行信息架构:. 新建文件夹,共享,播放,刻录,均是用户针对文件夹常见的操作行为. 3.在信息架构中,更加注重关联性引导:. 比以往更加强大的右键菜单,但炫耀的并不是强大的功能,只是展示用户的普通需求.

Web设计精确点滴

- 安淡名 - 所有文章 - UCD大社区
这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度. 当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子:.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.

从Web借鉴UI设计

- - 博客园_首页
  用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的、平凡的UI设计风格.

响应式Web设计

- - 葵中剑's Blog - SwordAir.com
响应式Web设计( Responsive Web Design – RWD)一般是指那些使用CSS3 Media Query特性制作站点,其可以适应不同视窗尺寸的布局. 虽然很早就已经有了类似RWD的概念,但直到最近一年里才开始变得特别流行,各种文章、例子、工具、模板,不断地从无到有,诸如:. 响应式Web设计50个例子和最佳实践.