设计师设计响应式网站的时候注意些什么
响应式网站设计的注意事项——隐藏菜单 在响应式网站设计中，所谓的隐藏菜单实际上简化了界面。大量的菜单项被设置在一个小的菜单图标上。当用户点击弹出的图标时，可以大大节省响应网站的空间，为移动小屏幕浏览提供空间。
页面宽度自适应：在不同宽度的设备上显示，页面也不能水平滚动。使用微企点自助建站在移动端更需要做好相应工作，使网站展现效果更佳。 鉴于设备与网速有差异（电脑和手机，WiFi和GPRS流量等），对于图片需要一定的优化，如分辨率、大小等。
字体优化 企业建站技术中应该进行字体优化，设计师认为这样的做法是正确的，建站的过程中注意到了设备和网页上面的字体的大小，最终却忽略了用户看到的实际的大小，也就是网站一定应该具备的就是响应的可持续性，并且这样的网站的字体考虑过程中也是非常重要的，进行测试的过程中也应该考虑其中。
选择适合的页面尺寸 一般情况下，企业会把全部资源都放在网页页面上，如文本、照片等，会让页面的主题变得很鲜明。这种做法是能减少网页的载入速度，响应式网页设计方案最好能控制在69K之内。不要让客户等太长时间，否则会关闭网页离你而去。
响应式网页的设计要求确定核心产品定位 虽然响应式设计可以适应不同的屏幕，但是设计师在设计时仍然需要确定产品的核心定位。需要哪些特性来给用户更好的体验？毕竟，在手机和可穿戴设备的小屏幕上不可能显示太多复杂的信息。按钮功能应该显示在第一个屏幕上。
不要优先为桌面版设计 开发者通常会犯的一个常见错误，他们设计网站时优先考虑桌面版，因为在这些人眼中，将基于桌面版的网站转变为针对其他设备的响应式web设计是件很轻松愉快的事情。但是，这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题。甚至会造成返工，当然，大量的错误也会蔓延出来。
企业应该如何建设响应式网站
通栏式布局，如果网站上要放的内容不多，则可以用通栏式响应布局，这样做的响应式网站容易突出主题，是一种简单有效的排版方式。
响应式网站建设解决方案 合理的结构规划： 采用max-width或min-width策略，从大屏幕开始，逐步向下或向上调整布局，移动优先的思路使得代码更精简，满足不同设备的需要。 响应式规则设计： 不同内容在不同设备上展现的形式各异，如导航栏在小屏幕可能需要折叠，而大屏幕则可能显示更多细节。
第响应式网站的基本概念分析。响应式网站顾名思义能够依据客户端进行智能化的调整，而不需要用户人工干预。
响应式网站设计的注意事项是什么?
1、响应式网站设计的注意事项——隐藏菜单 在响应式网站设计中，所谓的隐藏菜单实际上简化了界面。大量的菜单项被设置在一个小的菜单图标上。当用户点击弹出的图标时，可以大大节省响应网站的空间，为移动小屏幕浏览提供空间。
2、要重点设计好网站的关键断点 由于响应式网站的设计是针对手机用户，电脑端用户以及其他电子阅读设备等用户的，这些设备的屏幕大小存在着差异。
3、一个响应式的图片库的设计需要考虑多种因素，请务必牢记用户的不同浏览场景。触摸屏上使用手势操作几乎是用户的本能了。所以，在设计响应式图片库的时候，滑动操作等手势操作赋予用户更多的权力，让体验更加逼真。在移动设备上使用箭头导航太过于乏味、老旧，手势交互更加自然也更符合真实的交互体验。
4、字体优化 企业建站技术中应该进行字体优化，设计师认为这样的做法是正确的，建站的过程中注意到了设备和网页上面的字体的大小，最终却忽略了用户看到的实际的大小，也就是网站一定应该具备的就是响应的可持续性，并且这样的网站的字体考虑过程中也是非常重要的，进行测试的过程中也应该考虑其中。
响应式网站应该如何进行设计
1、响应式网站建设解决方案 合理的结构规划： 采用max-width或min-width策略，从大屏幕开始，逐步向下或向上调整布局，移动优先的思路使得代码更精简，满足不同设备的需要。 响应式规则设计： 不同内容在不同设备上展现的形式各异，如导航栏在小屏幕可能需要折叠，而大屏幕则可能显示更多细节。
2、如何将任何网站转化为响应式网站（作者 Rochester Oliveira）这篇教程同样是从响应式设计的基础概念开始，作者熟练地分析解读了常见的标签，在文中后半段还传授了一项极有价值的.技能：教你如何将现有的网站转化成为一个响应式的站点。
3、优先小屏幕做设计可能大家会认为要先从大屏幕设备开始做，但是你会发现大屏幕上面的内容压缩到手机上面显示，就会出现比例不协调的问题，图片会变得比较扁。但是假如开始就是在手机上面做设计，那么在大屏幕上基本上就不会有太大的问题。而且还可以更好的根据核心产品以及功能区进行设计。
4、响应式网站建设制作步骤：选择域名：域名主要是根据网站的主题和范围来选择的，而主机则是根据网站对大小、安全和稳定性的要求来选择和确定的。
5、要重点设计好网站的关键断点 由于响应式网站的设计是针对手机用户，电脑端用户以及其他电子阅读设备等用户的，这些设备的屏幕大小存在着差异。
利用axure进行响应式自适应网站的设计
产品经理利用axure设计原型。 原型讨论定型后由UI人员设计图标，更新到axure原型中。 由axure生成 自适应的响应式网站 设计的html文件。
首先，通过Axure RP生成的代码不能用于初始开发，除非你使用生成的网站中的模板或框架来便携HTML和CSS。 由于这个限制，自适应视图不能用于前端编码方案的验证。但这不是Axure RP或者是UX原型设计过程的目的，所以它没有那么多的限制，只是需要注意一下。 另外一个限制是会影响Axure RP共享项目的团队协作。
双击打开AxureRP8设计软件，在基本元件中拖曳一个矩形1到画布上。再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。再拖曳一个占位符到矩形框下方。在右侧属性里自适应勾选“启用”，弹出“影响所有视图”。
列举响应式web设计需要应用哪些技术
响应式web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。
webapp框架是一种简单的与WSGI兼容的网络应用程序框架，可以与AppEngine配合使用。不必为了使用AppEngine而使用webapp：网络服务器支持任何使用CGI的Python应用程序。webapp提供一种简单的方式来开始为AppEngine开发应用程序。响应式网页设计的大部分技术，是可用在WebApp开发中的。
响应式网页的设计策略一般采用媒体查询技术，设置了小屏幕、中屏幕和大屏幕三种布局方案。采用移动优先策略，先设计小屏幕布局。小屏幕显示空间有限，在设计上要细化内容，突出主要内容，简化形式，折叠导航，减少横幅广告。在屏幕布局中，可以扩展导航，适当地放大横幅，并在内容区域中显示四川字体和骨架布局。