网页界面设计中视觉要素的“比例”关系研究
| 摘要 | 第3-4页 |
| Abstract | 第4页 |
| 1 绪论 | 第13-25页 |
| 1.1 课题研究的背景 | 第13页 |
| 1.2 研究的目的和意义 | 第13-14页 |
| 1.2.1 研究的目的 | 第13-14页 |
| 1.2.2 研究的意义 | 第14页 |
| 1.3 课题研究的现状 | 第14-20页 |
| 1.3.1 网页界面设计发展现状 | 第14-15页 |
| 1.3.2 比例设计应用的现状分析 | 第15-20页 |
| 1.4 网页设计中存在的比例问题 | 第20-21页 |
| 1.5 课题研究的方法与内容框架 | 第21-24页 |
| 1.5.1 课题研究的方法 | 第21-22页 |
| 1.5.2 课题研究的内容框架 | 第22-24页 |
| 1.6 研究的创新点 | 第24-25页 |
| 2 网页设计中“比例”的理论基础 | 第25-36页 |
| 2.1 比例理论的追溯 | 第25-26页 |
| 2.1.1 比例的起源 | 第25页 |
| 2.1.2 比例的视觉原理 | 第25-26页 |
| 2.2 比例系统的存在 | 第26-30页 |
| 2.2.1 自然形态的比例 | 第26-28页 |
| 2.2.2 人文形态的比例 | 第28-30页 |
| 2.3 比例的分割原理及分析 | 第30-35页 |
| 2.3.1 黄金分割法 | 第30-32页 |
| 2.3.2 等份分割法 | 第32-34页 |
| 2.3.3 数理分割法 | 第34-35页 |
| 2.4 本章小结 | 第35-36页 |
| 3 网页设计中比例关系的秩序性追求 | 第36-50页 |
| 3.1 功能要求形成的比例关系 | 第36-42页 |
| 3.1.1 网页页面导航影响的比例布局 | 第36-38页 |
| 3.1.2 网页页面的主功能区分割形式 | 第38-41页 |
| 3.1.3 网页页面的页脚分割形式 | 第41-42页 |
| 3.2 审美要求形成的比例关系 | 第42-47页 |
| 3.2.1 审美的感知 | 第42-44页 |
| 3.2.2 审美的想象 | 第44页 |
| 3.2.3 审美的情感 | 第44-47页 |
| 3.3 技术要求形成的比例关系 | 第47-48页 |
| 3.3.1 网页页面的局限性 | 第47-48页 |
| 3.3.2 屏幕尺寸的局限性 | 第48页 |
| 3.4 设计原则要求形成的比例关系 | 第48-49页 |
| 3.5 本章小结 | 第49-50页 |
| 4 网页界面设计中视觉要素蕴含的“比例”关系 | 第50-80页 |
| 4.1 文字与比例的关系 | 第50-64页 |
| 4.1.1 文字的特性 | 第50页 |
| 4.1.2 文字的解剖 | 第50-52页 |
| 4.1.3 文字的间距 | 第52-54页 |
| 4.1.4 文字的版式比例 | 第54-58页 |
| 4.1.5 文字易读性的量表方法研究 | 第58-64页 |
| 4.2 图片与比例的关系 | 第64-68页 |
| 4.2.1 图片的位置尺寸 | 第64页 |
| 4.2.2 图片的版面占有率 | 第64-65页 |
| 4.2.3 图片的裁切 | 第65-67页 |
| 4.2.4 图片的展示形式 | 第67-68页 |
| 4.3 色彩与比例的关系 | 第68-74页 |
| 4.3.1 色彩比例的原则 | 第68-71页 |
| 4.3.2 视觉焦点 | 第71页 |
| 4.3.3 视觉的对比 | 第71-73页 |
| 4.3.4 检验网页色彩比例是否合理的实验 | 第73-74页 |
| 4.4 网页版式编排与比例的关系 | 第74-79页 |
| 4.4.1 黄金比例分割 | 第75-77页 |
| 4.4.2 等比例网格分割 | 第77-79页 |
| 4.5 本章小结 | 第79-80页 |
| 5 基于视觉要素“比例”关系研究的网页设计策略 | 第80-89页 |
| 5.1 明确网页设计风格 | 第80-83页 |
| 5.2 组织页面结构大小 | 第83-85页 |
| 5.3 确定页头设计比例 | 第85-86页 |
| 5.4 确定主功能区设计比例 | 第86-88页 |
| 5.5 选定页脚的范围 | 第88页 |
| 5.6 本章小结 | 第88-89页 |
| 6 基于视觉要素“比例”关系研究的网页实践设计 | 第89-109页 |
| 6.1 设计项目来源 | 第89页 |
| 6.2 设计项目的分析 | 第89页 |
| 6.3 设计项目的流程 | 第89-94页 |
| 6.3.1 确立网页目标用户人群 | 第89页 |
| 6.3.2 网页内容框架 | 第89-90页 |
| 6.3.3 确立色彩基调 | 第90页 |
| 6.3.4 确定页面结构大小 | 第90页 |
| 6.3.5 确定页头设计比例 | 第90-92页 |
| 6.3.6 确定主功能区的设计 | 第92-94页 |
| 6.3.7 页脚的设计 | 第94页 |
| 6.4 页面方案呈现 | 第94-101页 |
| 6.4.1 首页页面方案呈现 | 第94-97页 |
| 6.4.2 二级页面方案呈现 | 第97-101页 |
| 6.5 设计细节展示 | 第101-103页 |
| 6.6 响应式“比例”的设计 | 第103-107页 |
| 6.7 实践测试评估 | 第107-108页 |
| 6.8 实践小结 | 第108-109页 |
| 7 总结 | 第109-111页 |
| 7.1 成果 | 第109-110页 |
| 7.2 设计的不足和后续的研究展望 | 第110-111页 |
| 致谢 | 第111-112页 |
| 参考文献 | 第112-115页 |
| 附录 | 第115-118页 |
| 附录A | 第115-116页 |
| 附录B：文字色彩在背景色中的易读性调查问卷 | 第116-118页 |
| 附录C：对企业类型网页界面设计视觉要素的感性评估 | 第118页 |
