互联网正在改变世界,由于其具有传播信息容量大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体。从认知科学的角度来讲,互联网是一种新的认知结构,通过它个体与社会相互作用,使得知识延伸。正如Fillmore所说:“超文本的介入使得不仅仅是阅读甚至包括学习和生活方式都发生了巨大的变化。”互联网成为各种学习者在各种情况下巨大的连续的知识源。这种知识源的不正式的和变化的特性,使之从传统地知识系统如教科书中区别出来。
交互性的定义及交互设计的核心
交互性是一个新的词汇,但它其实是一种早已存在的现象, 从web作为信息传播的工具这个角度来看,不妨把交互定义为信息的互换、互动和反馈。
从交互的角度来讲,可以将互联网理解为一个学习者和其它学习者的知识之间的抽象界面。Web的交互设计是人与计算机交互方式的演变,是随计算机技术而发展的。从计算机诞生到现在,人机交互的方式从利用穿孔纸带输入计算机程序,发展到面对终端机上的字符操作界面,再到个人计算机上图形界面的多媒体。从发展的历程来看,随着技术的进步,交互方式越来越多地考虑到人的因素,日益朝着更友好、更便捷的方式发展。因此人性化的设计是web设计的核心,如何根据人的心里、生理特点,运用技术手段,创造简单、友好的交互方式,是web设计的重点。
界面布局指的是在一个限定面积范围内合理安排图形图像和文字的位置,将页面、内容依整体布局的需要进行分组归纳,进行具有内在联系的组织排列,反复推敲文字、图形与空间的关系,使学习者有一个流畅的视觉体验, 这样就会激发学习者更强的学习动机。
在布局过程中,应采用以下原则:
(1) 平衡:指画面的图像、文字的视觉分量在左右、上下几个方位基本相当。过于平衡的画面难免有呆板的感觉,有时需要在局部打破平衡或对称。
(2) 呼应:同一种设计元素(如色彩)同时出现在不同的地方,形成相互联系。
(3) 对比:用不同的色彩、形态、线条等视觉元素相互并置对比,造成画面的多种变化,达到丰富的视觉效果。
(4) 疏密:充分利用页面的空白,适当的疏密搭配可以使画面产生节奏感,体现出网站的格调和品位。
在网页设计中常见的版面布局样式有:
(1) “同”字型结构布局:页面顶部为主菜单,下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体的内容。
(2) “国”字型结构布局:“国”字型结构布局在“同”字型结构布局的基础上,在页面下方增加一横条菜单,其优点是:充分利用版面,信息量大,切换方便。
(3) 左右对称布局:采取左右分割品目的方法形成对称布局。优点是自由活泼,可显示较多文字和图像。缺点是两者有机结合较为困难。
(4) 自由式布局:自由式布局打破上述两种布局的框架结构,其优点是布局随意,外观漂亮,吸引人。缺点是显示速度慢。
文章转载自大学毕业设计网 www.papersay.com 有需要的朋友可以和我联系,一起探讨web交互设计和布局设计。