2014年那些即将到来和被淘汰的网页设计趋势

原文地址:Coming and Going Web Design Trends for 2014。第一次翻译长文章,难免有很多不足之处,欢迎大家进行指正,下面进入译文。

近几年,网页设计飞速发展,以至于很难预测接下来的风格走向。然而,对于2014年,我还是想谈谈自己的一些预感和见解,看看大家是否赞同。

即将到来的趋势

现在有一些新的风格已经开始萌芽了,这让我感到很兴奋。这些正在发生的变化将形成新的潮流,使得今年的设计界变得非常精彩有趣。下面我们就来看看今年都有哪些流行走向。

背景模糊化(Blurred backgrounds)

从去年夏天开始,由于iOS7的发布,设计师们便开始疯狂地将iOS7作为创作的灵感来源。其中的一个趋势便是背景模糊化。背景模糊化指,把当前所处界面之下的那层画面变得模糊,效果就如同浴室里布满雾气的玻璃门。这是一个相当cool的趋势,通过背景的模糊化能创造出非常漂亮的非线性渐变效果。

Emotions of Sound

emotions-of-sound

Trippeo

treippeo

简单的动效(Simple animations)

另一个随iOS7到来的趋势是简单动效的使用。很多网站和App上都能见到这种趋势,细微的动效使得他们的设计能更好地表达自身和展现个性。在移动端的手势操作上也能发现这种趋势,比如在短信界面中上下滑动时,聊天气泡会有相互碰撞的效果。在点击操作上,也可以看到,有的导航按钮被点击时会慢慢地伸展为导航条,而不是突兀地直接将导航条显示出来。这些效果之所以能实现,还要归功于CSS3动画和过渡特性的广泛使用。

Themes Kingdom

themes-kingdom

Big Cartel

big-cartel

更简单的颜色(Simple colours)

去年,醒目鲜艳的色彩组合非常流行。然而,浅淡的配色今年会成为一个新的趋势。我们可以来看看Google,它的大量产品的UI都使用了浅灰和其它浅色的组合,这使得它的界面给人的感觉总是非常地清爽和干净。

Ora ito

ora-ito

更好的用户体验(Better UX)

用户体验的重要性已经毋庸置疑,今后,用户体验还会变得越来越重要。为了在网站和App上提供更好的全方位体验,现在有一个大的趋势是将商业策略与用户体验相结合。从商业的任何方面来看,这都确实是一种相当聪明和成功的做法。

Exposure

exposure

TrailSpring

trailspring

滚动更多、点击更少(More scrolling less clicking)

用户体验研究人员已经注意到,和点击操作相比,用户更偏爱滚动操作。正因为如此,一些单页和长页网站才会非常地受欢迎。把用户体验和故事结合起来,能让网页变得有叙事性,即“会讲故事的网页”。这种做法,我觉得今后会被越来越多的网站所采用。但我也不是说网页要变得只能滚动而不需要任何点击,我的意思是指,在通过点击操作引导用户之前,可以在首页更多地尝试这种风格。

Folkelarm

folkelarm

Warp x tale

warp-x-tale

更大号的字体(Big type)

Web上的文字排版也被很多人所重视。Icon Font在兴起后也变得非常之流行。来自Iconic的一群牛人们还试图重新定义Icon Font,他们甚至想让Icon也变得Responsive(响应式)。当我看到Web的文字排版时,我想到的是使用超大文本的设计布局方式。大号字体不仅看起来硬朗、醒目、漂亮,而且还能带来一种“重要”的感觉,从而更好地表达内容。

Tim Brack

tim-brack

Happy

happy

内容的人性化(Personal content)

人们不喜欢千篇一律的东西,尤其是在Web上。人们不喜欢与机器互动的感觉,特别是在处理商业事务的时候。因此,你可以在很多成功的创业公司的网站上,看到非常人性化的内容。内容不仅是王道,还是在网站和用户之间建立情感联系的唯一方法。把你的网站上的文字和图片变得更友好、更人性化吧,只有这样才能更好地吸引用户。

Wondersauce

wondersauce

Create pilates

create-pilate

即将被淘汰的趋势

另一方面,某些趋势今年也会慢慢淡出我们的视线。设计行业的推陈出新确实是一件很棒的事情,难道你不觉得吗?至少你不应该觉得难过吧。

低品质的图片和视频(Poor quality photography and videos)

近两年,Web上图片的品质普遍得到了提升。这正是得益于越来越多的,在页面头部使用超大图片的做法。低品质的图片正在逐渐减少,整个行业对图片的要求也苛刻了许多。图片是内容当中一个很重要的部分,并且图片的品质也直接决定了一套设计的好坏和一个公司的品牌形象。视频的品质同样也很重要,这里就不再敖述了。

FiftyThree Pencil

fiftythree-pencil

August

august

扁平化和拟物化(Flat and skeuomorphism)

人们对于扁平化和拟物化的争论已经开始逐渐减少。我相信这两种极端的风格都会慢慢消失,然后发展为一种将拟物化中细微的渐变和扁平化结合起来的新趋势。所以,无论你是扁平化还是拟物化的脑残粉,都请接受这个现实,潮流毕竟只是潮流,它们总会有逝去的那一天。下面是几个结合了扁平化和拟物化的例子。

Bright Media

bright-media

Elegant Seagulls

elegant-seagulls

冗长的表单(Extended forms)

随着极简主义的兴起,填写表单也变得更加轻松。我想这是因为许多公司听取了用户体验研究人员的建议,接受了用户其实是很讨厌在网上填写表单的这样一个事实。表单的占据空间越大、填写项越多,往往越容易使用户感到厌恶。你应该会经常见到那些必须完成二次填写来确保email、密码正确性的表单吧,像这些其实就是没有必要的。总之,这类冗长、甚至要求你填一些个人生活信息(比如你第一个孩子的名字)的网站一定会逐渐减少;而像下面这些只有着短小、精简表单的网站则会越来越多。

Treehouse

treehouse

General Assembly

general-assembly