张帆

摘要：高校网站多以学生为主要受众群体。学生群体的信息获取方式又以移动智能终端为主，所以传统高校网站设计以电脑为主要浏览界面的形式亟待改变。响应式设计使高校网站界面设计的多设备兼容成为可能。

关键词：高校网站；响应式设计；界面设计；移动终端设备

随着智能移动设备的广泛使用，网站来自移动端的浏览量逐渐增大。高校网站需要面向广大学生，而学生群体更加依赖于手机、平板电脑等移动终端设备，这一受众特点使高校网站面对各类设备的兼容性要求更高。不仅如此，各类便携式智能设备不断推出，例如APPLE WATCH、VR等等，使得网页界面的尺寸产生了更多的变化。网页界面的尺寸产生改变，网页内容也势必要进行相应的调整。若针对如此之多的终端类型，都一一进行相应设计与调整，势必要耗费巨大的人力物力，而响应式设计就在此时应运而生了。响应式设计作为一种新的设计概念，能够使网站针对不同设备环境进行响应和调整，实现一个网站对多种设备终端的兼容。

一、响应式网页界面设计特点

响应式设计的提出者 Ethan·Marcotte 曾经说过，响应式设计不是“为移动设备而设计”，它也不是“为台式机而设计”，它是关于采用灵活的、设备无关的方法来为 Web 进行的设计。响应式设计不是一项新的技术，而是对已有的多项技术的整合。它最初是指网页本身能够自动识别屏幕尺寸，根据其尺寸做出相应的调整，使用户在各种现实屏幕上均能实现对网页内容的流畅阅览。……