重新思考网站的响应设计

摘要

最近,我回答了智虎网站上的回应性问题,并对网页的回应性设计进行了新的思考,对此我进行了总结。目前,对于一个网站来说,响应性是最基本的要求,说起来简单,但是处理

最近,我回答了智虎网站上的回应性问题,并对网页的回应性设计进行了新的思考,对此我进行了总结。

目前,对于一个网站来说,响应性是最基本的要求,说起来简单,但是处理每一个细节却不那么容易,而响应性也是一门必修课,这必然会导致前端提高自身的能力。

如果网站不支持响应或响应非常粗糙,谁来买单?

也许中国的大多数网站并没有刻意要求响应性,即使要求响应性,大多数网站在适应后的效果还是很粗糙的。一般来说,中国对响应性要求高的网站属于一些要求高或专业性强的网站。即使你不做响应,如果你根据电脑上显示的效果将网页直接调整到手机上,客户也会为此付费。大多数海外客户的网站,也就是最基本的要求,如果不符合响应,就不会付费。

我们应该做两个版本吗?

对于大多数网站来说,制作两个版本不是一个明智的选择,因为后期维护成本、制作成本、调试成本、开发成本等等。会增加很多。此外,互联网发展迅速,网页也很快过时。一般来说,花大量时间制作两套随时都会过时的页面是不值得的。此外,大多数网站都受到常见开源程序的限制,对后端的两套扩展会有更高的要求,这可能会增加后端和服务器端的工作量。一般做两套,适用于一些有自己源程序的大型平台或网站或一些知名网站。大多数网站不需要做两套。

响应技术的发展如何?

我们不必停留在任何流体流动布局或任何其他布局上。我们只需要考虑先根据预期的设计展示具体的项目,然后再深入考虑其他复杂的知识点。许多细节需要单独研究,但它们可能不会被投入到实际项目中。在实际项目中,我们应该尽力简化代码,降低开发和后期维护成本。只要我们能够满足各种设备,并通过使用响应有效地控制不同大小图片的加载,在当前互联网速度不断提高的环境下,同样的访问速度将会非常快。

我对网页的响应性设计没有正面或负面的评论,因为它是基础。你必须适应互联网的发展、发展的需要和顾客的需要,这是理所当然的。没有必要说一项基本技能是好是坏。

一个真正好的回应可以处理不同尺寸的图片。如果CSS不能满足需求,有很多成熟的技术手段结合JS,可以在不太影响加载速度的情况下,匹配CSS达到更好的响应。它可以达到两套网的效果。毕竟,你不做应用,你做网页。如果你想比较应用程序和网络的本地交互效果和流畅性,我认为这是离题和不必要的。它们本身是互补的。你不想要他想要的,也没有必要拒绝任何人。

如果你还没有看到优秀的响应网站,你可以在FWA查看许多获奖的移动网站。

摘要

如今,响应技术得到了发展,它不仅能满足不同设备的适应性,还能从交互、体验和加载速度等方面进行匹配。现在的响应技术不能与响应技术开始流入的年代相比,像代码冗余这样的负面因素可以忽略不计。事实上,剩下的唯一问题是你是否愿意学习更先进的技术,你是否愿意研究和发现它,你是否愿意在实际项目中使用它。

我自己不做独立的前端工作,也不是丹尼尔公司的前端开发人员。我只想为我设计的东西服务。只是在经历了几年的折腾、兼容性和响应性之后,我使用了很多开发框架,学习了很多重要的知识,并做了一些公认的事情。我现在对响应性设计只有一个方向:

保持代码尽可能简单

兼容更多设备,尽可能少的响应断点

尽可能优化装载速度

尽可能避免使用JS

尝试实现与电脑相同的流畅互动效果

小工具

测试网页的性能,包括基本的响应性能:谷歌洞察

目前评论:0 条

发表评论