网页界面中的对比关系研究

摘要

人类通过信息的传达了解世界、认识世界，实现与他人的交流与合作。在今天这个信息拥堵繁杂的时代，如何快速有效地获取信息之于人类至关重要。随着计算机与网络的普及，网页界面逐渐成为人们获取信息的重要途径。信息媒介的本质决定了网页界面设计应时刻围绕“信息传达”这一主题进行，满足浏览者的信息需求。
　　由网页界面设计引发的版式、文字、图片、色彩等构成元素的问题，容易造成网页视觉层次不清、主次不明，会阻碍浏览者获取信息。而应用范围极广的对比原则在凸显差异、创造美感等方面发挥的重要作用，能在一定程度上解决这一问题。鉴于此，文章从网页界面各构成元素中的对比关系入手，探究建立视觉层次的方法，切实帮助浏览者快速有效地获取信息。
　　首先，从信息载体角度出发，阐述了界面的演变过程。在此基础上，梳理了传统界面与网页界面的内涵及特点，通过分析比较归纳出网页界面的特殊性，并分析网页界面设计中版式、文字、图片、色彩等方面存在的主要问题。
　　其次，通过分析对比在传统印刷、产品、建筑、影视等典型案例中的应用，总结了对比的具体表现，并对其进行分类归纳。
　　再次，阐述了网页界面中的各种构成元素，分析了不同类型网页界面中的对比关系。以此判断网页界面传达信息的视觉层次，并用眼动仪验证了该判断的有效性。
　　最后，在分析两种结果的基础上，结合问卷调查结果与对比分析结果，运用对比手法对江苏大学首页界面进行重新设计。

目录

声明

摘要

第1章 绪论

1．1 课题研究背景及现状

1．1．1 研究背景

1．1．2 研究现状

1．2 课题研究内容及难点

1．2．1 研究内容

1．2．2 研究难点

1．3 课题研究目的及意义

1．3．1 研究目的

1．3．2 研究意义

1．4 课题研究思路、框架及方法

1．4．1 研究思路及框架

1．4．2 研究方法

第2章 网页界面与传统界面的区别

2．1 定义阐述

2．1．1 界面的定义及演变

2．1．2 传统界面的定义厦特点

2．1．3 网页界面的内涵及发展

2．2 网页界面与传统界面的关系

2．2．1 网页界面设计与印刷界面设计

2．2．2 网页界面与电子界面的异同

2．2．3 网页界面与传统界面的关系

2．3 网页界面的特点及问题

2．3．1 网页界面的特点

2．3．2 网页界面设计的问题

2．4 小结

第3章 网页界面中的对比

3．1 对比与对比关系

3．1．1 对比的内涵

3．1．2 对比关系的产生

3．2 对比的应用与表现

3．2．1 对比在平面作品中的应用

3．2．2 对比在其它顿域中的应用

3．2．3 对比的表现及分类

3．3 网页界面中的对比表现

3．3．1 网页界面中的构成元素

3．2．2 网页界面中的对比表现

3．3．3 适度原则

3．4 小结

第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．4 小结

第5章 设计实践——以江苏大学网页界面设计为例

5．1 江苏大学网页界面分析

5．1．1 内容重要程度分析

5．1．2 对比关系与内客呈现层次分析

5．1．3 问题分析

5．2 设计方案构思

5．2．1 版式

5．2．2 文字

5．2．3 图片

5．2．4 色彩

5．3 设计方案

5．3．1 内容重要程度及视觉层次

5．3．2 版式及对比关系调整

5．3．3 文字及对比关系调整

5．3．4 图片及对比关系调整

5．3．5 色彩及对比关系调整

5．4 小结

第6章 结语

6．1 开展工作

6．2 结论

参考文献

致谢

在学期间发表的学术论文

附录A

附录B