学习响应式设计，如何避免网页设计陷入僵局？

响应式设计的困境

当我们在2018年谈论网页设计时我们其实吧是在谈论响应式网页设计。仅仅在七年多的时间里“响应式”这个词就成为了一种无处不在的行业标准。响应式网站设计是设计一个站点或网站应用程序的过程，以便其内容根据所观看的设备进行适当调整。几年前， 我看了伊桑•马科特的一次精彩的会议演讲，他创造了“响应式网页设计”这个词，他把响应式网站比作犹他州的Pandotree;一个具有连接根系结构的有机体，在不同的地方，不同的环境，不同的大小，从底下冒出来但都具有相同的基础基因。

在过去一年中，最常受到批评的UI决策之一是越来越多的汉堡菜单被用于桌面。只是 可能.…. 很少有人注意到移动布图——将内容分成12栏格的水平条带——按比例扩大到桌面。

响应式设计与品牌设计的平衡

给力。 响应式设计与品牌设计配合得非常好，但在布局上并不理想。实现响应式设计的好方式可能是为不同的视图类创建不同的设计，并且仅对类似的屏幕依赖响应式技术。我们可能不知道每个屏幕的确切尺寸，但我们知道手机必须装在口袋里我们知道笔记本电脑不能比键盘窄。

但响应式设计并非没有问题，根据定义，响应式设计“响应”的是视图大小，而不是内容。基于容器的CSS媒体查询变体已经被提出作为一种解决方案，但到目前为止还只是某人白板上的一张便笺。

有人会问，为什么我的网页在某些搜索引擎中不被收录？一个常见的原因是网站的内容质量不高，或者网站的技术架构存在问题，导致搜索引擎难以抓取和索引网页内容，醉了...。

整个抛弃了右半边的设计。无论如何,窗口中的文字、样式、颜色和大小都始终如一。使用精彩的图片和文字排版一样,图像在传达信息和吸引用户方面起着至关重要的作用。

创造力的考验

换位思考... 响应式网页设计是否正在扼杀创造力，这个问题可能是不公平的;它假定多样性和创新是设计过程的命脉。它还把责任归咎于一个概念，如果有责任分摊，它肯定取决于实施。说实在的， 设计往往会在最严格的限制下蓬勃发展——我认识一位设计师，他会在客户的简报中加入自己的限制，主要原因是他觉得自己的工作在面临挑战时更强大。

我始终觉得... 设计主要是关于元素之间的关系，而这些关系在小屏幕上是受限制的。还有啊，主要原因是我们的标记是语义结构的，所以为移动设备设计的关系经常被转换到更大的视图上。

移动网络的发展

来日方长。 可以说 响应式设计的采用促进了移动网络的发展;如果没有它，与桌面版本并行开发移动站点的成本将意味着许多公司坚持使用后者。

因为技术的不断进步，我们可能会看到新的解决方案出现，从而改变我们对响应式设计的看法。 说真的... 比方说CSS变量和容器查询等工具的实现可能会使网站上的设计 变得多样化。

我无法认同... 所以学习响应式设计的最佳方式是实践。通过不断地实践和探索，我们可以更好地理解如何避免网页设计陷入僵局，并创造出既美观又实用的网站。

响应式设计是一个不断发展的领域，它既带来了挑战，也带来了机遇。通过了解其原理和局限性， 到时候….. 我们可以更好地应对这些挑战，并利用新的技术和理念来推动网页设计的创新。