2014网页设计趋势与那些即将消失的风格

   即将盛行的趋势

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

  模糊背景

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

  Emotions of sound


  Trippeo


  简单的动画

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

  Theme kingdom


  Big Cartel


  简单的配色

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

  Ora ito


  更棒的用户体验

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

  Exposure


  Trail spring


  更多的滚动,更少的点击

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

  Folkelarm


  Wrap x tale


  大字体

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

  Time Brack


  Happy


  私人化内容

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

  Wondersuance


  Create pilates


  糟糕的趋势

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

  低画质的照片与视频

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

  FiftyThree Pencil


  Agst


  扁平与拟物

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

  Bright Media


  Elegant Seagulls


  冗长的表单

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

  Treehouse


  General Assembly

时间: 2024-10-22 02:16:14

2014网页设计趋势与那些即将消失的风格的相关文章

带你展望2015年最重要的网页设计趋势

当然,有的设计趋势只是昙花一现,但是有的则是自然演进的成果.当我们看着<星际迷航>里进取号飞船中科技感十足的透明控制面板,以及钢铁侠的头盔中的HUD界面,总不免自问,为什么我们的手机UI和网页不这么设计呢?终于在几年之后,我们看到了越来越多姿态各异的幽灵按钮,在大气磅礴的网页背景中,闪烁发光.这就设计的演进,它们在某些角落诞生,然后在互联网的推动之下,星火燎原. 我们周遭大小各异的屏幕越来越多,来自世界各地的设计师大脑中的想法和灵感也层出不穷,所以网页设计师不仅要让设计兼容越来越多的屏幕,也得

2015年9大网页设计趋势

  如今已经到了2015年,也许是时候对网站做出一些修改,以全新的面貌迎接这年的来临.带大家了解下,今年最有可能的网页设计趋势: 以图像或视频为背景铺满整个屏幕 视频是反应网站目的,表述网站唯一性的很好方式,所以应该毫不犹豫地在主页上放上大幅美图或者视频.突出的标记线以及虚拟按钮能让网站变得独一无二. 随着带宽的增加,加载速度已经不再是个问题.网站设计的下一次变革也许跟最近沸沸扬扬的HTML5视频有关.丰富的背景更容易吸引读者,另外垂直滚动有助于将内容排版成互动的故事风格,与杂志内容排版类似.

教你预测网页设计趋势

  @十萬個為什麽 :你如何判断未来的发展趋势?回首过去的几年,扁平化设计席卷了整个设计界--从一些简单基础的项目,到整个网页设计(尤其是应用设计)风格,它已经成为了最重要的组成. 然而即将来临的下一个设计趋势是什么?你又如何得知?以下便是一些总结出来的预测网页设计趋势的方法(附少量时髦网页设计案例)--甚至于你自己都可以创造. 查看各式各样的作品集 年轻的设计师总在新设计的最前沿.钻研Dribbble和Behance这类网站,看看别人在从事些什么.看看Awwwards或The Best Des

网页设计趋势:更清晰的思路创意和想象网页设计

文章描述:那么今天我们就给2012年的网页设计趋势有一个分析和美好的猜想,希望能和大家一起在新的一年里有一个更清晰的思路去创意和想象,去启发更多的可能. 人们一直念叨的2012年终于来了.人们也从开始的激动到现在的平复,时间确实可以平息一切.我们看着科技的进步,看着网络在每一天的改变着生活方式,看着不断的创新科技在装点着生活,这个时候我们确实有速度感.在这崭新的2012年里,网络会发生什么样的变化谁都不能肯定.但是大家都会有一个美好的猜想.因为过去的几年网络改变太多人的命运,甚至改变很多国家的命

2011年关注11个网页设计趋势热点

文章描述:2011年网页设计趋势分析与预测. 设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在.使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃.2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual re

40个2010年网页设计趋势单页布局实例

紧随2010年网页设计趋势之一的:单页布局,我挑选了一些确实很酷的例子,以给大家提供些灵感.我确实相信单页网站的设计对于你的创造力是一个巨大挑战:你"直逼主题"的技巧,你把所有你需要展示的布局.安排在一个页面上能力,你吸引用户注意和兴趣的的方式.一下你将看到一些很精美的.极简抽象的.创造性惊人的页面.而且你也将有机会与其他人一起把它们放置到所有地方-接下里欣赏并挑选你最喜欢的吧! Think Green Meeting(绿色畅想会议) KINO(吉纳) The Great Bearde

网页设计趋势:高级渐变光效网页

对于现今的网页设计趋势来说,渐变的应用可能是最普遍的一种设计方式.从最开始简单的两色之间的渐变,发展到现在运用渐变制造出各种光感的高级应用,可以说在我们的网页设计中已经很难离开渐变这种设计方式. Trent Cruising Squarespace Theater Website Services Serj Mediocore Macalicious Yourt Web Job Jamison Banham Alcomi Us trendy Poolie Studios Pixel-House

2016年网页设计趋势之高清设计

  网页设计中最热门的技巧之一,就是高清背景图,这得益于高清显示屏的普及.但面对复杂的商标时,就不好处理了. 本文中,我们来展望一下网页设计的未来.高清网页设计是否能主导网络,这已经不是问题了,关键是高分辨率显示屏何时能够普及,这是提升视觉设计的必备条件. 下面开始,我们将要探索如何运用图片.视频.或是动画来创建高清背景,并且把所有内容有层次地组合. 图片 超大图.焦点图.全屏图. 以上几个词,最适合用来描述现代网页设计的背景图片.设计师们对高清设计 不仅停留在思考层面,他们将其发挥到极致,用背

11个网页设计趋势热点 持续联系响应设计

设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在. 使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃. 2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual reality). 作为设计师的你,2011年