做好响应式网站的十个建议：
1.计划与往常一样，计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题，你就已经准备好建立你的站点了。
2.良好的导航设计，当用户打开网站时候，首先关注的就是导航。所以，导航设计在样式和位置上，需要下功夫;在导航样式上，包括浮动式导航、渐变式、顶部固定等形式的导航，不少响应式网站都有应用。在导航的位置选择上，通常都是选择用户注意力较为集中的地区，一般来说，左上侧、顶部，都是用户视觉集中区域。响应式网站需要关注导航在手机和平板上的打开效果，如果导航在屏幕中的尺寸、动效，不太合理，是无法吸引用户注意力的。
3.充分利用好原型软件，推荐使用Adobe Edge Reflow，它能让你使用媒体查询，在程序内设置断点并设计适配桌面电脑、平板电脑和手机的布局。然后，你可以将CSS复制到另一个像Adobe Dreamweaver或者其他HTML编辑器来进一步优化你的设计。
4.风格的一致性，响应式网站应该保持统一的风格。因为用户的注意力时间变短了，让用户进入一种风格，就应该减少对用户的干扰。此时变化风格，用户会“出神”。所以，一个网站好是拥有一种风格，甚至将两种风格融合的做法，都应该谨慎。
5.首先考虑一个移动端策略，如果你是第一次创建手机网站，接着就可以扩大规模，在平板和桌面电脑上设计网页了。这三个平台的重点都在网页logo和文字上。如果文字能在移动设备上能读得很轻松，然后你在平板和台式机平台上就不会有什么问题了。
6.网站内容为王，响应式网站会大量使用图片，包括背景图、元素图、渲染图等等。但是图像信息有两个弱点：其一，传达的信息不够精准。同样的一张图片，不同的用户会理解出两种意思。其二，传达信息线路较长，需要用户运用联想、类比等思维，才能了解到图片的主题。相反，文字内容就弥补这样两个缺陷。文字可以将一种意思精准地传达给用户，还能够直接传达。所以，响应式网站一定要有文案说明。特别是借助图文的方式，能更好、更精准、更直接地表达情感和内涵。
7.谨慎使用导航，如果你的站点只有两到三个导航按钮，你可以把这些按钮包含在屏幕上一个简单的菜单里。如果有更多的菜单元素，你可能想考虑创建一个有下拉菜单项的单个图标。
8.适当地留白，我们都应该有这样的体验：在背诵一段文字的时候，会背了，然后几天不看，再回去复习，对内容记忆反而更深。反倒是，不断地去看，反而记不住。这就是留白对记忆的作用。响应式网站留白设计，一方面是遵循这样的人类记忆逻辑，留白反而加深了用户对信息的记忆，这在碎片时代，更加关键。另一方面，留白，可以让响应式网站在小屏幕的移动设备上，有更好的展示效果。
9.先大致把网站创建起来，整然后才开始写代码，这样能保证他们做到客户想要的外观和感觉。当创建一个移动端的页面时，非常重要的一点是把按钮设计足够指尖能覆盖住那么大，另外一点就是使界面保持既简洁又实用的状态。许多设计者倾向于往移动端界面添加太多的元素，这会导致设计和实用性的问题。当有疑问时，保持简洁的页面就好了。
10.好的排版，说到排版，今天的设计师在字体选择、网站风格上，似乎选择更多。但是似乎不够精准。那一种字体更能够与网站主题相匹配，什么样的字间距、行高，能够让用户体会到美感。这其中大有学问，但是响应式网站设计师似乎研究的还不够深入。总之，在注意力短暂的时代，如果抓住用户注意力，并且让其进一步操作和深入进去，这是响应式网站设计师应该去思考的大问题。
做好响应式网站的“四不要”：
1.不要优先为桌面版设计开发者通常会犯的一个常见错误，他们设计网站时优先考虑桌面版，因为在这些人眼中，将基于桌面版的网站转变为针对其他设备的响应式web设计是件很轻松愉快的事情。但是，这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题。甚至会造成返工，当然，大量的错误也会蔓延出来。
3.不要忽视页面的加载时间随着宽带的普及，网页开发者开始习惯在页面上大量的使用相对来说较大的资源。然而，当我们使用手机时，我们的用户使用的是较慢的2G和3G网络。同样的，那些保持minf国际的用户，他们是按使用的带宽量来付费的。一个页面在台式机上很快的加载进来，但是，在手机上加载一个页面会花费很长时间或者去使用额外的、昂贵的带宽。更糟糕的是，当用户被迫去等待页面加载时，即使是几秒钟，他们会离开这个页面，同时你就会失去了你的流量。4.不找经验浅的人做前端开发web前端技术属于门槛低，但是水很深的职业，所以设计师也会做前端，有人自学两天也可以做前端，但是不要忽视了web前端是以细节取胜的，好坏的分辨全在细节，包括合理的布局，这个对做效果尤其重要，规范的css代码，这个对兼容性有很大影响。特别是响应式网站制作，需要有扎实的基本功和多年的经验。
2.不应隐藏内容响应式设计通常会有更少的空间展示图片和内容，但是这并不意味着你的内容应当被忽略。你不得不采取一种方式重新安排内容，使其能够保证易读性。这个比较容易实现，可以通过创建导航链接并且使用锚，是用户在一个页面中能看到他们一直在寻找的内容。那些通过CSS布局控制内容隐藏的应当明白，这些内容依然会被加载，因此，你通过为用户提供完整的观看体验也没什么大不了。简单而言，用户不应该由于他们所使用的设备而遭受开发者的“惩罚”。
