文档介绍:目录
摘要………….……………………………………………………………..3
Abstract ………….………………………………………………………..3
第一章引言……………………………………………………………5
第二章关于交互设计…………………………………………………...5
…………………………………. 5
……………………………………….……….5
………………………………………………. 6
第三章基于Web的交互设计流程………………………………….….6
…………………………………………………………. .7
前期规划……………………………………………………..7
网页界面的布局与结构……………………………………….8
网页界面的细节设计…………………………………………9
……………………………………………………9
(Menu)实现……………………………………………9
菜单概述……………………………………………...9
菜单应用……………………………………………...11
窗口(Window)……………………………………………...16
按钮(button)……………………………………………...17
导航(Navigation)…………………………………………17
交互系统—留言版………………………………………………….18
第四章设计过程中的问题探讨和研究……………………………….19
第五章结束语…………………………………………………………20
参考文献………………………………………………………………..20
基于WEB的交互设计
摘要:基于web的交互设计对web整体而言是一个举足轻重的环节。本文从交互设计的核心、特性和原则出发,阐述了基于web的交互设计流程,进而研究各种交互方式的设计细节,同时详细的论述了如何设计各种形式的菜单,及其在应用上的交互特点,并运用javascript、ASP实现了基于web的交互设计。
关键词:交互界面设计菜单
Abstract : Interaction design Based on the web has the pivotal link to the whole article from the core, the characteristic and the principle which interaction designed embarks, elaborated interaction design based on the web flow, then studied each interactive way the
design detail, and how has the detailed elaboration designed each kind of form the menu interactive way by and its in the applicationinteractive characteristic, utilized each method to realize interaction design based on the web.
Key word:Interaction, Interface, Design, Menu
第一章引言
互联网正在改变世界,由于其具有传播信息容量大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体。从认知科学的角度来讲,互联网是一种新的认知结构,通过它个体与社会相互作用,使得知识延伸。正如Fillmore所说:“超文本的介入使得不仅仅是阅读甚至包括学习和生活方式都发生了巨大的变化。”互联网成为各种学习者在各种情况下巨大的连续的知识源。这种知识源的不正式的和变化的特性,使之从传统地知识系统如教科书中区别出来。
为了满足学习者对信息资源的需求,开发者们在不断地扩充超文本的能力。另一方面,学习者已不满足被动地浏览,希望web能够提供更多地交互性,以便能参与到其中。因此,增强和改善网页、网络教学软件、网络应用程序的交互性,努力掌握Web交互技术是一件具有现实意义的大事。本文针对当前常用的Web交互技术作一介绍, 并以“基于网络的《C程序语言教程》课件”中的交互设计为例,给出简单分析与探讨。
第二章关于交互设计
交互性