| 中文摘要 | 第3-4页 |
| abstract | 第4-5页 |
| 绪论 | 第8-13页 |
| 一、研究背景 | 第8页 |
| 二、研究目的与意义 | 第8页 |
| 三、国内外研究现状 | 第8-9页 |
| 四、研究思路与方法 | 第9-10页 |
| 五、研究内容与研究框架 | 第10-12页 |
| 六、创新点 | 第12-13页 |
| 第一章 响应式网页设计概述 | 第13-18页 |
| 一、响应式网页设计的必要性 | 第13页 |
| 二、响应式网页对于用户体验的重要性 | 第13-14页 |
| 三、响应式网页设计的优势与劣势 | 第14-15页 |
| 四、响应式网页设计页面布局特点 | 第15-17页 |
| (一)单页单栏布局 | 第15-16页 |
| (二)背景大图、多列布局 | 第16页 |
| (三)栅格布局 | 第16-17页 |
| (四)经典“F”式布局 | 第17页 |
| 小结 | 第17-18页 |
| 第二章 国内外设计院校网页设计对比分析 | 第18-32页 |
| 一、国内外设计院校网页设计现状对比分析 | 第18-22页 |
| 二、国内外设计院校网页视觉元素对比分析 | 第22-31页 |
| (一)网页主体颜色的对比 | 第22-24页 |
| (二)网页界面字体的对比 | 第24-26页 |
| (三)网页界面留白的对比 | 第26-28页 |
| (四)网页界面导航的对比 | 第28-31页 |
| 小结 | 第31-32页 |
| 第三章 设计院校响应式页面设计优化原则与视觉原则 | 第32-38页 |
| 一、设计院校响应式网页设计优化原则 | 第32-34页 |
| (一)页面设计兼具艺术性和体验感,避免页面冗杂 | 第32页 |
| (二)页面设计遵循内容优先于布局,重点展示信息突出 | 第32-33页 |
| (三)页面设计栏目适量归类避免层级过深 | 第33页 |
| (四)页面设计要优先考虑小屏幕 | 第33-34页 |
| 二、设计院校响应式网页设计的视觉原则 | 第34-37页 |
| (一)背景大图平铺自动响应不同设备 | 第34-35页 |
| (二)中心定位营造视觉焦点,两端自动响应页面需求 | 第35-36页 |
| (三)单侧定位由中心延展进行排列,内容合理分布 | 第36-37页 |
| 小结 | 第37-38页 |
| 第四章 国际设计艺术学院响应式网页设计实践 | 第38-55页 |
| 一、国际设计艺术学院响应式网页设计思路 | 第38-39页 |
| (一)网站发展概述 | 第38页 |
| (二)网站用户定位 | 第38-39页 |
| (三)网页设计主体颜色应用及氛围的营造 | 第39页 |
| 二、响应式网页信息架构 | 第39-42页 |
| 三、响应式网页概念设计 | 第42-43页 |
| 四、网页设计兼具国际性与民族地域性 | 第43-44页 |
| (一)网页设计蒙古族元素的选择 | 第43-44页 |
| (二)网页设计蒙古族元素应用原则 | 第44页 |
| 五、网页的合理性布局 | 第44-45页 |
| 六、响应式网页技术要素的应用 | 第45-50页 |
| (一)使用媒介查询,响应多终端设备 | 第45-48页 |
| (二)应用弹性流动布局,页面自动调整 | 第48-49页 |
| (三)应用弹性图片技术,内容更加灵活 | 第49-50页 |
| 七、网页交互设计 | 第50-54页 |
| 小结 | 第54-55页 |
| 结论与展望 | 第55-56页 |
| 参考文献 | 第56-58页 |
| 附录 A | 第58-68页 |
| 附录 B | 第68-73页 |
| 附录 C 响应式网页设计——你好，歐 | 第73-77页 |
| 致谢 | 第77页 |