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

相关推荐

  • 制作在线UX作品集的四个步骤

    本文作者将帮你系统梳理一下创建一份作品集的全部步骤,让你明白UX作品集的常规创建流程。

    2017-05-02
  • 未来交互设计:初心未变,可用的新视角

    Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及…

    2015-11-08
  • 计算机交互设计简史,从穿孔纸带到人工智能

    点击上方“想当然”,选择“置顶公众号优质文章,第一时间送达不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。何为交互?交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个...

    2018-04-07
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • JDC丨京东设计中心 - 电商大促攻略页设计指南

    通常我们看到的旅游攻略,游戏攻略等都是以文章资讯的形式呈现,只可阅读不可交互。而电商大促活动中的攻略页,可不仅仅是一篇资讯文章那么简单,除了要向用户传达促销信息,往往承载着引流,预约,发券,传播等营…

    2018-03-27
  • 交互设计笔记整理

    PC与手机对比使用环境pc:固定位置,干扰少,注意力集中,输入方式强大。手机:任何地方,干扰多,注意力难集中,输入方式单一。交互媒介pc:操作精准快速,桌面大显示内容多,过大屏幕会有视觉盲点。手机:手指操作,精准度低、速度慢。使用特点pc:需处理复杂任务,多任务切换,讲究效率和强互动,没有电池流量问题。手机:适合处理简单任务,多任务切换困难,适合各种姿势使用,电池流量问题严重。web与APP界面对比web是书架,内容繁多,一目了然。更直...

    微信热点 2018-04-07
  • 『交互扫盲』云里雾里,傻傻分不清楚的UI/UE/ID/UED/UCD!

    对于刚刚接触用户体验交互设计的同学来说,很多云里雾里的英文缩写,分不清各个概念代表着什么含义,今天给大家做一个简单地介绍。 对于刚刚接触用户体验交互设计的同学来说,很多云里雾里的英文缩写,分不清各个概…

    2015-01-27
  • 经验分享|利用品牌基因法进行图标设计

    在看这篇文章之前你需要清楚,我所讲的东西并不是什么权威,只是在工作中总结出来的一些的小经验而已,制作图标的方法也有很多种,这里只是给大家一个思路上的启发,希望能对你有所帮助吧!

    2017-05-06
  • 设计师 To do list:怎样做最有效

    To do list即待办事项列表,罗列出来会帮助我们的脑袋省去一些记忆负担,让我们的思考更加高效。Sophia的tips:敢不敢试着做一年,你会惊喜自己的优秀~

    2017-04-29