基于响应式的移动端网页界面设计与实现

摘要

响应式技术使网页界面具有自适应性，并在任一可联网设备上以最合理的布局呈现给用户，为移动端网页开发指明了新的方向。快捷的反应和友好的使用体验本应是移动端网页具有的特质，而响应式技术在移动端网页的应用上却存在诸多不足之处。
　　本文在开篇绪论部分简述了移动端网页的发展历程和应用现状，移动端网页在其应用情景和交互方式上与PC端有着巨大差别。移动端网页的设计及响应式技术的应用仍不够成熟，综合性原因导致响应式的移动端网页在移动设备上暴露出加载缓慢等问题，只有对其进行优化，才能让基于响应式的移动端网页更加满足用户的使用需求。本文从视觉、技术和交互三个方面，阐述了目前响应式的移动端网页界面设计中存在的问题，并提出具体可行的优化方法。
　　本文将非响应式导航与响应式导航进行对比，证明了响应式导航具有极强的自适应性，可适应设备变化，而非响应式导航则不能根据设备调整布局。同时，本文阐述了多种适用于移动端网页的响应式导航设计形式。本文总结了响应式的移动端网站的关键设计流程，最后通过响应式的移动端网站实践对前文总结的优化方法进行可行性验证。

目录

声明

第一章 绪论

一、课题研究背景

二、课题的研究价值和意义

三、研究内容和方法

四、论文结构和安排

第二章 移动端网页导航元素分析

一、非响应式导航与响应式导航的差异

二、适用于移动端网页的响应式导航

第三章 移动端网页界面可优化的方向

一、视觉优化

二、技术优化

三、交互优化

第四章 基于响应式的移动端网页界面的设计流程

一、原型设计

二、构建基本的HTML页面

三、利用CSS构建响应式布局

第五章 响应式的移动端网页界面的实践

一、视觉设计

二、响应式布局设计

三、响应式导航的设计

第六章 总结与展望

一、全文总结

二、展望

参考文献

致谢

附录 在读期间发表的学术论文与研究成果