| 摘要 | 第9-11页 |
| Abstract | 第11-12页 |
| 第一章 绪论 | 第13-18页 |
| 一、课题研究背景及意义 | 第13-16页 |
| 二、课题研究内容 | 第16页 |
| 三、课题研究方法 | 第16-18页 |
| 第二章 移动端网页界面设计概述 | 第18-27页 |
| 一、移动端的概念 | 第18页 |
| 二、网页界面设计的概念 | 第18-19页 |
| 三、移动端网页界面设计的变迁 | 第19-25页 |
| （一）以雅虎网站为例探讨网页界面设计的变迁 | 第19-22页 |
| （二）国内外移动端网页界面设计的现状 | 第22-25页 |
| 四、移动端浏览网页的特点 | 第25-27页 |
| （一）移动性 | 第25页 |
| （二）便携性 | 第25页 |
| （三）私密性 | 第25-26页 |
| （四）个性化 | 第26页 |
| （五）设备和网络的局限性 | 第26-27页 |
| 第三章 移动端网页界面设计的缘由 | 第27-42页 |
| 一、为什么要进行移动端网页界面设计 | 第27-30页 |
| （一）移动端设备的多样性需要适配的网页界面 | 第27-28页 |
| （二）用户体验的需求 | 第28-29页 |
| （三）视觉效果的追求 | 第29-30页 |
| 二、移动端网页界面设计的出发点 | 第30-32页 |
| （一）实用性 | 第30-31页 |
| （二）互动性 | 第31页 |
| （三）审美性 | 第31-32页 |
| 三、移动端网页与PC端网页设计的界定 | 第32-41页 |
| （一）屏幕尺寸带来不同的信息结构 | 第32-36页 |
| （二）使用习惯带来不同的界面设计 | 第36-37页 |
| （三）操作模式带来不同的用户体验 | 第37-41页 |
| 1、操作模式符合用户认知 | 第38-39页 |
| 2、操作图标指示性明确 | 第39-40页 |
| 3、多种操作方式并存 | 第40-41页 |
| 四、移动优先的设计理念 | 第41-42页 |
| 第四章 移动端网页界面设计的要素分析 | 第42-69页 |
| 一、移动端用户分析 | 第42-45页 |
| （一）使用习惯特点 | 第42-43页 |
| （二）关注体验特点 | 第43-45页 |
| 二、移动端网页提升用户体验的依据 | 第45-49页 |
| （一）用户操作简单易用 | 第45-46页 |
| （二）界面交互友好互动 | 第46-48页 |
| （三）一致性的视觉效果 | 第48-49页 |
| 三、设计原则 | 第49-69页 |
| （一）界面设计简洁合理 | 第49-56页 |
| 1、保持网页界面简洁 | 第50-54页 |
| 2、合理组织网页界面信息 | 第54-56页 |
| （二）内容突出，焦点清晰 | 第56-57页 |
| （三）导航设置明确友好 | 第57-64页 |
| 1、列表式导航 | 第58页 |
| 2、顶部式导航或任意流动 | 第58-59页 |
| 3、页脚锚 | 第59-60页 |
| 4、下拉式导航 | 第60-61页 |
| 5、隐藏式导航 | 第61-64页 |
| （四）优化页面加载速度 | 第64-69页 |
| 1、预加载 | 第65-66页 |
| 2、按需加载 | 第66-68页 |
| 3、压缩图片 | 第68页 |
| 4、减少重定向 | 第68页 |
| 5、使用其他方法替换图片 | 第68-69页 |
| 第五章 移动端网页界面的视觉设计 | 第69-97页 |
| 一、移动端网页界面中的文字设计 | 第69-74页 |
| （一）移动端网页与PC端网页文字应用的区别 | 第69-70页 |
| （二）如何进行移动端网页文字设计 | 第70-74页 |
| 二、移动端网页界面中的图形图像设计 | 第74-83页 |
| （一）移动端网页与PC端网页图形图像应用的区别 | 第75-77页 |
| （二）如何进行移动端网页图形应用设计 | 第77-83页 |
| 三、移动端网页界面中的色彩设计 | 第83-88页 |
| （一）视觉信息分类 | 第84-85页 |
| （二）衬托网页主题 | 第85-86页 |
| （三）吸引用户关注 | 第86-88页 |
| 四、响应式设计 | 第88-97页 |
| （一）响应式设计概念 | 第88-94页 |
| 1、调整分辨率 | 第89-90页 |
| 2、赋予弹性化 | 第90-91页 |
| 3、重构布局 | 第91-92页 |
| 4、调整样式 | 第92-94页 |
| （二）响应式设计实现 | 第94-95页 |
| 1、流式布局 | 第94页 |
| 2、弹性图片 | 第94页 |
| 3、媒体查询 | 第94-95页 |
| （三）Bootstrap框架制作响应式网页布局 | 第95-97页 |
| 1、Bootstrap的特点 | 第95-96页 |
| 2、如何用Bootstrap框架制作响应式网页布局 | 第96-97页 |
| 第六章 移动端网页界面的实现 | 第97-114页 |
| 一、迷笛音乐节移动端网页界面设计实现 | 第97-105页 |
| （一）现有网站界面 | 第97-98页 |
| （二）网站改版再设计 | 第98-105页 |
| 1、网站首屏 | 第98-99页 |
| 2、导航部分 | 第99-100页 |
| 3、首页 | 第100-102页 |
| 4、关于迷笛 | 第102-103页 |
| 5、攻略指南 | 第103-104页 |
| 6、乐队阵容 | 第104-105页 |
| 二、嘉善每天健身俱乐部移动端网页界面设计实现 | 第105-109页 |
| （一）现有网站界面 | 第105页 |
| （二）网站改版再设计 | 第105-109页 |
| 1、网站首屏 | 第105-106页 |
| 2、导航部分 | 第106-107页 |
| 3、页面效果 | 第107-109页 |
| 三、格瑞斯芭蕾舞蹈工作室移动端网页界面设计实现 | 第109-114页 |
| （一）现有网站界面 | 第109页 |
| （二）网站改版再设计 | 第109-114页 |
| 1、网站首屏 | 第110页 |
| 2、导航部分 | 第110-112页 |
| 3、页面效果 | 第112-114页 |
| 总结 | 第114-117页 |
| 注释 | 第117-120页 |
| 参考文献 | 第120-124页 |
| 致谢 | 第124-125页 |
| 在读期间发表的学术论文与研究成果 | 第125页 |