随着企业和社会的发展,
好的网站设计越来越得到认可,每个企业和个人都希望自己的网站能达到高效传播的作用。CSS 是关于样式框的。事实上,整个网络都是由盒子组成的,从浏览器视口到页面上的元素。但每隔一段时间就会出现一个新功能,让我们重新思考我们的设计方法。
例如,圆形显示器使圆形剪辑区域变得有趣。移动屏幕缺口和虚拟键盘为最好地组织内容而面临挑战。而双屏或可折叠设备让我们重新思考如何在许多不同的设备姿势下最好地利用可用空间。
网络平台的这些最新发展使设计产品变得更具挑战性和趣味性。它们是我们打破矩形框的绝佳机会。我想谈谈与上述类似的新功能:渐进式 Web 应用程序 (PWA) 的窗口控件覆盖。渐进式 Web 应用程序正在模糊应用程序和网站之间的界限。它们结合了两全其美。一方面,它们像网站一样稳定、可链接、可搜索和响应迅速。另一方面,它们提供了额外的强大功能、离线工作和读取文件,就像本机应用程序一样。
作为一个设计界面,PWA 真的很有趣,因为它们挑战我们去思考混合 Web 和设备原生用户界面可以是什么。特别是在桌面设备上,我们有40 多年的历史告诉我们应用程序应该是什么样子,并且很难打破这种思维模式。但归根结底,桌面上的 PWA 被限制在它们出现的窗口中:一个顶部带有标题栏的矩形。
此功能的全部意义在于允许您将这个空间用于您自己的内容,同时提供一种解释窗口控制按钮的方法。它使您能够在一系列平台上提供这种修改后的体验,同时不会对不支持窗口控件叠加的浏览器或设备上的体验产生不利影响。毕竟,PWA 都是关于渐进式增强的,因此此功能是增强您的应用程序以在可用时使用此额外空间的机会。