北邮在线:不得不服!来看看将成为明日主流的7大UI网页设计趋势

创业界流行一句话,“站在风口上,猪都会飞”。其实这句话我觉得放在设计界等很多其他地方都适用,比如在设计界,我们可以说,“如果你把握住了设计风潮的脉搏,你很快就会飞跃成设计先驱。”但是潮流这个东西就好像真爱一样,人人都说这个世界上总有一个最适合的TA在等着你,但是你穷其一生寻寻觅觅上下而求索,却往往空手而归。又或者给你找到了那个TA,却发觉TA已经成为别人的新郎/娘,自己却只能一边深夜独自空垂泪。

滑动优先于点击

当然了,这不就是我们今天打开电脑天天在做的事情嘛。比如工作累了去网站上看个文章,发觉文章太多了难以选择,所以就把鼠标挪到右边点击按住往下拉,或者用滑轮往下滚,看下下面还有些什么出类拔萃的文章,找到了再点击进去查看。

但是你要知道现在已经是移动互联的年代,移动设备占据了用户大量的网上浏览时间,而移动设备的特点是屏幕相对比较小,而控件一般设计的比较大以方便点击。所以用户更希望的是能随心所欲的通过指尖快速的浏览到指定的信息,而非通过鼠标慢慢的往下拉,然后找到一行小的可怜的链接点进去进行查看。

所以这个时候的设计更多应该是手势操作优先,让用户可以通过手势快速的定位到自己想要的内容。

折叠显示将成明日黄花

正因为现在对页面进行滑动是如此的简便和随心所欲,且当今的智能设备的大小型号琳琅满目,所以因为一些内容过长而进行折叠显示的方式已经过时了 -仅仅将一些关键信息显示给用户,当需要的时候再去点击个“+”号什么的进行展开。

同时你也再没有必要在一篇文章的前面堆积大量的文字内容来让用户知道你下面将要描述的是什么内容,因为用户很容易就能通过手势操作滑动到它想要看的内容上面去。

比如你看下人家Medium的做法,点击一篇文章进去,开门见山的就是一张大图铺天盖地的映入眼帘。用户只有往下滑动才会出现文章的内容,而用户如果想快速查看某一个章节,只需要多滑动几下就到了。

快速的呈现和简约的设计

在当今这个生活节奏这么快速的年代,什么最贵?时间最贵。每个人都在争分夺秒的不甘落后的往前狂奔,而因为通过你的应用或者网页找到一个想要的内容却要耗掉我好几十秒的宝贵时间,我能不暴跳如雷立刻拉黑吗?

所以我们的设计要迎合我们这些暴躁的用户的需求,在能快速显示之余,还要能足够简洁的将内容显示出来让用户能快速的弄懂这是怎么一回事。

矢量图将迎来春天

相信大家在欣赏一个朋友通过发过来的声称有亮点的图的时候,应该都会尝试将其进行放大再开始亮点查找。你在Retina屏上面放大还好,但是如果在其他非Retina屏幕上对图片进行放大,到时你就真的找到亮点了,且找到很多,一个个方块的格子状的像素点。旁边美女一边走过时瞥见的话还以为你在看什么东西了,竟然还要打马赛克!立刻投以鄙视的眼光或者一顿拳脚(如果是公交上的话)!怪谁?怪你朋友发给你的是位图。

动图将上演王者归来

曾几何时,动图曾经到处泛滥,泛滥到在你的网站需要更新的时候都要在上面贴个“网站正在更新”的Flash上去,泛滥到大家都觉得有点噁心了。

但是现在情况有所转变了,不少的流行因素正在试图让动画上演一出王者归来的好戏。

扁平化设计的流行:正因为太扁太平太飞机场般的过于单调,动图的作用就显示出来了。只要你不像以前一样在你的网站上铺天盖地的使用动图,那么它就能将很多东西融合在一张动图中来给你扁平略显单调的页面带来不少的活力和视觉冲击。

Web Components组件标准化的到来

另外一个我认为在网络设计上将会盛行起来的是Web Components组件技术。大家都知道现在的网络实现技术正变得越来越复杂,而可读性却又变得越来越差。所以大家都期待有一个统一的标准来让设计师们简单的完成一些如增加个打开Google Analystics的按钮之类的事情,比如简单的加一行下面的代码来达成这个目标:

而这就是Web Components所能做的事情,但是现在很多设计师都没有用它把自己给武装起来。而现在谷歌Material design就是一个很好的开始,它提供了丰富的动画和交互方面的组件。

社交网络内容的泛滥和邮件列表风格的复古风

在当今社交媒体这么盛行的年代,每天都有无数的内容产生,让人目不暇接。但是很多内容提供商/者却并不因此而欢喜雀跃。

大家都在用,相信大家每天上面都有无数的图片和日日更新的人生新方向的感悟出现在朋友圈里,开始的时候还好奇瞄几眼,到了后来这些信息越来越多且千篇一律了,就变得视若无睹直接飘过了。同时也很有可能将一些朋友发送的优秀内容都错过了,比如天地会珠海分舵发送的这篇好文。