【导读】响应式布局是在如今屏幕尺寸越来越多样化趋势下的解决之道，但是该如何去做响应式布局呢？
　　在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：
　　布局类型
　　布局实现
　　采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。
　　固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；
　　可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过设别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局；
　　弹性布局：以百分比作为页面的基本单位，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果；
　　混合布局：同弹性布局类似，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果；只是混合像素、和百分比两种单位作为页面单位。
　　可切换的固定布局、弹性布局、混合布局都是目前可被采用的响应式布局方式：其中可切换的固定布局的实现成本最低，但拓展性比较差；而弹性布局与混合布局效果具响应性，都是比较理想的响应式布局实现方式。只是对于不同类型的页面排版布局实现响应式设计，需要采用不用的实现方式。通栏、等分结构的适合采用弹性布局方式、而对于非等分的多栏结构往往需要采用混合布局的实现方式。
　　布局响应
　　对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，有两种方式：桌面优先（从桌面端开始向下设计）；移动优先（从移动端向上设计）；
　　无论基于那种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化（发生布局改变的临界点称之为断点），
　　我们通过JS获取设备的屏幕宽度，来改变网页的布局，这一过程我们可以称之为布局响应屏幕。常见的主要有如下几种方式：
　　布局不变，即页面中整体模块布局不发生变化，主要有：
　　模块中内容：挤压拉伸；
　　模块中内容：换行平铺；
　　模块中内容：删减增加；
　　布局改变，即页面中的整体模块布局发生变化，主要有：
　　模块位置变换；
　　模块展示方式改变：隐藏展开；
　　模块数量改变：删减增加；

7个细微但是高效有用的习惯今天想到一些，不一定细微，不一定高效有用。从设计师的角度，我提供一些自己认为对自己有用的习惯。欢迎大家提供更多。1，尊重同事在公司环境，同事天天见到，无论是新同事还……25条超实用的简约原则第二趴第二趴的9条简约原则来啦，根据作者挑选的作品，感受下简约设计带来的视觉体验。从中你学到了什么呢？09。打破规则如之前所提到过，在极简主义中，你可以尝试到在其它风格中……如何打造一个高大上的图片展示网站？如何打造一个图片展示网站呢？光有漂亮的图片是不够的，重要的是合理的布局设计，为内容呈现提供基础。来看看以下的处理方法吧。我想你已经搜集了许多德味漂亮的图片了，那么接下来你……网页大图片应用技巧浅析用图像创造场景感，增强用户的真实体验，近些年来，图片作为背景填充整个屏幕的设计越来越广泛，曾经只有时尚潮流网站或者摄影类站点才会特别依赖富有冲击力的图像，但是现在几乎任何类型的……如何运用理科知识让设计师的图片大受欢迎？编者按：理科生也能玩设计！今天北京华创精益另辟蹊径，从科学的角度来分析如何吸引受众的视线，有哪些技巧可以运用。4条有关视觉科学的经验我们喜欢将各种话题归结……关于AppleWatch，WatchApp的工程师怎么说增哥导读：文章从不同方面对AppleWatch进行了解读，交互，表现，布局，传感器等等。作为设计师应该早早做好准备，也许下一波浪潮很快就到来。今年1月份有幸应苹果邀请，秘……〔译文〕移动电商网站中轮播组件用法研究看到这个标题你内心里或许会充满疑惑，我在写这篇文章之前，也曾经有很多疑问。你去问任何一个人，他们都不会推荐使用轮播这种模式。但是轮播本身并不是那么一无是处。本文将基于真实的数据……干货：关于响应式布局【导读】响应式布局是在如今屏幕尺寸越来越多样化趋势下的解决之道，但是该如何去做响应式布局呢？在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种……25条超实用的简约原则第一趴编者按：大受欢迎的简约设计有没有原则可循？今天同学从简约设计的实战案例中挑选了一组优秀的作品，将它们层层剥开，提炼出25条简约设计的原则，精辟实用，借鉴……交互设计入门完全指南（上）准备好涉足交互设计了吗？在这篇文章中，作者对交互设计的各个方面做了简单介绍：包括历史、原则、知名设计师，以及他们的设计方法等等。即便你已经是一个交互设计师，这篇文章也值得一读。……【译文】口袋中的应用：交互界面重思考【译者注】本文是设计师GoldenKrishna新书《TheBestInterfaceisNoInterface》中的部分节选，探讨了“屏幕外的用户体验”相关内容。清楚记……界面设计时该如何面对视觉误差？编者按：前几天的“蓝黑白金”事件，已经有设计师同学揭秘了误差的原因，木想到今天百度的同学出了升级版的教程，聊聊界面设计过程中，遇到视觉BUG时的处理方法，非常涨姿势的一篇实用文……