资源描述:
《基于网页界面的视觉构成要素分析》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、深圳远程教育www.szstudy.com.cn深圳自考基于网页界面的视觉构成要素分析兰岚赵刚李娜湖南大学设计艺术学院,,并,摘婆本文主要分析了构成网页界面的视觉要素对构成要素进行了分类分别对每一类要素进行了具体分析希望能为。网页界面视觉设计提供一定的参考关键词构成要众视觉设计网页界面卯娜以拐,切即谊几℃侧戈“洲川堪旧,,枪索址切州以幼如叨、、、、。引言彩质感图像标志字体等网页设计是一门新兴的设计类与网络的交叉学页面布局,近几年随着科网络的发展而逐渐受到人们的重,它本身以,、页面布局设计是网站视觉设计研究中的重要环节视网络为
2、载体把各种信息以最快捷。之一,布方便的方式传达给受众伴随着数字技术的不断进局和层次结构的重点是要协调好界面各种元,。。比如,利、步可供设计者使用的视觉元素更加丰富网页设素之间的关系用好空白区域字体和字体。、。页面布局设计越来越接近于一门艺术而不仅仅是技术要做好大小色彩以及页面上各元素的位置等,计,也要体现审美功能。界面的视觉设计首先就要对构成界面的基本构成既要满足实用功能要素。网页界面由不同的视觉要将丰富的意义和多样的形式组织成统一的页有一定的认知与研究,,形式语言,元素所组成这些元素之间相辅相成共同构成了网面结构必须符合页
3、面的内容体现内容。。运、、页界面的视觉形象的丰富含义用对比与调和对称与平衡节奏,,、、网页界面集合了各种视觉表现的表象符号也与韵律以及留白等手段通过空间文字图形之,,产是各种信息的载体因此网页设计包含了很多视觉间的相互关系建立整体的均衡状态生和谐的美,,。要素主要可以概括为三个模块页面布局图感如对称原则在页面设计中它的均衡有时会使。、页面显得呆板,、形用户界面和外观风格页面布局包含了层次平但如果加入一些富有动感的文字、、。图案,衡比例空间利用等图形用户界面包含了按或采用夸张的手法来表现内容往往会达到比、、、。。、、钮图标窗口
4、文本域等外观风格包含了色较好的效果点线面作为视觉语言中的基本元艺而与,,、、、、。素要使用点线面的互相穿插互相衬托互相补充构象出来的。、、。成最佳的负面效果网页设计中点线面的运用并不是孤其中一个重要的领域是图标设计在过去的几十年里特立,,,的很多时候都需要将它们结合起来表达完美的设计意定的图像符号代表了特定的使用功能这种持续的联系已经。口,用境在人脑中建立了一个永久性的视觉语言的数字接户对这些固定,很多理论研究为我们进行页面布局设计提供了理论支的视觉符号已经有了根深蒂固的认识所以我们在。,持如视觉流程研究为我们展示了用户是如
5、何观看网页界设计时要使用这些标准的视觉元素让用户看到这种元素不。。,面的视觉流程的形成是由人类的视觉特性所决定的因为用思考就知道他们代表了什么功能以此来提升界面的易用人眼晶体结构的生理构造,只能产生一个焦点,而不能同时。性当然一些设计师可能会认为使用熟悉的图像会限制我们。人,把视线停留在两处或两处以上的地方们在阅读一种信息创作出具有个性化的界面但是如果是以牺牲了易用性换来,,先看,,,。不需要时视觉总有一种自然的流动习惯什么后看什么的个性化界面设计并不能说这是一个成功的设计。,它再看什么视觉流程往往会体现出比较明显的方向感无
6、用户思考的界面设计惫味粉用户不必浪费几个小时的时间去,、一股,,形中形成一种脉络似乎有一条线气贯穿其中使整熟悉如何操作该系统这会比仅仅具有个性化外观和感觉的。心理学,。个版面的运动趋势有一个主旋律的研究表明在一设计为你的网站带来更多的用户,,,,,个平面上上半部让人轻松和自在下半部则让人稳定和压再有窗口效果的合理运用可以加强网页特色但过。同样,平面的左半部让,,。,抑人轻松和自在右半部让人稳定度的应用会使人反感甚至离开网站现有许多个人网站。,,和压抑所以平面的视觉影响力上方强于下方左侧强于右都特别喜爱使用无工具列窗口有的网站
7、是将整个无工具列。‘“,,。侧这样平面的上部和中上部被称为最佳视域也就是窗口放大至全屏幕有的网站则是过小的超迷你窗口前一最。因此网页设计中一些突出的信息,,优选的地方如主标种会使人难以跳开网页浏览做其它动作造成很大的不便、。,题每天更新的内容等通常都放在这个位后一种由于窗口太小造成用户无法正常浏览严重降低了网当然视觉流程是一种感觉,只要符。口,而非确切的数学公式站的易读性另外有些网站经常滥用窗特效如网页展,、,,合人们认识过程的心理顺序和思维发展的逻辑顺序就可以动闪烁等等这会分散使用者的注意力不能将网页信息更为灵活地运用。,
8、灵活而合理地运用视觉流,在网页设计中顺利地传达给用户同时对于内容及个人风格也无实质性的,,。,程和最佳视域组织好自然流畅的视觉导向直接影响到传帮助当然并非所有的窗口特效都是不可取的设计者可以。所,。,播者传达信息的准确与有效性以在网页的编辑设计中视情况斟酌使用若是资料少或是公告等小资料的文