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

相关推荐

  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • 交互设计新人的核心竞争力

    从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多。转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今…

    2017-08-04
  • 交互设计必杀技:如何做一名高效的“陪产婆”

    数十万互联网从业者的共同关注!作者:臭脸任。作者授权早读课发表,转载请联系作者。微信公众号:臭脸任的慢生活(ID:choulianren-renyi)欢迎投稿到早读课,投稿邮箱:mm@zaodula.com问题起源于臭脸君开始转战给i…

    2017-08-01
  • 视觉设计的思考:如何设计APP的登录页

    一个完整的App包含很多页面,设计一个App是一个很系统的工程。笔者会陆续撰写,带着大家完整的学习设计App的过程。我们先从登录页设计开始学习。做界面设计前,我们先来理解一下界面的逻辑。“ It seems that green leaves look more beautiful after the rain “(雨后的绿叶看起来更美了)

    2017-05-08
  • Axure实例:即刻 app 产品需求文档

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放不了了之冰淇 - 分手快乐作者:T.zh来源:简书以下我的Axure原型截图:目录:1.概述1.1产品介绍1.2需求整理2.版本信息2.1修订历史2.2版本规划3.产品逻辑3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍1.1.1 文档属性1.1.2 产品综述1.2 需求整理1.2.1...

    2018-03-08
  • 场景化体验设计的新思路:语音交互

    语音交互在场景化的体验中能发挥更好的效果,是因为语音本身就是一个对话的过程。当你置身于特定场景下时,你的语音指令才具备特殊的意义!当你在骑行的时候,Siri在你耳边提醒你临近会议的准确时间和地点,并为你语音导航,同时为你口述刚刚收到的短信息—所有的动作都没有打断你的骑行运动。第二个倒计时设定40分钟,现在开始倒计时。你的倒计时已经运行,还有9分42秒,想要更改它吗?引导强于记忆。User: Alexa, add milk to the shopping list.
    Alexa: I’ve added milk to your shopping list.
     
    User: Alexa, add eggs to the grocery list.
    Alexa: Eggs added to your shopping list.
     
    User: Alexa put butter on the shopping list.
    Alexa: I’ve added butter to your shopping list.
     
    User: Alexa add cereal to the shopping list.
    Alexa: I’ve added cereal to your shopping list.
     
    User: Alexa put cheddar cheese on the shopping list.
    Alexa: Cheddar cheese added to your shopping list
     
    User: Alexa put sugar, flour and salt on the shopping list.
    Alexa: I’ve added sugar flour salt to your shopping list.

    2017-05-17
  • 回音专栏丨交互设计中的规律

    回音专栏丨来自行业最前线的设计大咖们的独家MAX干货聚合!库伯学习圈,从行动中归纳出经验,把经验升华为规律,再用规律指导行动。……交互设计中的规律昨天讲了库伯学习圈和正确的学习步骤,应该从行动中归纳出经验,把经验升华为规律,再用规律指导行动。今天就来讲讲我在学习交互设计时,是怎样总结出一些有用的规律的,你同样也能用这种方法学习别的知识。行动中归纳经验我们平时都会使用一些电脑软件和手机APP,你有留意到它们的界面和操作吗?比如iPhone...

    2018-01-30
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • mBack交互方式分析

    本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

    2017-05-01