文献综述
随着移动互联网的越来越普及,越来越多各式各样的移动设备出现在人们的日常生活里,如移动电话、平板电脑、智能手表等,它们显示屏的分辨率各不相同,若网页设计者为每种设备和分辨率开发一个适应它们屏幕大小的页面,这样的设计会产生效率极低的情况,而且对于网页动态的更新也更加不便。如果按照传统网页设计方式去设计网页,面对越来越多的便携式终端和终端下的众多型号,为每一种型号打造一个网页,然后等待这些终端更新换代时又要把所有网页重新做一遍,这种情况下导致的局面就是所有的网页将需要为适应各种终端而频繁的更改,除此之外还需要制作各种各样的不同分辨率以及大小的网页版本,在强调智能化和自动化的现在肯定是费时笨拙,不合时宜的方式。而且,在网页设计和开发高度市场化的今天,这种过时方法肯定会很快被市场淘汰,而且当我们想要为每一种不同设备的不同分辨率去各自设计一个独一无二的版本的想法是根本行不通的,虽然这样做可能会受到一些特定设备用户的青睐,但是我们失去的将是绝大多数的不使用这种设备的用户。此种情况下,响应式网页的出现就为我们解决了这一困扰。跨终端网页的实现最终关键还是需要依附于响应式网页的设计,它使得网页能够根据访问设备的环境(包括屏幕分辨率、访问的浏览器、设备的类型、设备的配置等)对自身进行调整,如根据访问设备分辨率的大小对网页和图片的像素、尺寸等进行适当调整,这样对移动终端使用者无疑提供了更加舒适的视觉浏览感受。换而言之,无论人们的移动设备是iPhone、iPad、小米手机、kindle、或者是时下最流行的iwatch,都可以为它们的显示屏打造特定的一款网页页面——因此响应式网页页面分辨率必须兼容任何设备。响应式网页设计的实现必须运用最新的设计手段,比如使用弹性布局、CSS media query、甚至还有一些扁平化图标。所以,不管是使用笔记本还是iPad或者是移动手机客户端的用户浏览网页,响应式的网页都能自动适应然后进行分辨率的调整,页面和图片大小都会发生相应的变化。响应式网页的出现就是避免我们为每一种设备做专门的设计研究与开发,从而能够自动响应各种不同的设备。总而言之,响应式网页的盛行是为了使我们在设计网页的过程中能更加简化设计的流程以及提高工作效率。针对目前各执己见的响应式网页界面设计风格,本文试着从响应式这一词谈起,追溯响应式网页起源,定义响应式网页的特征以及设计原则。把APP和响应式网页开发进行对比,总结出响应式兴起的必然性和自身的局限性,具体分析了响应式设计兴起的几点缘由。从界面设计的角度剖析响应式网页带来的种种变化,指出响应式界面设计的本质不仅仅外观形式的新颖,更是要强调多终端多设备情况下响应式的运作。通过对多种网页界面的响应式进行分析,从字体、图片、颜色、版面等各个方面详细论述响应式风格的设计要求。针对这些情况,结合作者自身设计实践作品,来验证本文的实践价值,为界面设计提供值得参考的有效建议,建立起一套响应式网页界面设计的准则。
随着科技的快速发展，越来越多的智能移动设备出现在我们的日常生活中，智能移动设备为我们上网提供了便捷的方式，我们上网不再受限于时间和场地。因此注重用户体验的网站为了适应各式各样不用分辨率的上网设备，便开始将自己原有的传统式的网站向响应式网站转变。2010年，Ethan·Marcotte提出了响应式Web设计的概念。Ethan·Marcotte说道：“响应式不是专为lsquo;移动设备而设计rsquo;，也不是专为lsquo;台式机而设计rsquo;，它是采用灵活的、与设备无关的方法来为网页进行设计。真正的响应式设计不仅仅是依照可视区域大小而进行网页设计布局，而是从整体上改变当前网页的设计方法，是能够对任意设备的网页内容进项完美布局的。”按照目前移动互联网的发展趋势，可以预见在不远的将来，移动互联网端的数据流量将超越PC端数据流量。响应式web设计（Responsive Web design）可以为不同设备环境（系统平台、屏幕尺寸、屏幕方向等）用户提供更加舒适友好的操作界面及用户体验。为了解决各种移动设备兼容显示网页的问题，以确保良好的用户体验，提出了响应式网页设计技术。研究了web前端开发框架Bootstrap，分析其在响应式网页设计中的作用，并以数字媒体技术专业介绍为背景。设计并构建了基于Bootstrap框架的响应式网站，实现了移动端与PC端网页显示的一致性。响应式网页设计理念就是在这样的环境下提出的。响应式网页设计作为一种新的设计理念。能实现一个网站对多种设备的兼容。移动互联网发展迅速。各种智能设备层出不穷。如何开发一个在所有环境中都表现卓越的网站成为当今的Web设计师不得不面对的重要课题。由于响应式网页设计可以在不同使用情境下提供较优选的用户体验。因此成为顺应互联网发展趋势的设计实践。并且响应式Web的设计的关键技术也得到完善。响应式Web的设计关键技术是移动互联网开发热点。主要是因为响应式Web设计整合了媒体查询(media queries)、弹性视觉媒体和流动布局(fluid grids)。使得Web网页得到合理优化、视觉媒体能按照特定布局进行动态布局、流动布局能创建可缩放、可流动的弹性版式。这是Web技术的进步。笔者通过查阅相关文献和整理相关数据。展开对响应式Web设计概述及关键技术、响应式Web的开发流程、响应式Web的优势等展开分析。
随着互联网行业的发展和智能移动设备的使用率的快速增长，为了降低企业的开发成本以及提升用户的使用体验，响应式网页已经成为了现代企业开发的主流。对于开发者而言响应式网页能使我们在设计网页是能够简化设计流程及提高开发效率，对于企业来说响应式网页避免了网页的重新设计，能够大幅度减少人力成本，提升收益。我相信响应式网页设计必定会成为当代最受欢迎的网页设计方法，并在广大开发人员的努力下不断完善。
本次课题以制作一个化妆品网站为例，设计实现响应式web布局的电商购物网站，研究基于web的开发模式，满足常见的设备的响应式设计，并设计实现会员登录注册，以及购物车功能。
以上是毕业论文文献综述，课题毕业论文、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
