分享
 
 
 

谈一谈WEB的交互设计和界面布局

王朝网站推广·作者佚名  2011-12-04
窄屏简体版  字體: |||超大  

互联网正在改变世界,由于其具有传播信息容量大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体。从认知科学的角度来讲,互联网是一种新的认知结构,通过它个体与社会相互作用,使得知识延伸。正如Fillmore所说:“超文本的介入使得不仅仅是阅读甚至包括学习和生活方式都发生了巨大的变化。”互联网成为各种学习者在各种情况下巨大的连续的知识源。这种知识源的不正式的和变化的特性,使之从传统地知识系统如教科书中区别出来。

交互性的定义及交互设计的核心

交互性是一个新的词汇,但它其实是一种早已存在的现象, 从web作为信息传播的工具这个角度来看,不妨把交互定义为信息的互换、互动和反馈。

从交互的角度来讲,可以将互联网理解为一个学习者和其它学习者的知识之间的抽象界面。Web的交互设计是人与计算机交互方式的演变,是随计算机技术而发展的。从计算机诞生到现在,人机交互的方式从利用穿孔纸带输入计算机程序,发展到面对终端机上的字符操作界面,再到个人计算机上图形界面的多媒体。从发展的历程来看,随着技术的进步,交互方式越来越多地考虑到人的因素,日益朝着更友好、更便捷的方式发展。因此人性化的设计是web设计的核心,如何根据人的心里、生理特点,运用技术手段,创造简单、友好的交互方式,是web设计的重点。

界面布局指的是在一个限定面积范围内合理安排图形图像和文字的位置,将页面、内容依整体布局的需要进行分组归纳,进行具有内在联系的组织排列,反复推敲文字、图形与空间的关系,使学习者有一个流畅的视觉体验, 这样就会激发学习者更强的学习动机。

在布局过程中,应采用以下原则:

(1) 平衡:指画面的图像、文字的视觉分量在左右、上下几个方位基本相当。过于平衡的画面难免有呆板的感觉,有时需要在局部打破平衡或对称。

(2) 呼应:同一种设计元素(如色彩)同时出现在不同的地方,形成相互联系。

(3) 对比:用不同的色彩、形态、线条等视觉元素相互并置对比,造成画面的多种变化,达到丰富的视觉效果。

(4) 疏密:充分利用页面的空白,适当的疏密搭配可以使画面产生节奏感,体现出网站的格调和品位。

在网页设计中常见的版面布局样式有:

(1) “同”字型结构布局:页面顶部为主菜单,下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体的内容。

(2) “国”字型结构布局:“国”字型结构布局在“同”字型结构布局的基础上,在页面下方增加一横条菜单,其优点是:充分利用版面,信息量大,切换方便。

(3) 左右对称布局:采取左右分割品目的方法形成对称布局。优点是自由活泼,可显示较多文字和图像。缺点是两者有机结合较为困难。

(4) 自由式布局:自由式布局打破上述两种布局的框架结构,其优点是布局随意,外观漂亮,吸引人。缺点是显示速度慢。

文章转载自大学毕业设计网 www.papersay.com 有需要的朋友可以和我联系,一起探讨web交互设计和布局设计。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有