2015年网页设计的趋势与预测展望

2014-11-19 蓝蓝 行业趋势

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

来源:http://www.51design.com/index.phpapp=news&mod=Index&act=newsDetail&id=870

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

2014年,我们制作网页时遇到了不少新东西——无代码设计平台,视差效果,单页网站等等。随着技术与设计理念的演进,2015年,网页制作的设计趋势是继承去年还是会迎来革新呢?

1.可调整的字体

2015年网页设计七大趋势

从2006年开始,这种趋势就已经显现了,只是可能设计师们只是适应得比较慢。网页上的字体和印刷上的字体非常不同,2015年,我们终于可以完全抛弃那些小小的、堆在一起的文本。网页上,影响文本可读性的因素有:

  •     字体大小
  •     文本框宽度
  •     行高

研究表明,更大的字体会增强网页易读性。而随着响应式设计的趋势,设计师已经开始做响应式字体的设计。这回让文字无论在什么界面上都会有很好的阅读效果。

2.网页代码式微

2015年网页设计七大趋势

以往,网页制作的分工是由两个界限分明的部分构成的:设计师做外观设计,工程师编写代码让它工作。随着设计工具变得越来越智能,这种分工正在改变。

如今,设计师不用编写代码就可以制作网页,利用平面设计软件的强大功能以及输出W3C的代码。

技术的进步带来了巨大改变,其中之一就是让设计师制作网页的门槛降低,可以让设计师为客户设计更现代、专业的网站。当然,优秀的工程师并不会消失,只是他们会从前端退居后端,为前端设计品质的体现提供保障。

3.响应式设计的进化

2015年网页设计七大趋势

几年前,响应式设计还只限于电脑、平板和智能手机,而现在随着智能手表、电视和其他智能家居的发展,响应式设计涉及的范围越来越大。尽管每一种平台都有独特性,但平板和智能手机就有着相似的交互系统,文本大小也差不多,分析起来比较方便。

但是说到智能手表这种——它们有着迥然不同的界面,评估的系统也完全不同,那么设计也要重新考虑。用智能手机或电视的思维去想手表的界面设计是不现实的。

对于这种新问题的解决还只是刚刚起步,在2015年,智能设备的市场需求会让设计师去不断适应技术的演进。

4.扁平化设计无处不在


2015年网页设计七大趋势

网络产业的几大巨头都在引导着扁平化设计的趋势——微软的界面、谷歌的Material Design、苹果审美的新趋向,等等。

尽管有说法是对扁平化设计的讨论只在界面设计的范畴,但这的确是网页设计的技术趋势。这关乎我们消费网页文本的方式,关乎网页制作背后的技术。扁平化设计遵循着极简的设计原则,让受众可以更容易、更精炼、更快捷得读到网站的核心内容。

扁平化设计不仅符合审美潮流,更利于功能的完善,让受众能集中精力阅读内容。

5.图越大越好

2015年网页设计七大趋势

越来越大的不仅是文字,图片也一样。

2015年,图片以新的形式占据了核心位置。技术适应了响应式设计调整图片大小的潮流,能提取图片的主要色彩作为背景,然后让图片更少地占据服务器容量。这也就意味着,使用大图片的设计师会越来越多!

6.新的滚动动画、视差效应和“微交互”


2015年网页设计七大趋势

这是让人印象深刻的一项革新——视差滚动动画(parallax scrolling animation)。

我们其实在每时每刻都可以看到这样的现象,比如在苹果和谷歌的产品主页上。这是因为视差滚动动画可以提高70%的效率!

用“滚动”而不是“点击”去设计网页,有很多好处——较小的装载量,更流畅的阅读转接,更多的信息流动。

7.网页信息图的春天

2015年网页设计七大趋势

作为视觉动物,我们在阅读图像语言时能更有效地汲取信息。信息图能最大程度地传递更多的信息。那么一种新的趋势就出现了——网页信息图!像一般信息图那样,网页信息图也涵盖了很多的信息,而更增加了交互性。这会强化传达效果。2015年,你会看到越来越多的设计师会去做网页信息图,并把这种图变成网页必要的一部分。



Paul Boag预言:在未来,我们熟悉的固定工作模式将会发生改变。

2015年网页设计的4大趋势

Paul Boag说,变革正在发生。

身处互联网行业,其他行业在数字化方面的失败常令我们感到震惊。例如传统音像店的衰败,柯达公司的没落以及传统报纸所面临的诸多挑战。

但对于我们置身其中的这个行业,我们意识到正在发生的变革了吗?万维网诞生已经25年了。我们的思维是否也有僵化的危险?是否我们也开始对变化视而不见,就如同其他行业中的人一样?

我知道这有点危言耸听,我的本意并非如此。我们的行业当然不会凭空消失。因为数字技术的兴起,今天我们已经很少见到走街串巷的推销员和兜售百科全书的人了。但网络产业暂时还没有这种迫在眉睫的危险。

但却有一些新趋势值得我们特别注意。这些趋势或许不会让我们丢掉饭碗,但它们无疑会令我们所熟知的工作模式发生重大的改变。

我要讲的这四种趋势分别是:

  • 自服务团队的兴起。
  • 代码自动化。
  • 软件取代人工服务。
  • 网站的衰落。
01. 自服务团队兴起。

近两年,商业机构对网络的理解发生了很大的转变。互联网曾一度只被看做是另一个销售渠道,现在却成了许多企业能否成功的关键所在。

而且很多企业都认为把如此事关重大的业务交给外部供应商处理并不明智。因此他们纷纷开始打造属于自己的内部团队。这种做法是合理的,而且从长远来看,也能为企业节约不少成本。

随着上游市场机会的减少和设计公司之间竞争的加剧,这种趋势对网页设计圈造成的影响已经开始显现。一些知名的设计公司,如Adaptive Path和Mark Boulton Design已经将自己出售给了曾经的客户。也就是说他们已经成功地转型成了内部团队。其他一些公司也被迫缩小规模。

2015年网页设计的4大趋势

Adaptive Path是最近被客户收购的设计公司之一。

当然没有哪个内部团队能承担所有的工作。所以专业型的独立设计师依然有活儿干。但专业型的设计公司还能存在多久就不太好说了。相反,专业设计师与内部团队单独签约,从事短期项目的工作模式可能会日渐流行。

这意味着目前在高端设计机构就职的设计师可能需要从长远角度考虑一下自身的处境了。未来几年可能会有很多设计机构会从市场上退出。在这些机构就职的设计师将会面临选择:是加入内部团队继续工作还是成为独立设计师,如果是后者,你需要在专业方面变得更精深。

但受到影响的绝不仅限于上游市场。

02. 软件取代人工服务。

“软件即服务”的概念对所有行业的低端业务都是一个威胁。例如,像FreeAgent这样的软件正在替代传统的记账人员。从招聘到客户管理,SaaS(软件即服务)的模式也在冲击着传统商业模式的各个环节。

遗憾的是,网页设计也在受冲击之列。从前,一些自由职业的网页设计师还能靠建设低端网站赚取不错的收入。现在,人们完全可以利用Squarespace等软件自助建站,自由网页设计师的日子已经不像从前那么好过了。

2015年网页设计的4大趋势
FreeAgent是“软件即服务”这一潮流的先锋。

这一趋势带来的改变当然不止“自助建网站”这么简单。现在,为大范围的客户提供内容完全一样的管理系统已经不可想象了。对很多开发者来说,曾几何时这还是一个大产业呢。电子商务平台的情况也一样。Shopify的出现意味着几乎所有在线交易网站都使用同一种购物车模式的时代已经一去不返了。

这种趋势使低端网页设计师被迫向上游移动,而与此同时,高端的设计机构迫于竞争压力也在降低价格。于是中层设计师群体的生存空间就会受到挤压。

以前需要人工才能完成的许多任务,未来很可能被软件取代。即便是在设计行业,人工所占的比重也比从前少多了。

03. 代码自动化。

过去,程序员只要能写出不错的HTML和CSS就足够了。现在情况已经变了。不光是因为太多人都会这个,还因为编代码变得比以前简单。
Macaw和Adobe Reflow这样的软件已经能让设计师胜任大部分以往需要前端编程员来进行的工作。我知道你会想---这些软件写出的CSS糟透了。你说的没错,但这些软件起码预示了一个方向。只要假以时日,它们就会越来越完善。如果有一天人工写HTML和CSS成为一件稀罕事,我也丝毫不会感到惊奇。

或许这些工具软件写出的代码永远不如人类写的那么好,但如果能达到“能用”的级别就已足够。只要它给人们的回报超过投资就行了。对很多需要“快速投入市场”的代码来说,“合格”的自动代码显然比费时费力的人工代码要划算。

2015年网页设计的4大趋势

就算这一天不会到来,这些软件也已经开始发挥影响。至少现在建立原型产品(working prototypes)比以前省力多了。在以前,这可能需要一个前端设计师忙上几天或几周才能完成。

你尽可以对这些软件嗤之以鼻,因为他们无法与一个训练有素的程序员相提并论。但别忘了,当桌面出版系统出现的时候,平面设计师也是这么说的。桌面出版的确没有取代平面设计师,但确实也减少了平面设计师的工作机会。

作为设计师,你现在或许还有理由洋洋自得。毕竟不管网站的编程如何,人们无论如何还是需要你来设计网站的。但从长远看,情况也许没你想的那么美妙。

04. 网站的衰落。

你可曾注意到,网站的地位正在逐渐下降?举例来说,现在你要看一场电影。你不知道哪家影院有你想看的那部电影。

在过去,或许你会依次访问不同影院的官网,看那部电影是否正在上映。每个网站背后都有一群忙碌的网页设计师,所以每个网站都各不相同。

我敢说现在现在你不会这么费事了。很可能你会下载一个App,因为它集合了不同来源的电影放映信息。也可能你会问一下Siri或上谷歌查一下。

2015年网页设计的4大趋势
有了Siri,还需要网站吗?

使用这些方式,用户无需在不同的界面之间转换,而且能获得更好的使用体验。这些方式的缺点是它们削弱了网页设计师的地位。

我相信,过不了多久,只要问问Siri,它就会清楚地告诉你何时何地你想看的那部电影会上映。当一切都可以用声音操作时,也就不需要UI界面了。

现在内容正从设计之中被解放出来。我们已经开始利用API来实现内容在网站和移动程序之间的交换了。一些商家也会优先把相关信息放在Facebook,Yelp或Foursquare上,而不再专门设立自己的网站。这种趋势在中国尤为显著。

不要惊慌!

上面列举的这些可能的未来趋势也许会令你感到沮丧。其实没必要。作为一个在网络产业工作了20多年的人,我可以明确地说只要你能适应这些趋势,一切都没问题。你的工作会有一些改变,但你总还不至于无家可归。

真正的危险是你对即将到来的变革一无所知,这样当你被迫转换自己的角色时,过程将会非常痛苦。不管我的预测是否准确,有件事是确定无疑的---网络世界会持续演变。查理斯达尔文早就说过:“留下来的不是最强壮的物种,也不是最聪明的物种,而是最能适应变化的物种。”

标签: 设计趋势 网页设计 网站建设 行业趋势 界面设计 2015 预测展望


Powered by emlog 京ICP备12006971号-1 sitemap