正是因为移动设备普及后,做设计配适的工作量急剧增大,因此在实践领域出现了相应的“响应式布局”理念,也就是说根据设备的尺寸区别,页面会动态地作出响应并改变网站本身的布局。
原理上说大概就是根据设备尺寸自动计算出网页上不同板块的尺寸和位置。
例如这个网站利用了“液态设计”的技术,你可以把浏览器窗口缩小,然后改变窗口的尺寸,观察页面的变化。
Simon Collison
你会发现页面本身的设计会发生非常大的自动调整,如下图:
不仅图片的尺寸会自动调整,甚至网页大块的布局也会随之变化,是不是很神奇。这样一来,就实现了在不同尺寸的浏览器中最大程度的保留了设计者的版式语言。
目前恐怕还是比较前沿和尖端的领域,但我认为,在移动互联网的时代,技术和市场两方面的因素将会推动这种设计方式成为一种新的规范或者标准吧。