2014盛行与即将消逝的网页设计趋势

标签: 翻译 | 发表时间:2014-03-01 17:03 | 作者:可乐橙
出处:http://colachan.com

[国外设计第30期]

FiftyThree Pencil

过去两年来,我们见证了网页设计不可思议的变化,继而预测下一股可能出现的热潮。不管怎样,关于今年哪些趋势将会盛行,哪些将会消逝,我已经有些自己的预感了。看看你是否与我不谋而合!

(这是 2013年网页设计趋势回顾

即将盛行的趋势

有几种趋势即将到来,每一种都令我兴奋不已。今年的设计圈将大有看点,因为我觉得有一大堆变化即将发生,导致激动人心的走向。

模糊背景

幸亏去年夏天的 iOS7发布,设计师们像发疯般地将它作为灵感来源。其中诞生了一种出色的趋势,模糊背景被更多地使用。这个概念是指你当前所在的界面盖在前一个的上面。想想水雾弥漫的浴室门,它的背景就是模糊的。它确实是种非常酷的趋势,因为很多这类背景创造出了相当美观的非线性渐变。

Emotions of sound

Emotions of sound

Trippeo

Trippeo

简单的动画

从iOS7中诞生的另一个趋势,就是简单的动画效果。在网站和app中随处可见,它们是一些精妙的动画,为设计增添释义和个性。你可以在手势操作中发现它的身影,比如当你在信息中上下移动聊天气泡时,它们会相互碰撞。点击事件中也有,当你点击导航,它不是直接出现,而是向下滚动出现。CSS动画和变换的广泛使用,造就了诸多此类效果。

Theme kingdom

Theme kingdom

Big Cartel

Big Cartel

简单的配色

过去一年里,大胆明亮的颜色已经为自己正名了。不过,使用亮色的微妙浅色搭配也一样。我说这个趋势时,基本上是指Google。很多他们的UI广泛使用了浅灰色和少量微妙的颜色,让网站看上去轻巧干净。

Ora ito

Ora ito

更棒的用户体验

还有一种由来已久的趋势,在网页设计中提升用户体验。我觉得这一点只会日趋重要。有一场重大的运动正在进行,旨在将用户体验与商业战略相结合,在网站和app上提供更好的整体体验。这确实是商业中相当重大和明智的转变,当然,它们两者是相辅相成的。

Exposure

Exposure

Trail spring

Trail spring

更多的滚动,更少的点击

研究者发现,用户更喜欢滚动而非点击(http://olivianbreda.com/click-to-scroll/)。这一点解释了单页网站或只是长页面为何能如此成功。当你将故事性与用户体验相结合时,总会产生长篇叙事。我认为各网站会在这一点上进行越来越多的实验。我的意思不是说这些网页会一直滚到互联网的尽头,我是指各网站会先尝试滚动的设计,然后才是划分为独立页面的方案。

Folkelarm

Folkelarm

Wrap x tale

Wrap x tale

大字体

网页字体也获得了高度关注。随着 SVG图标字体的崛起,它们也变得越来越受欢迎。当我思考网页字体时,我所想的是将大字体整合进设计当中。它们圆滑、浑厚,也很美观,但不只限于此。目前,Iconic的奇才正在掀起一场图标字体的革命,他们在尝试创作 响应式图标

Time Brack

Time Brack

Happy

Happy

私人化内容

人们不喜欢没有人情味的东西,尤其在网上。一想到与机器甚至另一个企业打交道,他们就没有好感。因此,你会看到一些创业公司去除了他们网站上那些优雅的内容,却凭公司背后活生生的人物脱颖而出。内容为王,这是你和你的在线读者联系的唯一方式。你得将它个性化。让你的文章和图片显得友好、厚脸皮或是古怪,这样便能让用户与你建立联系。

Wondersuance

Wondersuance

Create pilates

Create pilates

糟糕的趋势

另一方面,今年有一些东西会变得越来越罕见。见证设计和行业趋势变化确实是件了不起的事情。你不觉得吗?无论怎样,对于这点你不必太难过。

低画质的照片与视频

作为设计师,囤积照片一直是个坏主意。不管怎样,你是否注意到近一两年来,照片的画质总体在上升?它绝对与更大尺寸的图片作为设计元素来使用有关,比如图片放大充满整个页头的宽度与高度。想到画质糟糕的图片正在淡出历史舞台,真是让人心情愉悦。整个行业把照片画质的标准定得非常高——它也应该如此——因为图片也是内容的一部分,画质会成就或破坏一件设计与公司品牌。无需多说,我觉得这一段陈述对于视频的画质也是一样。

FiftyThree Pencil

FiftyThree Pencil

Agst

Agst

扁平与拟物

扁平与拟物设计之争已经逐渐被淡忘。我坚定地相信这两个极端都将被淘汰,取而代之,我们会看到更多介于两者之间的界面,它们有着微妙的渐变和讨喜的阴影。我觉得扁平与拟物这两者的粉丝,不得不将它们吸收融合,它们都只是一种趋势,两者都会走到尽头。如果你愿意的话,为两者找到某种妥协吧。

Bright Media

Bright Media

Elegant Seagulls

Elegant Seagulls

冗长的表单

随着极简主义的兴起,我注意到表单的填写正在变得更简单。这是因为公司最终听取了用户调研的意见,人们不喜欢在网上填写表单。表单越大越长,用户就越难顺利填完。你多久一次能见到不需要重复确认email和密码的表单?无论是多久,你会看到更多这样的设计。而那些询问你生活中的每个细节,还有你生的第一个小孩,就仅仅为了注册一个免费email的笨拙讨厌的表单,会逐渐减少。

Treehouse

Treehouse

General Assembly

General Assembly

原文链接

随意看看吧

网页设计中的方块元素

网页设计中的半透明运用准则

将APP设计理念用于网页设计

网页设计的10个灵感来源

“理所当然”的设计
无觅

相关 [网页设计 趋势] 推荐:

浅谈当下网页设计趋势

- - 互联网的那点事
技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地. 而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意. 所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧. 我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.

2014年网页设计趋势

- - 软矿
每每新年伊始都是一个激动人心的时刻,未来的商业流行趋势,我们无所知晓. 2014年将会有很多变化,特别是针对那些以技术和网页设计为生的人. 在2013那些流行的趋势,其中一些已经开始淡出,一些依然是我们所跟随并不见其有下降趋势. 虽然2014年才刚刚开始,让我们来看看一些已经开始出现,或者我们可以期望看到在未来一年网页设计趋势吧.

15个2012年网页设计的趋势分析

- - 互联网的那点事...
人们一直念叨的2012年终于来了. 人们也从开始的激动到现在的平复,时间确实可以平息一切. 我们看着科技的进步,看着网络在每一天的改变着生活方式,看着不断的创新科技在装点着生活,这个时候我们确实有速度感. 在这崭新的2012年里,网络会发生什么样的变化谁都不能肯定. 因为过去的几年网络改变太多人的命运,甚至改变很多国家的命运.

2013年网页设计最热门的20个注意趋势

- - Jackchen Design 1984
在过去的2012年里我们看到了互联网的快速发展,各种技术的更新换代. 对于网页设计师来说2012年也是很特别的一年. 在这一年里你会发现很多东西就不一样了,几年前谈论的概念性的东西似乎在这一年都看到了原型. 各个公司和企业都学着跳出固有的圈去思考和创意. 把用户体验提到了最关注的位置是一个重大改变.

2014盛行与即将消逝的网页设计趋势

- - 可乐橙
过去两年来,我们见证了网页设计不可思议的变化,继而预测下一股可能出现的热潮. 不管怎样,关于今年哪些趋势将会盛行,哪些将会消逝,我已经有些自己的预感了. (这是 2013年网页设计趋势回顾). 有几种趋势即将到来,每一种都令我兴奋不已. 今年的设计圈将大有看点,因为我觉得有一大堆变化即将发生,导致激动人心的走向.

综合下拉菜单:下一个网页设计趋势

- - 人人都是产品经理
就目前而言,“综合下拉菜单”这种设计模式还是相对少见的. 但是我确信,不出半年,它将会普及开来. 什么是的 “ 综合下拉菜单 ”. 大型网站的导航系统一直是一个难点. 当然你可以试图创建一个庞大的站点地图一样的导航菜单来链接到所有的页面,但是实际上,当页面越来越多而且不断增加的时候,这种做法将会变成一个不可能完成的任务.

设计趋势:网页设计中的幽灵按钮

- - 互联网的那点事
我不确定我们是否意识到2014年最重大的趋势正在来临. 它完全基于所有网站中微小的设计元素——按钮. 幽灵按钮——那些透明的、可点击的物体——忽然间就变得无处不在. 以狂风暴雨之势席卷正网页设计领域. 谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式. 参考: 预测网页设计趋势. 幽灵按钮有着最简单的扁平外形——正方形、矩形、圆形、菱形——没有填充色,只有一条淡淡的轮廓.

网页设计中背景的创意风格与设计趋势

- - 互联网的那点事...
正确的背景风格可以为整个网站确定基调. 我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的优秀网站,希望从中探寻当下网站的流行设计风格. 什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素:. 互联网背景的内容应该有目的性. 背景应该与你的品牌风格一致. 背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小.

《前沿视点》——2013年最值得关注的网页设计流行趋势

- - 博客园_梦想天空
  在过去的几年里,我们看到建设网站的方式发生了巨大的变化. 随着浏览器对 HTML5/CSS3 Web 标准的支持的不断增强,越来越多的用户已经转移到移动平台. 在设计界,有很多独特的想法,每隔一段时间就发生变化.    在这篇文章中,我想介绍一些我们已经看到正不断变化的趋势. 其中,许多设计理念已经存在了很长一段时间.

响应式网页设计

- - 前端观察
这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以 先看下这个PPT. 在说到这个话题前,我们先看下网页设计和前端开发的现状:. 全球有超过53亿手机用户(包括传统手机).