作为交互设计师,其实我们在设计响应式页面时,会发现了很多问题。响应式界面的很多细节应该是不那么容易被理解的。那么下面详细介绍响应式页面的基础内容。
什么是响应式界面
根据维基百科及其参考文献,理论上,响应式界面能够适应不同的设备。描述响应式界面最著名的一句话就是“Content is like water”,翻译成中文便是“如果将屏幕看作容器,那么内容就像水一样”。
![08d50871977c9555db08bf2939d9128c.png](https://i-blog.csdnimg.cn/blog_migrate/58069cff3d6831d35bbf74606d9f9973.jpeg)
为什么要设计响应式界面
为何按老办法为主流设计特殊版本呢?为什么要费神地尝试统一所有设备呢?
1. 即便是PC或Mac用户,调查显示只有一半的人会将浏览器全屏显示,而剩下的一般人使用多大的浏览器,这很难预知。
2. 台式机、投影、电视、笔记本、手机、平板、手表、VR……智能设备正在不断增加,“主流设备”的概念正在消失。
3. 屏幕分辨率正飞速发展,同一张图片在不同设备上看起来,大小可能天差地别。
4. 鼠标、触屏、笔、摄像头手势……不可预期的操控方式正在不断出现。
响应式界面的四个层次
1、同一页面在不同大小和比例上看起来都应该是舒适的;
2、同一页面在不同分辨率上看起来都应该是合理的;
4、同一页面在不同操作方式(如鼠标和触屏)下,体验应该是统一的;
5、同一