7个未来网页设计的发展

太多的文章会告诉你什么是酷的在网页设计中。 我要带你做一些真正的预测。

1. 手势是新的点击

我们忘记了滚动网页曾经是多么困难。 大多数用户会刻意将鼠标移动到屏幕的右边缘,使用一些“古代”称为“滚动条”:

1-A4AZXGxmMSPgmoMzdmh98A

作为一个职业,你可能使用鼠标滚轮,光标键,或触控板,但你是领先于大多数用户。

在2015年,它的更容易滚动,而不是点击。 在移动,你可以滚动疯狂地用拇指。 点击一个精确的目标实际上是更多的困难——我们完全相反的用于在桌面上。

因此,我们希望越来越多的网站应该首先建立在滚动,并单击第二。 当然,这正是我们随处可见:

 

有充分的理由预计这一趋势将继续作为移动接管更多的市场。 现代网站有更少的东西点击,更多的滚动。 我们将会看到更少的链接,更多按钮,更大的“点击”地区,和高期望滚动的页面。

到多个页面的网站,传播他们的文章将很快学会这一课。 希望这些变成单页甚至更长,像《时代》杂志,为无限滚动页面:

 

还为时过早知道web将扩大本身到设备,如手表、但那,你可以打赌它将几乎完全由手势。

2。 褶皱真的死了

现在滚动是如此便宜,设备规模是如此多样,“褶皱”终于变得无关紧要。

设计师越来越自由不补习一切页面的顶部。 这导致设计的流行趋势媒介——全屏图像标题,没有内容可见,直到你开始滚动:

1-kDcO2lJRx7RcERXNZSgz8Q-w461

与高,滚动页面,设计师有机会做什么杂志多年来一直被认为是理所当然的:网页大美丽的图片。 2015年希望看到更多的设计,占用更多的空间,特别是垂直,这样和很多大的图像。

3。 用户更快,网站正在简化

今天每个年轻人都是一个专家网络用户。 甚至业余爱好者都像优点:使用多个选项卡,刷回去一个页面。

其结果是,一切都得更快。 和我们都学会变得不耐烦。 如果你想让一个温和的守规矩的人爆炸与烦恼,只是使他们的网络真的慢了一分钟。

1-21tR0tgN_MsHyc0Miu6C5w-w465
现在网站被迫不仅成为更快(技术问题),但变得更快的理解。 设计,延缓用户有相同的影响他们的听众,因为这些网站,无法加载。

简单的设计更容易扫描,这意味着他们更快升值。 很容易看出这两种设计更新,而且因为它是一个用户可以享受最快的:

 1-Z7P_0dQGbOK5FrKFFT3kUQ-w464
1-WLQYtRmsTB4B930C00PiOA-w463

这是死亡的最大原因skeuomorphic设计:用户更具有洞察力、缺乏耐心和混乱只会减缓下来。

应用程序将大部分网站与super-minimal羞愧,漂亮的界面。 和他们这么做是因为最小接口表现的更好。

平面设计只是一个开始。 真正的趋势是朝着简单和直接,我们预计在2015年比以前走得更远。

4。 像素是死的

在桌面,一个像素一个像素。 你甚至有了一个主意由平均英寸有多少像素:72 dpi。 现在,很少有人知道什么是一个像素。

 1-tEM2lxZFmhMMsVUGmwNVqg-w466

响应设计,我们看到一个朝着网格和百分比。 但仍是一个巨大的问题仍争议:位图图像。

几乎所有的网络构建与图像分辨率的一半现代显示,和他们没有规模。 视网膜显示和现代浏览器,矢量图的时间是正确的在2015年变得更受欢迎。

我们可以看到这一趋势与font-based图标和已经发生了谷歌的材料设计。 网站加载速度和规模的图标大小不损失图像质量。 这使得他们理想的设计师和现代web浏览器。

1-nxt4KgqsgbPRgMCDTGso1g-w467

现在存在的技术,但需要时间专业人士创建高质量显示改变他们的习惯。 一旦桌面显示平均Retina-grade(如新iMac),我们希望设计师跟进。

5。 动画又回来了

如果你想让一个网站看起来过时,用动画gif和Flash动画“在建”。 但是未来在一起的几件事,让动画在现代网页设计一颗冉冉升起的明星。

平面设计最终会看起来太一致,甚至无聊。 动画帮助网站脱颖而出和包的更多信息到更少的空间。

移动应用程序重新定义了用户期望什么。 移动应用程序使用动态传达意义,和网站刚刚开始做同样的事情。

新技术像CSS动画可以很容易提高设计没有插件,速度或兼容性问题。 和Web组件(# 6)只会加快。

GIF动画回来了,令人惊讶的是有效的。 你会发现这篇文章使大量使用GIF动画(如果没有,你应该查看这个版本),它从来没有容易创建或份额。

6。 组件的新框架

网络技术继续变得更加复杂,和更少的语义。 设计师必须嵌入的代码在页面简单的任务,包括Google Analytics或Facebook像按钮。 这将是一个容易得多,如果我们可以这样写:

< google分析关键= " ua - 12345 - 678 " >

和我们可以Web组件,这不是相当准备使用的大多数设计师。 2015年看起来像他们的一年。

谷歌的材料设计在这里,它可能只是让这个运动开始了。 由聚合物支持的,所有现代浏览器,它提供了丰富的动画和交互组件从Android应用程序,使用简单的这样的标签:

1-KWMW6OwkMN9KCOD52mqMaQ-w468

如果扎根,它不会是令人惊讶的看到更多的基于组件的框架出现在2015年。 也许引导4.0 ?

7。 社会饱和度和直接邮件的崛起

社交媒体为消费者取得了巨大的成功,但许多内容提供商不那么快乐。

问题是饱和。 每天数十亿的帖子,Facebook用户最可能喜欢的帖子学习并显示只有那些。 不幸的是,这意味着随着时间的推移,你的帖子越来越被更小比例的追随者。 (你能解决问题,方便支付Facebook)。

社会不会消失,但在2014年,我们看到很多著名的博客Tim Ferriss把他们的注意力从社会和传统的邮件列表。 他们已经意识到,电子邮件有一个重大优势社会:一个更高比例的人会发现你给他们什么。

 1-4vjtpm2BMWb9VCgD16fccg
我希望这种post-social趋势持续到2015年,最被忽视的趋势的网站通知(工作就像在手机应用程序通知)。

奖金non-prediction:CSS形状

这个很酷的技术不会注意到,除了设计师。CSS的形状让你流布局到形状,像圈:

1-LPJ7lqbVCYWhOHEbFUYIfw

这非常酷,但是直到浏览器支持是保证,这可能是风险太大把时间和精力放在你需要差不多两个完整的设计,对新老的浏览器。 和外部的设计师,我们不认为许多用户会注意到。

不过很酷。

2015年期待什么

在2014年,我们看到使用手机超过桌面,但公众还没有跟上。 大多数组织仍然委员会网站看起来不错的电脑,二是工作在移动。

2015年,策略是有可能去触摸和不专业。 随着手机上网的主要设备,移动先行”将变得不那么时髦和更多的要求。

平面设计可能是无处不在,但当你真正的趋势是超越鬼按钮简单的网站在满足用户更快

简单性不仅仅是一种时尚:这是未来。 只期望它继续下去

它将成为越来越普遍将动画嵌入到博客文章、和运动表示优质(对于那些可以负担得起),支持用户体验。

像素和褶皱慢慢会留出更多的空间为滚动和click-second经验。 Web组件,就能很容易地交付中在我们的网站上的经验。

现在你看到最好的移动应用设计出现在网页设计。 有足够的时间,应用程序和网站之间的区别可能几乎完全消失。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6504/

(0)
iouedioued
上一篇 2015-08-19
下一篇 2015-08-19

相关推荐

  • 我们都在交互稿中放了些什么?

    作为一名交互设计师,在输出交互稿件之时,要考虑的不仅是如何将需求转为具体页面,而且还要清晰的将其中的思想传达给对方。

    2017-05-08
  • 【译】2016年UX发展状态

    原文:The State of UX in 2016 作者:Fabricio Teixeira 译者:冬火鸟 简介:总结2015,了解目前发展趋势,hold住2016UX发展动态 #1 抠像素的时代已经结束了 2015年,你将“UX”这个流行的词汇加入到了你的简历中——…

    2016-01-29
  • 【完整案例回顾】我是如何设计优化出更好用的航班筛选器的?

    作者:Sue(Product Designer in Singapore );译者:Perry 阿力(UXRen社区成员)   作为一个有18个国家的热情旅行者,最近发现自己预订了无数的航班,我发现航班一直是旅行日期的关键决定因素,因为它的价格波动…

    交互专题 2017-10-18
  • 美术丨创意Game可用性微交互设计:视觉空间微交互设计

    文章导言(悄然你的特别吸引了我)有些设计看起来简洁,有些设计看起来杂乱无章;有些设计让您快速找到想要的信息,有些设计却让您置身于迷宫之中;为什么要绞尽脑汁写这些细节上的差异?用户在使用产品时是怎么样的心理活动?这将是我分享的一些个人见解。前言:致敬设计学研书籍作者们,有机会写《创意Game可用性微交互设计》总结。如题我们将进行一场有趣的游戏可用性微交互设计讨论。考虑并不是写一本书来高谈阔论,而交互又无处不在: 版面、颜色、纹理、动画、文...

    2018-02-28
  • 观点 | 交互设计在未来会多火?

    周一:AE动效 | 如何入手创作才能更加真实?周二:马克笔如何通过"叠加技法"精准调色周三:更快更好 | 手绘板也能比着尺子画!?周四:观点 | 交互设计在未来会有多火?周五:开拓视野 | 哪些用户体验很棒的APP设计好在哪里周六:如何看懂艾迪.斯理曼的Dior Homme周日:学珠宝设计我们推荐给你的必看书目交互设计是什么?对你而言,它可能还是未知数。让我们先看看大多数人如何看待交互设计这一专业:1.交互设计师是做APP的2.交互设计...

    2018-04-06
  • UI交互设计手册

    Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方…

    2017-08-01
  • “想要”之前是“需要”,用户体验设计的需求层次长啥样?【UXRen译#155】

    作者: Interaction Design Foundation |  翻译:代代子,校审:Duke   用户更倾向于选择那些能满足自己“需求”,而非迎合自己“欲望”的产品。美国心理学家亚伯拉罕·马斯洛提出的需求层次理论,详细阐述了人类的心理…

    交互专题 2017-08-07
  • 预算少时间紧还要出色的用户体验?看来只有试试精益设计了!

    低成本,高效率,还能把友商比下去的用户体验——全世界老板的目标都是一样的!问题是,这现实吗?先别着急否定,也许,精益创业方法系统中的精益用户体验设计可以帮到你。是时候淘汰预先大量设计、单打独斗、各个专业团队将交付文档甩给对方这些传统的用户体验设计了——把精益创业法与用户体验(UX)设计结合起来,共同成长,互惠共存——这就是Lean UX。三原则Lean UX 从精益创业法中吸收了三个基本原则。首先,它们能帮助我们简化 UX 设计流程。我...

    2018-05-04
  • 设计师要懂心理学の视而不见

    著名的“数传球视频”,先做个小测试:你能数出来,白队一共传了几次球吗? 这个视频是“无意视盲”和“变化视盲”典型的例子,揭示一个现象:用户经常对重大变化视而不见。 眼动跟踪技术可以跟踪记录人眼观察的方向,确…

    交互设计 2014-11-20
  • 【交互设计】寒假专业设计课程计划

    以清华力量武装自己寒假班开课时间:2018年1月27日 —2月8日报到时间:1月26日 (全天报到)寒假课程不局限于清华美院考研,寒假基础班以专业为导向,报考全国其他院校的同学也可参加。学习最高要求和最高水平的课程,全国名校任你选!说明: 交互设计的考试内容和实际工作基本类似,非考研类同学也可以报名学习,想转型学习或从事交互设计行业的其他专业同学也可报名。师资介绍:老师一:L老师本科中央美术学院数码媒体专业,清美交叉学科硕士考研成绩:初...

    2018-01-30