一、文献综述
（一）国内外研究现状
1.响应式设计研究情况
如今，个人电脑、平板电脑、智能手机等这些电子设备种类繁多，如果一个网站在个人电脑上显示完好，但是在手机屏幕上打开时会出现溢出、网页出现横向滚动或者网页在手机上被极度缩小等问题，无法辨识。一个网站怎样在数十种屏幕上完美显示，成为大家所关注的问题。如果要针对每一种终端各做一套页面， 太耗费人力，维护起来也很困难。而响应式网页设计是一种新的设计思维，解决了一个网站在各种屏幕上达到最佳显示效果的问题。
响应式网页设计 Responsive Web Design）是Ethan Marcotte在2010年提出的，最初是指可以自动识别屏幕宽度，并做出相应调整的网页设计，现扩展页面的设计与开发应当根据用户的行为以及设备环境，能够进行自动的响应和相应的调整，做到“一源多屏”。
响应式设计基于三大技术：媒体查询、流式网格布局、弹性图片。媒体查询（ Media queries） 是对设备的特点（通常是浏览器的宽度）进行识别[5]，从而确定使用不同的CSS样式；流式网格布局（Fluid Grids） 是在布局时将页面内容元素设计成屏幕宽度的相对值，并使用相对尺寸单位如百分比（%）或字体比例（em），如某一个方块占屏幕宽度的20%，而不是如网页设计常用的绝对单位如像素（px）；弹性图片（Fluid Images）是以相对单位调整大小或被相应剪裁，当屏幕变小时，图片相应变小。由于形式追随功能，受技术的影响，响应式网页设计的界面形成了一定特点。响应式网页一般结构较为简单，网页功能并不复杂。对结构复杂，功能繁多的网站进项响应式设计。国内电商网站通过手机端访问时会跳转到手机访问站点进行访问。
2.扁平化设计的研究情况
随着互联网在生活中越来越常见，不再需要拟物化设计引导人们尝试和转移到手机上。在信息传递上要方式由繁到简，表容由简到繁。因此，摈弃多余的装饰，如阴影、透视、纹理、渐变等，以抽象化、简洁化、符号化的设计元素将信息和事物的工作方式展示出来的扁平化设计风格逐渐成为设计的主流。其风格特点为抽象新颖、色彩丰富、清新质朴、网格设计明显。
扁平化设计使用的都是基本形状，去除了渐变、阴影等装饰性效果，弱化了视觉上的复杂性，突出了每个元素所表达的信息本身。另外，由于扁平化设计的元素的这些特点，其具有更广泛的适用性，扁平化设计更适合“小屏幕”时代。在美观性与识别性上，拟物化设计的丰窗细节缩小后容易显琐碎，而扁平化却往往简洁大方、恰到好处。同时，拟物化设计精致细腻的特征不仅增加了设计制作的人力成本和时间成本，也提高了接收端的流贵成本，而扁平化设计则反之。
以上是毕业论文文献综述，课题毕业论文、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
