1.手势代替点击

还记得曾经是怎样滚动网页的吗?将鼠标移到屏幕的右边缘,然后拖动古代称为“滚动栏”的玩意儿:

略微专业点的可能会使用鼠标滚轮,光标键或触控板,这已经率先于大多数的用户了。

可是2015年,滚动比点击更受欢迎。在移动设备上,你能够用你的手指随意滑动来滚动页面。精确点击目标实际上是非常难的——这和我们在桌面上养成的习惯截然相反。

因此。我们希望越来越多的站点能够内置为滚动第一,点击第二个的设置。

当然,这正是我们如今无处不在的设计方式:

随着移动设备渐渐掌控市场。我们对此趋势的预測全然是有充分理由的。如今的站点已经没有那么多须要点击的内容,很多其它的是滚动。

链接少了。button多了,“可点击”区域大了。须要滚动的页面高了。

那些将文章分成多页的站点预计立即会明确,文章内容应该做成单页的,哪怕非常长非常长。甚至能够像时代杂志学习,做成无限滚动网页:

尽管说将来web是否会扩张到相似于手表这种装备上还是个未知数,可是,假设这个设想成真的话,那么我能够打赌以后将会成为手势的天下。

2.折叠将要消亡

既然滚动这么省事,而且设备尺寸趋于多种多样,于是乎,“折叠”慢慢变得无关紧要起来。

设计师如今全然能够选择不在页面顶部填鸭式地塞满全部东西。当前的一个设计趋势是——全屏图片,上面一个标题。滚动页面,然后才干看到详细的文章内容:

如今设计师能够像做杂志那样放一些大图片到自己的网页上。

2015年的设计可能会占领很多其它的空间——特别是垂直方向——比方说相似的大型图片。

3.用户速度更快,站点更简化

如今差点儿每一个年轻的成年人本身就是一个专业的web用户。甚至即使是业余的都表现得非常专业:使用多个标签,刷新页面。

与此同一时候,我们变得越来越不耐烦。假设你想使一个脾气温柔的人发火。仅仅要让他的互联网慢一分钟就够了。

如今的站点不仅要速度更快(技术问题),而且还要更易于理解。那些会减慢用户速度的设计和那些全然载入不出来的效果是一样的。

简单的设计更易于浏览,这意味着接收起来更快。

一眼望去,新颖的设计更吸引人的眼球:

这可能就是skeuomorphic design消亡的最大原因:用户变得更有感知力。缺乏耐心,一些繁杂的内容拖垮了速度。

App因其超小的漂亮接口把大多数站点都比下去了。之所以站点会完败是由于最小化的接口拥有更好的运行力。

扁平化的设计仅仅是个開始。真正的趋势是简单化和直接化。预计2015年这方面的影响将会更加深远。

4.像素将会被废弃

在桌面上,1个点就是1像素。

甚至有人还知道平均1英寸由多少像素组成:72 dpi。

可是如今。非常多人已经不知道什么是像素了。

随着响应式设计的普及,我们使用很多其它的是网格和百分比。当然还是有一个区域依旧坚守着像素:点阵图。

差点儿全部的web都是构建在图像的基础上。随着视网膜显示屏和新式浏览器逐步的盛行,矢量图将成为2015年的宠儿。

从基于字体的图标和谷歌材料设计上面来看,这种趋势已经可见一斑。

站点载入速度更快,缩放图标到随意大小也不会失真。这使得它们非常适合新式的Web浏览器。

尽管技术已经存在。但依旧须要时间来让专业人员改变他们的习惯。以便于创造更高品质的显示。一旦平均桌面显示达到视网膜级(如新的iMac),预计设计师仅仅能纷纷效仿。

5.动画又回来了

曾经我们说,假设你想让站点显得过时,就放一些GIF和Flash动画。但如今,动画元素逐渐在网页设计上大放光彩。

扁平化设计虽好,但终归看上去毫无特色,甚至略显无聊。动画则能够让站点用更少的空间传递很多其它的信息,显得独树一帜。

移动app俨然颠覆了大家的看法。它们用动画来传达意思,如今站点紧随其步伐。

一些新技术,如CSS动画,使得我们不须要考虑插件、速度和兼容的问题就能够非常easy地增强设计。

而且Web组件(详细看第6点)还能够提供加速功能。

GIF动画又回来了,效果惊人。你会发现这篇文章中使用了大量GIF动画,这是曾经无法想像的。

6.组件是新的框架

Web技术变得越来越复杂。即使是非常简单的任务。包含Google Analytics 和Facebook上的Likebutton。都迫使设计师不得不嵌入非常多乱七八糟的代码到网页上。而假设我们换写比如以下这种代码就会简单多了:

<google-analytics key=”UA-12345–678">

我们能够使用Web组件,然而这还没有被大多数设计师所认可和习惯。 2015年是web组件雄起的一年。

谷歌材料设计打响了第一炮,它在全部新式浏览器的支持下,提供了来自于Android app的多种多样的动画和互动组件,以及像这种简单标签:

照这种趋势来看,2015年出现很多其它的基于组件的架构也就丝毫不令人意外了,比方说Bootstrap 4.0?

7.社交饱和。以及直接邮件的崛起

社交媒体已经取得了巨大的成功。但非常多内容供应商对此并不惬意。

然而问题是已经饱和了。

每天有数十亿的帖子诞生。Facebook仅仅收录用户最有可能喜欢和分享的那一些。这意味着你公布的内容可能仅仅有非常小非常小比例的人群看得到。 (当然你能够付费,就没有这个烦恼了)。

社交是不会消失的,2014年。非常多知名博客,比如Tim Ferriss,已经将注意力转移到了良好的老式邮件列表上。

由于他们意识到,电子邮件比社交媒体有一个显著的优势:愿意查阅邮件的人群比例要高得多。

我预计这种帖子社交的趋势将在2015年大放光彩。

不可预測的趋势:CSS shapes

除了设计师,非常多人都不会去关注这一技术。

CSS shapes同意你布局成某种形状,如圆形:

看上去超酷。有木有?可是除非有浏览器的支持。否则你就会有非常大的风险——非常有可能须要投入大量的时间和精力来为新老浏览器分别制作两种设计。可是除了设计师,我相信没有多少用户会注意到这一点。

尽管这真的非常酷。

未来 Web 设计的 7 大趋势的更多相关文章

  1. 2021年Web开发的7大趋势

    技术发展日新月异,所以 Web 开发人员也需要及时了解行业最新的发展趋势. 全球有超过 17.4 亿个网站.在每一个细分领域都有无数企业争夺搜索引擎的排名前列位置.开发人员应该了解和发现更多创新的 W ...

  2. 响应式WEB设计的基本原则大总结

    响 应式Web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难.没有固定的页面尺寸.没有毫米或英寸,没有任何物理 限制,让人感到无从下手.随着建立网站可用的各种小工 ...

  3. 2015年7个重要的Web设计趋势

    Web设计趋势每一年都会有所变化.但设计师的创意天赋是推动改变网页设计标准的法则.如果在2015年,网页缺少以下7个设计元素,必定被淘汰~ 1.排版更灵活 这部分的主要焦点在于,字体展现会受到新兴排版 ...

  4. 外媒速递:十大最佳心理学概念助你提升Web设计效果

    外媒速递是核子可乐精选的近日国外媒体的精彩文章推荐,希望大家喜欢! 本期给大家推荐的是帮助你提升Web设计效果的十大最佳心理学概念.改善企业云环境协作效率的九款卓越工具.选择移动应用开发工具时要考虑的 ...

  5. Behance 大神推荐2019 年所有设计领域的最新趋势!

    昨天国内设计界发生了一则重大新闻! 相信大家应该都听说了吧 Behance挂了··· 继续Pinteres之后 在一个设计师不用上班的周六 我的电脑默默打不开Behance了 也就是说大陆地区的ip地 ...

  6. Atitit 图像处理类库安装与安装模式的前世今生与未来大趋势attilax总结.docx

    Atitit 图像处理类库安装与安装模式的前世今生与未来大趋势attilax总结.docx 1. 安装的原理,主要是解压,复制,设置三大步1 2. 目前我们常见的三大种安装模式,二进制模式与源码安装模 ...

  7. 30大最有影响力的Web设计与开发英文博客

    1stwebdesigner的创始人Dainis Graveris挑选出30个高质量和具有影响力的Web设计与前端技术博客,其中很多我们都耳熟能详.但这么完整的列表,还是值得收藏的.另外,你大概不会了 ...

  8. 十大响应式Web设计框架

    http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design 对于设计师而言,网站设计中的任意 ...

  9. 分享29个超赞的响应式Web设计

    原文自:http://www.csdn.net/article/2013-01-16/2813678-responsive-design-websites 最近几年,响应式Web设计不断印入人们眼帘, ...

随机推荐

  1. .NET 错误 47 存储区提供程序工厂类型“Oracle.DataAccess.Client.OracleClientFactory”未实现 IServiceProvider 接口。请使用实现该接口的存储区提供程序。

    问题描述: 最近用VS2010连接ORACLE数据库的时候突然报错“错误 47 存储区提供程序工厂类型“Oracle.DataAccess.Client.OracleClientFactory”未实现 ...

  2. ASP.NET XML文件

    XML是一种标记语言,具有描述所有已知和未知数据的能力.XML扩展性比较好,可以为新的数据类型制定新的数据描述规则,作为对标记集的扩展. XML的特点: 1.XML数据可以跨平台使用并可以被人阅读理解 ...

  3. EasyUI系列学习(十)-Tabs(选项卡)

    一.创建组件 <div class="easyui-tabs" style="width:500px;height:250px"> <div ...

  4. redis之有序集合类型(Zset)——排行榜的实现

    当数据库对排序支持的不是很好,可以利用redis有序集合排序 原文链接:http://blog.csdn.net/loophome/article/details/50373202

  5. Appium环境部署

    Appium 是一个开源.跨平台的自动化测试工具,用于测试原生和轻量移动应用,支持 iOS, Android平台. 需要部署的软件:python环境.nodejs..net framework4.5. ...

  6. http链接中请求进行编码,Http请求

    如果参数中含有特殊字符&,则强制URL编码<br> http协议中参数的传输是"key=value"这种简直对形式的,如果要传多个参数就需要用“&”符号 ...

  7. dutacm.club_1085_Water Problem_(矩阵快速幂)

    1085: Water Problem Time Limit:3000/1000 MS (Java/Others)   Memory Limit:163840/131072 KB (Java/Othe ...

  8. R语言学习 - 热图简化

    绘制热图除了使用ggplot2,还可以有其它的包或函数,比如pheatmap::pheatmap (pheatmap包中的pheatmap函数).gplots::heatmap.2等.   相比于gg ...

  9. 16 this和super和构造代码块

    this关键词---当前类的对象的引用 public class Public { String name; int age; public static void main(String[] arg ...

  10. 01Struts 2

    Struts 2 Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交 ...