来看看将成为明日主流的七大网页设计趋势23.pdf

来看看将成为明日主流的七大网页设计趋势 编者注: 本文来自Medium ，中文版由天地会 海分舵进行编译。发文时该文在Medium上的“ 头条推荐”上排名第二位 ，可见其在国外同行中时备受推崇的。为了让国内的读者更容易阅读 ，译者在编译的时候有进行比较大刀阔斧的删改 ，如果读者觉得有疑问的 ，请评论中提出来 ，或者直接查看英文原文。 创业界流行一句话 ，“站在风口上 ，猪都会飞”。其实这句话我觉得放在设计界等很多其他地方都 适用 ，比如在设计界 ，我们可以说 ，”如果你把握住了设计风潮的脉搏 ，你很快就会飞跃成设计先驱“ 。但是潮流这个东西就好像真爱一样 ，人人都说这个世界上总有一个最适合的TA在等着你 ，但是你 穷其一生寻寻觅觅上下而求索 ，却往往空手而归。又或者给你找到了那个TA ，却发觉TA 已经成为 别人的新郎/娘 ，自己却只能一边深夜独自空垂泪。 其实创业界和设计界的风潮也一样 ，你一直想比别人先一步找到未来的流行风潮 ，期望能率先站在 风口上 ，孰料最终不是走错了方向和风口出现的地方背道而驰 ，或者就是慢了别人半拍 ，最终只能 走到风尾巴上面 ，而且还要是Pet er T hiel在他的 《从0到1》中提到的长尾理论(幂次法则)的那条长 长的尾巴上面 ，眼巴巴的看着别人投入了风口的怀抱。 所以风潮这个东西是一个非常神秘的事物 ，上帝往往不会轻易的给你暗示。所谓“国之利器 ，不以 示人” ，如果大家都知道风口在哪里了 ，那大家一窝蜂的跑过去不就把风口给堵死了 ，从而也就无风 口可言了。 但是 ，今天我就自动请缨 ，敢冒天下之大不韪 ，用本人尚算深厚的设计背景以及对这几年设计风向 的观察 ，跟大家提提我对未来网页设计风潮的风口的猜想。如果大家觉得说的还算有点道理的 ，有 钱的捧个钱场给个打赏 ，没钱的捧个人场评论转发来声呐喊。当然 ，如果大家觉得这是一派胡言 的话 ，那也就只能请你赶快离场 ，等下一篇文章上来再请你来好好捧场。 滑动优先于点击 先上图 ： 上图是否非常熟悉呢 ？当然了 ，这不就是我们今天打开电脑天天在做的事情嘛。比如工作累了到 人 人都是产品经理上面去看个文章 ，发觉文章太多了难以选择 ，所以就把鼠标挪到右边点击按住往 下拉 ，或者用滑轮往下滚 ，看下下面还有些什么出类拔萃的文章 ，找到了再点击进去查看。 但是你要知道现在已经是移动互联的年代 ，移动设备占据了用户大量的网上浏览时间 ，而移动设备 的特点是屏幕相对比较小 ，而控件一般设计的比较大以方便点击。所以用户更希望的是能随心所欲 的通过指尖快速的浏览到指定的信息 ，而非通过鼠标慢慢的往下拉 ，然后找到一行小的可怜的链接 点进去进行查看。 所以这个时候的设计更多应该是手势操作优先 ，让用户可以通过手势快速的定位到自己想要的内容 。 况且现在移动互联网的用户越来越急躁和越来越懒 ，很少人有耐心去一个个条目仔细去查看去找到 想要的内容信息。所以他们更希望的是能快速的在简洁的屏幕上定位到自己想要的目标 ，如果能不 让自己动手就能自己出现就更好了。 下图就是一个简洁且滚动优先于点击的例子 ： 而下图就是我们都熟知的泰晤士周刊网络版 ，它甚至的是无限循环的去滚动着显示文章 ，而不像传 统的PC浏览那样 ，分成无数个t ag和页面来让用户进行点击选择。而这 ，我认为就是这种风潮到来 的一种暗示。 虽然我不知道可穿戴设备如智能手表等什么时候能完全流行起来 ，但是我相信如果真流行起来的话 ，它里面的应用肯定是能更好的滚动显示和通过手势进行方便的操作的。 折叠显示将成明日黄花 正因为现在对页面进行滑动是如此的简便和随心所欲 ，且当今的智能设备的大小型号琳琅满目 ，所 以因为一些内容过长而进行折叠显示的方式已经过时了 – 仅仅将一些关键信息显示给用户 ，当需要 的时候再去点击个“ ＋”号什么的进行展开。 同时你也再没有必要在一篇文章的前面堆积大量的文字内容来让用户知道你下面将要描述的是什么 内容 ，因为用户很容易就能通过手势操作滑动到它想要看的内容上面去。比如你看下人家Medium的 做法 ，点击一篇文章进去 ，开门见山的就是一张大图铺天盖地的映入眼帘。用户只有往下滑动才会 出现文章的内容 ，而用户如果想快速查看某一个章节 ，只需要多滑动几下就到了。 所以取消折叠内容的显示 ，这我认为也肯定是将要风靡网页设计界的风潮之一。 快速的呈现和简约的设计 我不知道读者您算不算是个脾气比较温顺比较随和的人 ，如果你自认为是的话 ，那么如果因为网络 太慢 ，本文下面的内容到了现在还没有完全加载完毕。那么 ，我相信你肯定会立刻火冒三丈 ，把网 络