我曾kan到经验丰富的设计师和开发者主要原因是沟通不畅和误会导致项目失败， 也见过新手设计师和开发团队一起tong过高效协同，Zuo出惊艳无比的设计项目。在项目之初充分的磨合，Neng让项目在后续的快速迭代中geng为流畅。足够和谐的沟通不仅有利于工作，而且Neng让整个团队保持情绪的稳定性。

优先专注“极端”尺寸

推荐当前常用设备中Zui小和大的情况：

× px

这些适配Neng与不Neng、 该与不该的问题上，尽量不要同你的开发团队去“假设”huo者“推测”。积极主动地去确定这些信息，在你负责开发的同事还没有Zuo太多之前，和他们达成共识。dui与复杂的布局改变，事先绘制先框图huo者草图来单独说明，是fei常明智的选择。dui与一些不那么重要的特性，tong过简短的讨论huo者电子邮件通知就足够了，多损啊！。

从基础元素开始思考， 使用模块化设计

在日常的网页设计中，大家dui与静态的线框图投注了如此之多的关注，dan是在Zuo响应式设计的时候，应该始终谨记页面内的布局是流动的。这也就意味着， 人间清醒。 你网页的用户绝大多属时候所体验到的页面其实是它的“中间态”。suo以你必须考虑yin为屏幕尺寸大小的转变，布局设计的每一个调整和改变。

当然你的用户的实际情况可Neng略有不同，稍加调查，确定“极端情况”。

设计师和开发者共同参与设计会议

容我插一句... 有些设计师在产品设计会议、可用性设计环节和其他的沟通环节不让开发者参与或提供反馈。这种放任和封闭是错的。要知道，经验丰富的开发者在产品、体验和设计领域同样有着极为丰富的知识。让他们参与到这些环节中，Neng让产品geng加成熟。

掌握CSS的实战技巧

探探路。 掌握CSS的实战技巧不仅Neng够提升设计效率，还Neng让网页geng加美观和响应式。tong过以上实战技巧，你可yi轻松提升网页设计的效率。类选择器比标签选择器geng具体，Neng够减少浏览器匹配元素的时间。

设计早期与开发团队协作

想象一下 你正在设计一个带有大标题、高清大图和表单的注册页面。由于网页是响应式的，suo以suo有这些元素dou会yin为设备和屏幕的转换而变化尺寸。 总的来说... 那么在项目研发早期，应该同开发团队一起钻研，敲定页面所涉及的各个细节。

优化服务器、 网页设计、图片资源和代码

suo以呢，本文章将分别从优化服务器、优化网页设计、优化图片资源和优化代码四个方面为大家详细介绍优化网站响应时间的有效方法。 没眼看。 先说说可yitong过增加带宽和升级硬件配置来提升服务器的性Neng，减少响应时间。

响应式图片格式和尺寸的选择

在我看来... dui与响应式网页设计使用不同尺寸和压缩率的图片是fei常常见的。图1: YSlow图标和显示网页加载时间的里程表。添加期限头部：80%的页面加载时间dou于下载脚本、图片以及CSS有关。

优先专注小而可复用的组件

suo以 在与开发者交接的过程中，我会优先专注小而可复用的组件，主要原因是它们Neng给不同平台不同设备带来相同的用户体验和视觉效果。这种一致性会geng容易为开发团队所消化吸收。

设计流程的启示

我的响应式网页设计流程深深地受到了Brad Frost的Atomic Web Design和Jonathan Snook的SMACSS的影响。两个框架dou依靠小而可复用的基础组件来实现强大的，我不敢苟同...。

设计早期考虑极端尺寸

刚刚开始响应式网页项目的时候，从用户Zui常见的大和Zui小尺寸设计着手。当你面对Zui小的屏幕的时候，你需要在小屏幕上呈现出Zui重要的内容，如何选取是一件颇为费神的事情，实际上...。

设计静态页面与动态视角

当你面对着手机屏幕和桌面端显示器这两种极端的屏幕尺寸之时疑问会自只是然出现。有的设计师打一开始就从动态的视角开始他们的设计， dan是绝大多数的设计师仍然是从静态的页面开始着手设计的：选择一个固定的高度和宽度，绘制相应的草图huo者视觉稿，无语了...。

在这篇文章中，你会kan到5个帮助您加速网页响应时间的简单而有效的技术的相关讨论。Primed Cache是另一方面 显示了Yi经存在于用户浏览器缓存中的文件列表，从而节省了浏览器不必 下载文件的请求，操作一波...。