2015年网页设计七大趋势

Web前端评论155阅读模式

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

1.可调整的字体

2015年网页设计七大趋势-图片1

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

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

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

2.网页代码式微

2015年网页设计七大趋势-图片2

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

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

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

3.响应式设计的进化

2015年网页设计七大趋势-图片3

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

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

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

4.扁平化设计无处不在

2015年网页设计七大趋势-图片4

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

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

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

5.图越大越好

2015年网页设计七大趋势-图片5

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

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

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

2015年网页设计七大趋势-图片6

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

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

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

7.网页信息图的春天

2015年网页设计七大趋势-图片7

作为视觉动物,我们在阅读图像语言时能更有效地汲取信息。信息图能最大程度地传递更多的信息。那么一种新的趋势就出现了——网页信息图!像一般信息图那样,网页信息图也涵盖了很多的信息,而更增加了交互性。这会强化传达效果。

2015年,你会看到越来越多的设计师会去做网页信息图,并把这种图变成网页必要的一部分。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证