深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

响应网页设计:我们要从这里去哪里?

2015-10-02  阅读: 深圳网站建设设计

„今天提供了响应式设计的世界的惊人之旅。我们已经看到了如何提升我们的工作流程。我们学会了新的方法来提高我们产品的可访问性。我们在CSS和HTML的能力现代帮助我们拥抱巨大变量的显示尺寸,我们周围的涡流和涡流。

我们已经探讨了模块化的代码和浏览器的能力,未来的工作无需网络连接。我们甚至旅行到未来可能会在Web。

 

我们从 走了很长的路Ethan的文章,流体网格,灵活的媒体,和媒体查询。这三个原则播下种子,已经成为我们来更好地了解设备的增殖的影响。我们已经看到,网络是能够去任何地方,做任何事情。

我认为, “响应式网页设计” 是第一条真正设法捕捉,约翰奥尔索普讨论了许多年前在 概念“一道网页设计” 和蒸馏成设计和开发社区能真正沉浸其中。它提供了一个具体的例子,网络的能力和自我塑造成任何形状弯曲,它需要。

这是第一次,许多设计师都来与“经验”并不是铁板一块的东西。

当然,在Web标准的社区的许多人一直在谈关于 散步渐进增强。我们获得转换,但进展缓慢。伊森证明直接和简洁是视觉设计的渐进增强可能看起来像。

提供对每个人试图访问我们的网站相同的经验是不可能的。只是有太多的因素要考虑。我们的屏幕尺寸,显示密度、CPU速度、内存量,传感器的可用性,功能的可用性,接口的方法É 呼吸 É操作系统类型、操作系统版本、浏览器类型、版本的浏览器,插件安装,网络速度、网络延迟、网络拥塞、防火墙、代理服务器、路由器、和可能的其他十几个我的心灵无法采摘的因素在旋风式的技术考虑。

而这还不考虑我们的用户。

当我们需要找到我们的工作真正重要的人,我们要考虑文化水平,阅读意识,知识水平,认知障碍,如学习障碍、阅读障碍,注意力缺陷问题,环境的干扰,视力障碍,听力障碍,运动障碍,他们怎么知道如何使用他们的装置,他们怎么知道如何使用他们的浏览器,如何精通他们常见的Web会议,和一吨的其他“人的因素”。

每一个人都是不同的,每个人都有自己的一套特殊需求的网站。一些总是与他们,盲目为例。人是短暂的,就像打破你的鼠标手。还有一些是纯粹的情境和相关设备上的你在时间的使用和其技术能力或限制。

 

在设计的每个人都有在各种情况下,充分考虑一个整体的经验是不可能的。然而,提姆爵士伯纳斯李有一个网站,可以去公司。他疯了吗?

提姆先生的网络公司 是内容可以创建一次,从任何地方访问。不同的只是“超媒体”分散在全球各地可以通过链接连接到另一个相关的碎片。此外,他们会在任何可以阅读HTML装置有可回收。免费。

最终,提姆先生设想的普遍可及性。

一杰出的我们中的许多人,确保我们的网站可以访问是一个事后的想法。我们说一个好游戏的时候,“以用户为中心”的这个或那个,但往往把“性”作为一个“屏幕阅读器的同义词”。它比很多。“性”是人。人们消费在许多不同的方式,内容和使用接口,有些相似,非常不同于我们怎么做。

当然,有视觉障碍的人经常使用屏幕阅读器消费内容。但是他们也可能使用盲文触觉反馈装置或盲文打印机。他们也可能使用一个键盘。或者他们可能在音乐会上使用触摸屏音频线索。或者他们会用相机让他们“读”通过光学字符识别和文本到语音的内容。是的,视觉障碍的影响相当比例的民众(尤其是随着我们年龄的增长),但这只是一部分的“可达性”之谜。

文本和背景之间的对比度是保证不同照明场合的内容仍然是可读性的一个重要因素。颜色的选择是一个可关注。

我们使用我们的网站和我们的界面,直接影响到我们的用户了解我们所做的是多么容易的语言,我们提供的产品,以及为什么它很重要。它也影响我们如何使我们的用户对自己的感觉,他们的经验,以及我们公司。语言是一种可关注。

对我们的网页的大小有直接的影响多久我们的页面去下载,它的成本多少客户访问他们,和(有时)甚至内容是否可以达到。绩效是一个可关注。

我可以继续下去,但我相信你明白这一点。

 

可达性是为大家提供了很好的经验,无论身体或精神上的能力,性别,种族,或语言。它承认我们都有特殊需要的物理限制,带宽限制,设备的限制,可能需要我们以不同的方式体验相同的接口。

当我看我的手机,一个网站为例,我的视觉受到我的屏幕分辨率(尤其是如果我使用的浏览器鼓励变焦)和我因为我的指尖在我浏览有限与按钮和链接互动的能力,这是大和更准确的比鼠标光标。

在一个触摸屏,我可能需要的经验会略有不同,但我仍然要做我到现场做。我需要一个  经验,而且我需要 适当 经验。

拥抱这个现实,经验不需要的只有一件事能帮助我们接触更多的人和更少的头痛。经验可以而且应该被制作为一个连续的。这是渐进式增强:我们从一个基本的体验,对于每个人的工作内容,真正的链接,第一代的表单控件,和形式,实际提交到服务器。然后我们建立经验从那里。

 

你的浏览器支持HTML5表单控件?太好了你会得到一个更好的虚拟键盘,当你输入你的电子邮件地址。你可以使用CSS?太棒了,让我做你的阅读体验更好。哦,你可以应付媒体查询!让我调整布局,所以这些线的长度是一个小更舒适。哇,你的浏览器支持Ajax?让我在这里!相关内容你可能会感兴趣的一些内容负载。

想象一下,坐在餐厅不仅有服务员马上给你的牛排。但你是一个素食主义者。你问他们是否提供一些你能吃的东西和他们礼貌地回答 哦对不起,肉是一个要求。你为什么不吃肉?这很容易!你真的错过了一些美味的食物。 没有服务员谁真正关心你的经验会做的。

然而,我们作为一个行业,似乎没有什么问题,告诉别人他们需要改变他们的浏览器来适应我们。这是错误的。我们的工作是毫无意义的用户。我们应该竭尽全力吸引和留住他们。这是客户服务101。

这又回到了postel'slaw,杰瑞米常常诉说:

你所做的是保守的,在你接受别人的自由。

我们要说到浏览器的支持,并没有进行太多的松懈,(最好有)什么的假设,我们可以发送。

当然这不是我们行业的一个方法,每个人都准备好接受,所以我会提供另一句我回来一次又一次:

当事情发生的时候,你的力量的唯一的东西就是你的态度;你可以接受它或憎恨它。

 

我们无法控制世界,我们只能控制自己对它的反应。

现在的人已经聚集在这最后一天(或响应那些沿着在家)大概明白这比大多数。我们感觉到新设备,不断轰击屏幕尺寸,和能力。我已经找到了应对这一切的唯一方法就是接受它,拥抱多样性,并查看设备和浏览器的增殖为特征,而不是一个bug。

我们要教育我们周围的人谁有意外或故意不承认多样性是我们生活在现实中,事情只会变得更疯狂。我们的头埋在沙子是不是一种选择。

当我试图帮助人们理解和接受多样性,我常常达到从我最喜欢的运动之一 思想约翰罗尔斯。

 

罗尔斯是一个哲学家,经常与学生,社会实验教会团体,等。

在实验中,参与者被允许建立自己的理想社会。它可以跟随任何哲学:它可能是一个君主或民主或无政府状态。这可能是资本主义或社会主义。在这个实验中人们随意控制绝对社会的每一个方面;但后来他加入扭曲:他们不能控制他们占据什么位置,社会。

这是什么 扭曲约翰Harsanyi早期游戏理论家称之为 “无知的面纱” 和罗尔斯发现了什么,一次又一次,是个人参与的实验会倾向于创造最平等的社会。

这是有道理的:什么是理性的,自利的人会善待老人,病人,一个特定的性别,种族,宗教信仰的人,或颜色不佳,如果他们能在同一位置发现自己当面纱被拉去?

我们所做的事情以适应特殊的需要现在支付股息在未来。看看坡道。

 

他们是一个坐在轮椅上,也有利于那些不在其中的人们,辅助功能的经典例子:人们扛着行李推车,送货服务牵引重物,父母把孩子(或他们的打扮狗)车,通勤走她的自行车,那家伙就喜欢步行了一个温和的倾向于扩大所需的安装步骤的努力。

当我们创造出从A点到B点的路径选择,人们可以采取一个最适合他们,无论是选择或必要性。每个人都可以实现自己的目标。

我们都有特殊的要求。一些我们出世与。一些我们开发。有些是暂时的。一些与我们无关的个人,但情境或纯粹依赖于我们使用的是硬件的交互方式,我们有我们的速度,甚至可以上网或处理数据。

 

如果不可响应的网页设计是什么?是的,它的基本原理是与视觉有关的设计,但在大画面上的,他们都是提供最佳的阅读体验。

为响应设计从业者,我们理解适应界面的好处。我们理解回退。我们了解到各种条件下的鲁棒设计经验,工作。每一天我们扩大我们产品的可访问性。

这些技巧将使我们的技术继续提供消费与我们的网站进行交互的新方法无价。

我们刚刚开始下降或脚趾儿,手在运动世界的手势控制。当然,我们已经在两个维度上的触摸屏,而现在三维运动为基础的控制才开始出现。

 

牧羊人文章推荐:

韩国网页设计3号世界
响应式网页设计的缺点如何避免

将文章分享到..