黑帽达人官网黑帽达人官网

欢迎光临
我们一直在努力

什么是可折叠网络?网站建设带来了什么?

带来了可折叠设备"可折叠网络"可能面临严重变化的话题和长期存在的网络惯例。这是炒作还是灵活?经过多年的讨论,可折叠设备终于进入了市场,测试和稳定的智能手机销售。三星、华为和摩托罗拉都发布了具有可折叠屏幕的手机,苹果等公司不愿意落后,也将发布类似的产品。真的,"可折叠网络"来了。

从笔记本电脑到手机,再到新本电脑到手机,再到新的双屏混合屏幕。对于这种新的小物件,没有万能的定义,但大多属于以下两类之一。"可折叠"指屏幕完全折叠的设备"双屏"屏幕是分开的,但可以用作屏幕。这两种类型的网站建设可能遵循类似的规则。若该技术取得重大进展,则网站建设可能面临十年来最大的变化。

听起来很刺激,但这实际上意味着什么呢?"可折叠网络"它将带来新的挑战、新的机遇和新的技术。"可折叠网络"这可能是自智能手机以来最大的变化。用户和开发人员已经习惯了这种建站方式:适应台式机、移动设备和大量平板电脑。假如你认为自己已经了解了响应式设计,那么你什么也没看见。

新的Web标准、新经验、新问题

自20世纪70年代以来,一直在研究柔性屏幕技术,但直到2000年才认真开发。直到近年来,各种形状和尺寸的消费设备才开始进入市场。

一些产品(例如Galaxy Z Flip)模仿旧的翻盖电话。其它产品(例如Huawei Mate X)手机外面包裹着屏幕。和电子书一样,内置物也更多,当设备完全打开时,两个内部显示屏就会变成一个。通常情况下,外面有一个较小的单独屏幕,所以用户在使用时不屏幕。

华为Mate X和三星Galaxy Z Flip。

可折叠设备即将到来,这不是重点。这里的重点是技术将如何影响它Web开发人员,UX设计师和其他业务将提供高质量的浏览体验。

CSS和JAVASCRIPT的更新

新硬件意味着技术更新。微软对可折叠技术的到来特别敏感,部分原因是该公司正在开发自己的可折叠设备。三位Microsoft开发人员Bogdan Brinza,Daniel Libby和Zouhir Chahoud他们提出了一个新的解释器JavaScript API和CSS集合。Chahoud在2月3日的GitHub帖子扩展了这一点。

它们专注于可折叠设备的潜在问题,包括:

可折叠市场上的各种硬件。有些设备是无缝的,而其他设备则不是。它们的形状非常不同。Windows Surface Duo和Galaxy Fold形状像书—一个有接缝,一个没有接缝。无缝摩托罗拉Razr可以追溯到古老的翻盖手机,屏幕的两个"一半"比正方形更接近正方形。还需要考虑的是,场景中只出现三部分可折叠显示屏,这只是时间问题。折叠产品的形状和尺寸变化很大,所以对于_class _of而不是特定的硬件,设备非常重要。

"折叠区域"功能。可折叠屏幕的奇迹需要做出一些牺牲。折叠附近屏幕的潜在尴尬是一个主要问题。可能很难查看或交互位于部分折叠屏幕接缝或跨接缝的内容。书籍和杂志倾向于避免跨页打印内容。也可能适用于可折叠屏幕。此外,一些可用性测试表明,可折叠产品中触摸屏的响应性不太可靠。

要解决这些问题和其他问题,Brinza,Libby和Chahoud提出了跨CSS该功能可以测试浏览器窗口是跨两个屏幕显示还是跨折叠显示。如果是这样,内容可以定位为折痕或接缝。这参与了响应设计的不断发展,响应设计不仅需要考虑屏幕尺寸。

因此,还提出了环境变量,量段大小和方向的方法。这种添加将有效地使网站在三个维度上塑造自己。平面页面可能不同于L形页面。

CSS建议随附有JavaScript API的新Window Segments枚举将使网站的行为更加动态。例如,显示的内容可能会根据屏幕是否弯曲而改变,也可能根据用户是否触摸显示器的另一半而不同。新的JavaScript API也改进了无法使用CSS非文档对象模型目标(如Canvas2d或WebGL)的功能。

该网站将能够围绕设备的接缝塑造自己。

这些建议不超过两个屏幕或细分,但技术似乎正朝着这个方向发展。若实施这些建议,将为响应式网页设计增加新的层次。当我们不再能够假设网站只需要在一个矩形空间中运行时,它可能会到达。新的CSS和JavaScript规范(例如Brinza,Libby和Chahoud提出的规范)将为开发人员提供一些解决方案。

Chahoud不会遇到很多麻烦的问题:

"我们将双屏和可折叠设备视为另一种响应Web多年来,设计目标,Web开发人员已使用手机、台式机、平板电脑等CSS做这些事。"

如果新的Web如果设计领先于技术,开发人员将能够专注于改善其网站的功能。

全新的折叠屏和双屏体验

改进的功能是什么?重点之一是镇上有新的折叠。尽管"翻折以上"它已经存在了很长一段时间,但它一直在滚动,但开发人员很快将不得不在页面中间对折。

至少,这可能意味着调整内容,这样用户就不必在折叠中与任何内容互动。如果将触摸控件限制在折叠位置,或设备部分折叠,重新放置在屏幕另一半的元素是有意义的。

可折叠产品为双屏移动设计提供了新的机遇。

在更雄心勃勃的方面,可折叠设备有效地意味着迷你双屏设置,其中两半可用于不同的事物。的确,当你折叠可折叠的网页时,它与Nintendo DS这种设备有千丝万缕的相似之处,Nintendo DS单个设备有两个屏幕。从那时起,技术取得了很大的进步,两个显示器可以无缝连接,但核心体验非常相似。

我们已经看到了未来,但现在看起来有点像2004年的任天堂DS。

在网页设计方面,这允许以更像应用程序的方式呈现内容。Chahoud说:"我相信双屏或可折叠设备的设计将是底部的两列网格,代表可用的逻辑或物理显示区域。"三星开发人员文档甚至更进一步,建议辅助显示器本身可以分为两个,共三个单独的"屏幕"。

为什么要停在两个屏幕上?可折叠网络可能是一个多窗口的世界。

在烹饪网站上,这可能意味着将食谱放在一个屏幕上,将食材放在另一个屏幕上。在新闻网站上,这可能意味着在另一个屏幕上复制文章并阅读相关文章。和以前一样,它取决于内容。在最雄心勃勃的情况下,可折叠网络可以像双手机屏幕一样运行。

改善用户体验

可折叠设备的兴起不会改变游戏规则,而只会改善用户体验。可折叠网站应该被视为进化而不是革命。不是因为双屏功能,而是因为它们使平板电脑的使用体验更加便携,从而满足需求"我可以随身携带平板电脑"的愿望。

平板手机不是大电话,基本上是平板电脑,而是一个电话或另一个电话,这取决于设备是打开、关闭还是介于两者之间。有些应用程序可以从分屏或不同的宽高比中受益,但在大多数情况下,如果你只想在更大的屏幕上观看视频,这些设备不会给你带来任何新的东西。

在许多情况下,"可折叠网络"将仅意味着针对平板电脑大小的显示器进行更好的优化。目前,平板电脑仅占全球市场份额的3%左右(移动设备52%,台式机45%)。若可折叠设备会造成凹痕,则很难忽略它们。

当像苹果这样的公司发布可折叠设备时,它肯定会像烤饼一样出售。随着越来越多的可折叠技术进入市场,Web为了维护现有功能,设计需要提高其响应能力。

总结

那么可折叠网络是什么意思呢?总之,这取决于你。这一趋势可能标志着响应设计的下一步。借助CSS和JavaScript对于新功能,开发人员将能够建立多屏体验,而台式机、移动设备和平板电脑只有一个不间断的矩形。

这些经历能走多远还有待观察。可以肯定的是,"可折叠网络"还没准备好就绪。不能保证设备会像智能手机一样普及,尤其是大部分设备价格还高达1万元的时候。硬件会遇到麻烦,经过一段时间的动荡,技术可能会逐渐发展成可靠的风格。

开发人员和设计师的职责是尽可能推广这些平台。可折叠网络是网站前所未有的流动性和功能机会。这意味着网站比以往任何时候都更有响应能力。

这也标志着探索未知领域的独特机遇。虽然这不是一个巨大的变化,但可折叠网络可能是自我的iPhone最大的变化。现在该是参与,提供反馈,提出建议和进行试验的时候了。

移动优先设计会变得越来越复杂,但也会更令人兴奋。可折叠网络可能是手持设备第一次感到可扩展而不是限制。对某些网站来说,这意味着调整,于其他网站,这意味着重新设计。可能的范围取决于开发人员的创新能力。那你要怎么做呢?

未经允许不得转载:黑帽达人官网 » 什么是可折叠网络?网站建设带来了什么?
分享到: 更多 (0)

黑帽达人官网专业提供黑帽seo快排、黑帽seo技术、黑帽seo优化、快速提升排名、黑帽seo推广等服务。为企业客户提供更好的网络营销模式拓宽销售渠道,让客户盈利是我们服务的初衷,欢迎大家一起交流!

黑帽seo快排