基于响应式的移动端网页界面设计与实现
| 摘要 | 第7-8页 |
| Abstract | 第8页 |
| 第一章 绪论 | 第9-15页 |
| 一、课题研究背景 | 第9-12页 |
| （一）响应式的移动端网页界面概述 | 第9-10页 |
| （二）响应式网页界面设计的现状评述 | 第10-12页 |
| 二、课题的研究价值和意义 | 第12-13页 |
| 三、研究内容和方法 | 第13页 |
| 四、论文结构和安排 | 第13-15页 |
| 第二章 移动端网页导航元素分析 | 第15-23页 |
| 一、非响应式导航与响应式导航的差异 | 第15-17页 |
| （一）PC端导航无法在移动设备上使用 | 第15-16页 |
| （二）移动端导航无法根据设备调整布局 | 第16-17页 |
| （三）响应式导航可在多终端自适应 | 第17页 |
| 二、适用于移动端网页的响应式导航 | 第17-23页 |
| （一）使用原生选择菜单收纳导航项 | 第18-19页 |
| （二）水平滚动导航避免折行显示 | 第19页 |
| （三）使用下拉列表导航拓展导航容量 | 第19-20页 |
| （四）侧滑导航 | 第20-21页 |
| （五）顶部菜单导航 | 第21页 |
| （六）悬浮按钮导航 | 第21-22页 |
| （七）将导航设置于页面尾部 | 第22-23页 |
| 第三章 移动端网页界面可优化的方向 | 第23-42页 |
| 一、视觉优化 | 第23-33页 |
| （一）扁平化设计 | 第23-26页 |
| （二）为界面添加动画效果 | 第26-28页 |
| （三）使用响应式图标 | 第28-29页 |
| （四）高清屏下图像显示质量的调整 | 第29-30页 |
| （五）网页内容的展示方法 | 第30-33页 |
| 二、技术优化 | 第33-36页 |
| （一）移动优先的设计 | 第33-34页 |
| （二）适度的模块化设计 | 第34-36页 |
| 三、交互优化 | 第36-42页 |
| （一）适合单手操作的界面设计 | 第36-39页 |
| （二）添加手势操作 | 第39页 |
| （三）增加界面反馈 | 第39-42页 |
| 第四章 基于响应式的移动端网页界面的设计流程 | 第42-48页 |
| 一、原型设计 | 第42-44页 |
| （一）从构思到创建草图 | 第42-43页 |
| （二）利用线框图让想法成形 | 第43页 |
| （三）原型制作 | 第43-44页 |
| 二、构建基本的HTML页面 | 第44-45页 |
| （一）结构化语言HTML | 第44页 |
| （二）构建基于响应式的HTML文档 | 第44-45页 |
| 三、利用CSS构建响应式布局 | 第45-48页 |
| （一）网页样式文件CSS | 第45页 |
| （二）设置移动端网页基础样式 | 第45-46页 |
| （三）使用媒介查询向上设计 | 第46-48页 |
| 第五章 响应式的移动端网页界面的实践 | 第48-56页 |
| 一、视觉设计 | 第48-51页 |
| （一）扁平化的界面设计 | 第48-49页 |
| （二）矢量图标的设计 | 第49-51页 |
| 二、响应式布局设计 | 第51-52页 |
| 三、响应式导航的设计 | 第52-56页 |
| （一）全局导航的设计 | 第53页 |
| （二）局部导航的设计 | 第53-56页 |
| 第六章 总结与展望 | 第56-58页 |
| 一、全文总结 | 第56页 |
| 二、展望 | 第56-58页 |
| 参考文献 | 第58-61页 |
| 致谢 | 第61-62页 |
| 附录 在读期间发表的学术论文与研究成果 | 第62页 |
