学位论文 > 优秀研究生学位论文题录展示

基于视觉体验理论的WEB界面设计研究

作　者: 马福浚
导　师: 刘和山
学　校: 山东大学
专　业: 设计艺术学
关键词: WEB界面 视觉设计 用户体验 LED灰度值
分类号: TP393.092
类　型: 硕士论文
年　份: 2011年
下　载: 93次
引　用: 0次
阅　读: 论文下载
 

内容摘要


目前,与国外的网站相比,国内设计的网站存在的突出问题是缺少美感、特色和设计规范。因此有必要对网页界面设计规范进行归纳、整理,以便更好的提高网页设计美感,有助于更为理性的促进良好界面用户体验设计的实现。本文在充分调研国内外优秀网站的基础上,结合视觉传达原理和传统美学理论,对影响界面的用户体验因素进行分析,重点讨论色彩、版式、艺术效果等方面的视觉规律在网页界面设计中的运用。基于视觉传达和信息构建两大因素,通过实验数据的整理和分析,结合网站的交互性分类(功能属性和信息量),对不同风格的网页界面设计方案进行检测,探索更加有效和美观的网页界面设计视觉传达规律。相比现有理论,本文将更侧重于网页设计视觉规律的整理和论证,总结WEB界面的特点。运用LED灰度分析法,对具体的视觉体验进行完整的测试和设计,并在此基础上深入进行实验数据的整理和认证。归纳信息构成元素的使用规律,从而在保证审美效果的前提下,更好的促进网页界面的信息传递。主要内容如下：1.搜集和整理国内外关于视觉、信息传达、用户体验等方面的相关书籍和文章,尤其是关于网页界面设计的资料,分析WEB界面设计的现状和发展趋势。2.对WEB界面成功案例进行系统化研究,分析界面的组成部分及视觉原理,抽取视觉元素的组成规律,即色彩、版式等平面设计要素对界面体验系统视觉传达的影响,为后期研究奠定理论基础。3.基于WEB界面的工作特点,进行网页灰度值测试。分析不同屏幕下,界面灰度分布和灰度变化对人的视域的影响,提出网页界面的灰度值对界面视觉传达的影响。4.根据实验分析和理论研究结果,整理网页视觉应用原理,并进行设计实践。根据实验结果总结,提出相应的WEB界面设计方案,进行具体的界面设计过程开发,完成网站平面系统的信息策划构建。综上所述,本文对WEB界面设计视觉传达的组成要素进行分析,从视觉传达和信息构成两大方面论述了平面视觉要素在WEB界面设计中的应用；结合LED灰度测试结果,在设计体验方面提出创新成果；并通过设计实践论证网页设计法则。为网页设计工作者提供有益的参考。

全文目录


摘要  9-10
Abstract  10-12
第1章 绪论  12-20
  1.1 WEB界面的研究背景  12-13
  1.2 WEB界面研究现状  13-16
    1.2.1 WEB界面的研究成果  13-14
    1.2.2 相关学科的研究现状  14-15
    1.2.3 WEB界面设计的研究缺陷  15-16
  1.3 课题研究的主要内容和方法  16-17
  1.4 课题研究的创新点  17-20
第2章 WEB界面的用户体验研究  20-30
  2.1 WEB界面的概述  20-21
  2.2 用户体验在界面设计的体现  21-24
    2.2.1 用户体验理念  21-22
    2.2.2 用户体验影响因素  22-24
  2.3 基于用户体验的WEB界面视觉分析  24-28
    2.3.1 WEB界面的视觉版块划分  24-26
    2.3.2 WEB界面的视觉焦点及张力  26-27
    2.3.3 WEB界面视觉流程的控制  27
    2.3.4 WEB界面视觉空间应用  27-28
  2.4 本章小结  28-30
第3章 视觉设计在界面设计的应用  30-48
  3.1 WEB界面视觉设计理论  30-31
  3.2 WEB界面色彩设计  31-39
    3.2.1 WEB界面色彩属性  32-33
    3.2.2 WEB界面色彩关系和搭配原则  33-38
    3.2.3 WEB界面色彩的传统继承  38
    3.2.4 WEB界面色彩的形状与空间  38-39
  3.3 WEB界面版式设计  39-45
    3.3.1 WEB界面版式分割的数学秩序  40-42
    3.3.2 网格分割法在WEB界面设计中应用  42-44
    3.3.3 传统艺术版式在WEB界面版式设计中的应用  44-45
  3.4 本章小结  45-48
第4章 WEB界面的灰度分析  48-58
  4.1 WEB界面在电脑屏幕的色彩特性——灰度化  48-49
  4.2 WEB界面的LCD灰度分析  49-57
    4.2.1 matlab分析  49-54
    4.2.2 界面灰度蘸取测试  54-57
  4.3 本章小结  57-58
第5章 WEB界面设计信息策划应用  58-74
  5.1 WEB界面的信息传递和策划设计  58-61
    5.1.1 WEB界面的信息传递  58-60
    5.1.2 WEB界面的策划设计应用  60-61
  5.2 WEB界面的文字设计应用  61-65
    5.2.1 WEB界面的中、西文字应用  62-64
    5.2.2 WEB界面字体设计规律  64-65
  5.3 WEB界面图像设计应用  65-68
    5.3.1 WEB界面插图的艺术体现  65-66
    5.3.2 WEB背景图片的合理使用  66-68
  5.4 WEB界面肌理的应用  68-71
    5.4.1 肌理的艺术化与识别性  70
    5.4.2 肌理的变化性和一致性  70-71
  5.5 WEB界面创意设计  71-72
  5.6 本章小结  72-74
结论与展望  74-76
参考文献  76-80
致谢  80-81
攻读硕士学位期间发表的论文  81-82
学位论文评阅及答辩情况表  82

相似论文

  1. 基于用户体验的灯具设计策略研究,TS956
  2. 全新的交互体验,TP11
  3. 3G智能手机界面视觉设计研究,TN929.53
  4. 一个试卷生成系统的设计与实现,TP311.52
  5. 手机游戏软件界面交互的设计与实现,TP311.52
  6. 基于智能客户端的超市收银软件系统设计,TP311.52
  7. 以体验价值为导向的产品创新设计,J504
  8. 产品包装的视觉语言探究,J524.2
  9. 基于网络处理器的Web用户体验测量研究,TP393.09
  10. 中国货币网的系统架构设计与实现,TP311.52
  11. 蕴含故事体验的玩具设计研究,TS958.0
  12. 面向长尾市场的包装产品设计研究,TB482
  13. 基于用户体验的产品识别系统研究,TB472
  14. 视觉设计的乐感研究,J524
  15. 基于WEB 2.0社交型网站分析与设计,TP393.092
  16. 基于移动交互设备应用程序开发的研究,TP311.1
  17. 基于用户体验的产品设计方法研究,TP311.52
  18. Web用户界面定制技术的研究,TP311.52
  19. 手持移动终端的交互设计研究与应用,TN929.53
  20. 开放式用户体验在网络游戏设计中的价值研究,F49
  21. 移动支付平台的用户体验设计研究,F626

中图分类: > 工业技术 > 自动化技术、计算机技术 > 计算技术、计算机技术 > 计算机的应用 > 计算机网络 > 一般性问题 > 计算机网络应用程序 > 网络浏览器
© 2012 www.xueweilunwen.com