如何进行响应式设计？
Posted 设计技法与思维
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何进行响应式设计？相关的知识，希望对你有一定的参考价值。
设计资料存储的笔记本拿去店里修了，吃水果不小心沾到键盘上，导致键盘无法正常弹跳。工作人员说需要换键盘，视频号暂时停更几天，趁机写写文章也不错。
Nice对设计灵活性的探寻比较感兴趣，今天的响应式设计就是设计灵活性的重要体现，是网站打造好的用户体验需要遵循的重要设计原则之一。
响应式设计来源于一个现实：在Web设计和开发领域，设计总是无法跟上无尽的新分辨率和新设备。对于许多网站而言，为每种分辨率和新设备创建网站版本是不切实际的。如何选择，响应式设计可以作为一个不错的方案。
什么是响应式设计
响应式Web设计是一种建议设计和开发应基于屏幕大小，平台和方向来响应用户的行为和环境的方法。
包括灵活的网格和布局，图像以及CSS媒体查询的智能用法的组合。当用户从笔记本电脑切换到iPad或者手机时，网站应自动切换以适应分辨率，图像大小和脚本编写功能。
响应式设计核心是追求一种灵活的布局。
WEB设计
上下布局和左右布局很常见，这两种布局可以适应用户扫描的阅读模式，让信息的获取更有效率。同时两种布局会形成大量的留白。既有助于用户的阅读体验，同时对响应式设计作出了贡献。
格式塔原则
格式塔原则在网页设计上更加重要，大屏幕上的信息往往需要更多的留白和模块的归类。关于网页布局的黄金法则，可以点击下方视频，一分钟了解。
以上是关于如何进行响应式设计？的主要内容，如果未能解决你的问题，请参考以下文章