色彩应用网页设计论文提纲

论文题目：网页界面设计中视觉要素的“比例”关系研究

摘要：网络信息技术的发展已经融入人们的生活、学习、工作中,为我们提供了信息传达的便捷和自由,也为设计者提供了新的设计领域和研究课题。设计师不仅需要具备自身的创造意识和审美力,还需要掌握一定的科学思维能力。设计领域中“比例”展现了科学严谨的设计方法,为设计作品特供了秩序美感。目前,“比例”在平面设计中运用甚多,而在网页设计中的研究少之甚少,网页设计是平面设计的延伸,是信息载体的改变。因此以平面的版式作为指导借鉴,将和谐的“比例”应用到网页设计中,能够使网页界面视觉要素的个体和网页界面的整体更加符合人的审美要求。首先,分析了现代许多网页设计中视觉要素存在的问题,结合比例的基础理论以及比例在各个设计艺术领域的应用,总结了满足受众视觉特性的比例设计方法,例如黄金分割法、网格分割法、数理分割法。其次,研究形成网页比例的决定性因素的原因,通过探讨功能要求、审美要求、技术要求和设计原则要求四个决定性因素分析比例在网页视觉要素设计中的重要性。随后对网页界面设计中的文字、图片、色彩、版式四个要素进行具体分析研究,结合案例、用户调研、程序设计总结网页设计各个视觉要素“比例”关系的运用方法,并归纳出合理的设计步骤和设计规范策略。最后,在“比例”设计策略指导下,针对目前还需要人为设计的,比较普遍的企业类型网站进行了网页设计实践,设计出符合功能、审美、设计原则的和技术要求的网页。经过研究“比例”原理,可以辩证的对网页的视觉要素进行特定的分析,并提供有效的设计策略。

关键词：网页界面设计;视觉要素;比例;设计方法

学科专业：工业设计工程（专业学位）

摘要

Abstract

1 绪论

1.1 课题研究的背景

1.2 研究的目的和意义

1.2.1 研究的目的

1.2.2 研究的意义

1.3 课题研究的现状

1.3.1 网页界面设计发展现状

1.3.2 比例设计应用的现状分析

1.4 网页设计中存在的比例问题

1.5 课题研究的方法与内容框架

1.5.1 课题研究的方法

1.5.2 课题研究的内容框架

1.6 研究的创新点

2 网页设计中“比例”的理论基础

2.1 比例理论的追溯

2.1.1 比例的起源

2.1.2 比例的视觉原理

2.2 比例系统的存在

2.2.1 自然形态的比例

2.2.2 人文形态的比例

2.3 比例的分割原理及分析

2.3.1 黄金分割法

2.3.2 等份分割法

2.3.3 数理分割法

2.4 本章小结

3 网页设计中比例关系的秩序性追求

3.1 功能要求形成的比例关系

3.1.1 网页页面导航影响的比例布局

3.1.2 网页页面的主功能区分割形式

3.1.3 网页页面的页脚分割形式

3.2 审美要求形成的比例关系

3.2.1 审美的感知

3.2.2 审美的想象

3.2.3 审美的情感

3.3 技术要求形成的比例关系

3.3.1 网页页面的局限性

3.3.2 屏幕尺寸的局限性

3.4 设计原则要求形成的比例关系

3.5 本章小结

4 网页界面设计中视觉要素蕴含的“比例”关系

4.1 文字与比例的关系

4.1.1 文字的特性

4.1.2 文字的解剖

4.1.3 文字的间距

4.1.4 文字的版式比例

4.1.5 文字易读性的量表方法研究

4.2 图片与比例的关系

4.2.1 图片的位置尺寸

4.2.2 图片的版面占有率

4.2.3 图片的裁切

4.2.4 图片的展示形式

4.3 色彩与比例的关系

4.3.1 色彩比例的原则

4.3.2 视觉焦点

4.3.3 视觉的对比

4.3.4 检验网页色彩比例是否合理的实验

4.4 网页版式编排与比例的关系

4.4.1 黄金比例分割

4.4.2 等比例网格分割

4.5 本章小结

5 基于视觉要素“比例”关系研究的网页设计策略

5.1 明确网页设计风格

5.2 组织页面结构大小

5.3 确定页头设计比例

5.4 确定主功能区设计比例

5.5 选定页脚的范围

5.6 本章小结

6 基于视觉要素“比例”关系研究的网页实践设计

6.1 设计项目来源

6.2 设计项目的分析

6.3 设计项目的流程

6.3.1 确立网页目标用户人群

6.3.2 网页内容框架

6.3.3 确立色彩基调

6.3.4 确定页面结构大小

6.3.5 确定页头设计比例

6.3.6 确定主功能区的设计

6.3.7 页脚的设计

6.4 页面方案呈现

6.4.1 首页页面方案呈现

6.4.2 二级页面方案呈现

6.5 设计细节展示

6.6 响应式“比例”的设计

6.7 实践测试评估

6.8 实践小结

7 总结

7.1 成果

7.2 设计的不足和后续的研究展望

致谢

参考文献

附录A

附录B：文字色彩在背景色中的易读性调查问卷

附录C：对企业类型网页界面设计视觉要素的感性评估