山大人机交互技术课件07Web界面设计.pptxVIP

第7章 Web界面设计;本章内容简介 ;课程目标;Web界面及相关概念;Web的发展趋势;超文本与超媒体 ;Web界面设计问题的提出 ;Web界面设计基本原则 ;Web界面设计基本原则;兼顾用户习惯 Mac OSX：新邮件 图标在正中间 Iphone：新邮件 图标在右下角 Ipad: 新邮件 图标在右上角 ;用户特点;Web界面设计基本原则;Web界面设计基本原则;Web界面设计基本原则;Web界面设计基本原则;Web界面设计基本原则;Web界面设计基本原则;实例;视觉搜索眼动模式 Hornof和Halverson提出的两种视觉搜索策略。圆圈表示用户的注视点，圆圈的连线表示视线经过的路径。搜索整列由6个group组成，每个group包含五个搜索项。左图为无标签（相当于无一级类目）时的混合搜索策略（12个注视点），右图为有标签时的层次搜索策略（7个注视点）。;目录设计;Web界面要素设计;1. Web界面规划;2. 文化与语言;3. 内容、风格与布局、色彩设计;实例;4. 文本设计;实例;实例;实例;实例;实例;5. 多媒体元素设计;WEB中的动画 动画是区别Web和其它媒体的一个重要展示形式，动画赋予了用户运动和投入的感受。 动画可以分为不同的级别，从简单的动画GIF图像到三维以及虚拟环境。 最常用的基本动画类型是GIF、Rollover和Macromedia Flash文件。