现代网页布局和渐进增强

mubassirameheja

如今网站的布局必须满足许多要求。一方面要灵活，适应不同的显示尺寸- 调整分辨率。它还必须能够对不同的操作概念做出反应，例如鼠标、笔、触摸、键盘或语音。还必须保证在不同浏览器和操作系统以及这些环境的不同版本中的无错误显示。最后但并非最不重要的一点是，它的设计当然也应该美观并符合现代观看习惯。 如果一方面合理地使用现代网络技术，另一方面整个项目团队都实践当代哲学，那么乍一看似乎是不可能完成的任务就不再是一个大问题。 网站在任何地方看起来都不一样 长期以来，设计网站的工作流程是这样的：首先规划页面，设计布局。优先考虑的是布局的视觉效果，在下一步中将其提交给客户审批。然后布局被交给开发人员，开发人员必须尽可能精确地实现一切。其他学科如搜索引擎优化、性能、跨浏览器兼容性等在项目过程中被推迟。


但正是这些问题导致了布局实现过程中出现问题，因此在旧版浏览器中经常 瑞士 电话号码 会做出设计妥协，或者工作量显着增加。 随着响应式设计的发明，这个问题在许多机构中只会成倍增加。现在还设计了智能手机、平板电脑等的布局，而不是桌面视图的单独布局。问题仍然是一样的：设计师为最能想象到的情况设计了完美的布局，并将这些布局呈现给客户。这导致人们期望网站以后在任何地方看起来都完全相同。这反过来意味着开发人员后来被迫投入大量额外的精力来改造旧浏览器中不存在的功能或效果。这通常会以牺牲页面的可用性、搜索引擎优化、可维护性和速度为代价。事实上，这些学科都隶属于网站的视觉设计。今天你不会那样做。 一个网站不可能到处看起来都一样。布局必须能够灵活地适应不同的显示环境。




网站必须在任何地方都没有错误地显示，它必须传达企业设计并且必须能够呈现内容。但在不同设备上进行 1:1 的布局调整是根本不可能的。这一事实应该被视为网络设计时的主要优势，而不是限制。 渐进增强 如果一个项目是基于“渐进增强”原则，那么布局是从旧浏览器的角度设计的。您首先考虑一个在最糟糕的项目相关环境中也能正常工作的设计解决方案。在更现代的浏览器中，使用附加的现代技术来优化显示。这意味着该网站在不同的浏览器中看起来可能略有不同 - 但在任何地方都不是不正确的。随着带有新功能的新浏览器进入市场，这些功能都被置于顶部。这不会改变布局的功能基础 - 因此实施是面向未来的，并且有时会大大减少开发工作。然而，渐进增强与许多视觉设计师的方法形成鲜明对比，他们在项目开始时创建“最佳案例”布局。