如何进行响应式设计？
设计资料存储的笔记本拿去店里修了，吃水果不小心沾到键盘上，导致键盘无法正常弹跳。工作人员说需要换键盘，视频号暂时停更几天，趁机写写文章也不错。
Nice对设计灵活性的探寻比较感兴趣，今天的响应式设计就是设计灵活性的重要体现，是网站打造好的用户体验需要遵循的重要设计原则之一。
响应式设计来源于一个现实：在Web设计和开发领域，设计总是无法跟上无尽的新分辨率和新设备。对于许多网站而言，为每种分辨率和新设备创建网站版本是不切实际的。如何选择，响应式设计可以作为一个不错的方案。
什么是响应式设计
响应式Web设计是一种建议设计和开发应基于屏幕大小，平台和方向来响应用户的行为和环境的方法。
包括灵活的网格和布局，图像以及CSS媒体查询的智能用法的组合。当用户从笔记本电脑切换到iPad或者手机时，网站应自动切换以适应分辨率，图像大小和脚本编写功能。
响应式设计核心是追求一种灵活的布局。
WEB设计
上下布局和左右布局很常见，这两种布局可以适应用户扫描的阅读模式，让信息的获取更有效率。同时两种布局会形成大量的留白。既有助于用户的阅读体验，同时对响应式设计作出了贡献。
格式塔原则
格式塔原则在网页设计上更加重要，大屏幕上的信息往往需要更多的留白和模块的归类。关于网页布局的黄金法则，可以点击下方视频，一分钟了解。
Nice的设计技法与思维
版式布局的6条黄金法则 #设计#设计思维#版式#排版#UI#UX#设计心理学#交互设计 更多订阅@Nice的设计技法与思维
视频号
移动端设计
小屏幕不意味着更少的信息，而是对信息更好的布局。用户从网站转移到App等移动产品，网站能否做出及时响应，是灵活性的重要体现。最直观的就是打开网站，将窗口不断变窄看一下网站的内容显示有何变化，直观的变化是图片和导航。
关注内容
IBM设计系统提到，在设计中，更大的视觉单元是由内容驱动的。也就是在WEB设计的时候，要关注内容的表现形式，用不同展示方式实现节奏。Nice经常听到有些人提问，对于他们的产品何种交互形式更加有效，何种视觉形式能让用户深度参与，仔细看产品的信息架构都还不完整，内容分类也是比较乱，底层的内容没规划好何谈视觉。
基于网格系统grid systems
响应式设计的实现，很大程度上基于网格系统，比如IBM的2X网格设计。这部分可以多了解一些品牌设计系统规范和官方网站如何实现。