浅谈平面设计在网页版面设计的视觉应用
作者:张 程、杨东昌来源:原创日期:2014-02-14人气:1019
一、人们心中的网页视觉
我们通过浏览器进入互联网,首先给我们的印象和感觉的便是首页设计,许多人就是被网页设计吸引而惦记网站,它带领我们一步一步地浏览欣赏,给我们丰富的视觉感受,增强我们的兴趣并能持续地浏览。迅捷性和科学性也是优秀网站的重要特点,经常更新网页内容和图文与方便明确的符号的规划也同样重要。从上所述可见,网页是通过视觉元素引人注目而实现信息内容的传达,要能抓住人们的眼球,网页的设计就必须适应人们的视觉心理和生理的特点,因此,设计师在设计网页时应该研究各种视觉造型元素,如:图形、色彩搭配、表格、影像、文字、声音、动画等等,各种创意表现也要基于内容的需要,特别注意的是在进行丰富多彩的视觉效果设计的同时,应尽力可能保持设计的整体性,图形、文字与动画之间应配合协调,关系精密。
既然,视觉语言决定了人类的视眼,那么,人眼就有一种对事物的感知,在医学、物理学上面这种叫做焦点。所以,看事物首先视集中在一个点或者某一颜色块,甚至引人注目的某一动画上。是一种自然的习惯和个人心理的特性决定的,那么,就形成人阅读信息的视觉性,贯穿这一过程有一个穿插的网页运动主旋律,也就是视觉的引导性,这种引导性就是人们在阅读信息时,视觉的一种自然流动习惯。
现在的人阅读资料主要的视觉方式是由左边到右边,由上边到下边。所以,第一视觉看到的是网页界面的左上角和界面的顶面,比如网站的标志、广告条等重要信息。然而人眼的第一视觉又是在最跳跃的版面上,所以,在网页设计中的重要信息都必须注意这个问题,这也不是有什么特定的规范,只要符合人的一种视觉感,就能灵活地运用。
人们在搜索资料的时候,经常会因为网页杂乱而无法快捷的得到资料。就因为平淡、杂乱的网页给我们带来很大的麻烦。所以,强烈的视觉语言,在网页设计中让人们得到最准确、最有效的信息,符合大众潮流。
二、视觉语言给我们带来的审美意识
网页设计是一种审美活动,也是一种美的创造形式和感受的过程,还是美的价值创造及实现的过程,成功的设计作品一般都很有艺术化。
由于信息技术革命所带来的社会意识形态的变革以及物质的极大丰富,人们的审美观念也发生了变化,不在局限于网页查资料,而是更多地聚集于反朴归真、个性化、时尚化等精神方面的享受,在这种情况下,社会大众已经从过去审美活动的被动地位解放出来了,成为审美活动的主体。
三、网页的艺术视觉语言分析
网页的设计主要是设计软件的操作与视觉语言应用的问题。但是,要使网页设计、制作得漂亮,必然离不开对其进行艺术的加工和处理,所以,就要涉及到视觉语言的构成要素,它们的形成主要依赖于网页的版式设计,依赖页面的色调处理,还有图片与文字的组合形式等等。网页设计的视觉语言大致可分为以下几类:格式美观的正文;和谐的色彩搭配;生动背景图形、图案;页面元素大小适中;布局均称等内容视觉语言。
(一)字体在版式的结构性
在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题,一种用作按钮和小标,另外一种用作正文。结构规划中最主要,也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜色和图片的分量,否则你的版面结构完成后会看起来很不平衡。
某些情况下版面可以由比较多的图形和少量文字组成。这个情况下,你可以混合这些图片,使用抽象拼接,而生育的地方可以用文字来填充。从一开始,我们研究网页设计最主要突出图形还是文字?如果重点放在文字上,文字设计就要把字体加粗作为标题更加突出。如果重点放在图形,那么就要把增加图形的面积,这样会更加体现视觉效果。
(二)网页设计视觉语言色彩分析
色彩是人的视觉最敏感的东西。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。因为色彩具有象征性,它能唤起人类的心灵感知。
四、总结
网页设计作为新新网络媒介,发展的历史短短10多年时间。交互式的动画使网络传播增添了很多动感,同时,还继承了传统艺术设计的特性,成为现代网络信息传播、交流的中介者。
我们通过浏览器进入互联网,首先给我们的印象和感觉的便是首页设计,许多人就是被网页设计吸引而惦记网站,它带领我们一步一步地浏览欣赏,给我们丰富的视觉感受,增强我们的兴趣并能持续地浏览。迅捷性和科学性也是优秀网站的重要特点,经常更新网页内容和图文与方便明确的符号的规划也同样重要。从上所述可见,网页是通过视觉元素引人注目而实现信息内容的传达,要能抓住人们的眼球,网页的设计就必须适应人们的视觉心理和生理的特点,因此,设计师在设计网页时应该研究各种视觉造型元素,如:图形、色彩搭配、表格、影像、文字、声音、动画等等,各种创意表现也要基于内容的需要,特别注意的是在进行丰富多彩的视觉效果设计的同时,应尽力可能保持设计的整体性,图形、文字与动画之间应配合协调,关系精密。
既然,视觉语言决定了人类的视眼,那么,人眼就有一种对事物的感知,在医学、物理学上面这种叫做焦点。所以,看事物首先视集中在一个点或者某一颜色块,甚至引人注目的某一动画上。是一种自然的习惯和个人心理的特性决定的,那么,就形成人阅读信息的视觉性,贯穿这一过程有一个穿插的网页运动主旋律,也就是视觉的引导性,这种引导性就是人们在阅读信息时,视觉的一种自然流动习惯。
现在的人阅读资料主要的视觉方式是由左边到右边,由上边到下边。所以,第一视觉看到的是网页界面的左上角和界面的顶面,比如网站的标志、广告条等重要信息。然而人眼的第一视觉又是在最跳跃的版面上,所以,在网页设计中的重要信息都必须注意这个问题,这也不是有什么特定的规范,只要符合人的一种视觉感,就能灵活地运用。
人们在搜索资料的时候,经常会因为网页杂乱而无法快捷的得到资料。就因为平淡、杂乱的网页给我们带来很大的麻烦。所以,强烈的视觉语言,在网页设计中让人们得到最准确、最有效的信息,符合大众潮流。
二、视觉语言给我们带来的审美意识
网页设计是一种审美活动,也是一种美的创造形式和感受的过程,还是美的价值创造及实现的过程,成功的设计作品一般都很有艺术化。
由于信息技术革命所带来的社会意识形态的变革以及物质的极大丰富,人们的审美观念也发生了变化,不在局限于网页查资料,而是更多地聚集于反朴归真、个性化、时尚化等精神方面的享受,在这种情况下,社会大众已经从过去审美活动的被动地位解放出来了,成为审美活动的主体。
三、网页的艺术视觉语言分析
网页的设计主要是设计软件的操作与视觉语言应用的问题。但是,要使网页设计、制作得漂亮,必然离不开对其进行艺术的加工和处理,所以,就要涉及到视觉语言的构成要素,它们的形成主要依赖于网页的版式设计,依赖页面的色调处理,还有图片与文字的组合形式等等。网页设计的视觉语言大致可分为以下几类:格式美观的正文;和谐的色彩搭配;生动背景图形、图案;页面元素大小适中;布局均称等内容视觉语言。
(一)字体在版式的结构性
在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题,一种用作按钮和小标,另外一种用作正文。结构规划中最主要,也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜色和图片的分量,否则你的版面结构完成后会看起来很不平衡。
某些情况下版面可以由比较多的图形和少量文字组成。这个情况下,你可以混合这些图片,使用抽象拼接,而生育的地方可以用文字来填充。从一开始,我们研究网页设计最主要突出图形还是文字?如果重点放在文字上,文字设计就要把字体加粗作为标题更加突出。如果重点放在图形,那么就要把增加图形的面积,这样会更加体现视觉效果。
(二)网页设计视觉语言色彩分析
色彩是人的视觉最敏感的东西。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。因为色彩具有象征性,它能唤起人类的心灵感知。
四、总结
网页设计作为新新网络媒介,发展的历史短短10多年时间。交互式的动画使网络传播增添了很多动感,同时,还继承了传统艺术设计的特性,成为现代网络信息传播、交流的中介者。
热门排行
推荐信息
期刊知识
- 2025年中科院分区表已公布!Scientific Reports降至三区
- 官方认定!CSSCI南大核心首批191家“青年学者友好期刊名单”
- 2023JCR影响因子正式公布!
- 国内核心期刊分级情况概览及说明!本篇适用人群:需要发南核、北核、CSCD、科核、AMI、SCD、RCCSE期刊的学者
- 我用了一个很复杂的图,帮你们解释下“23版最新北大核心目录有效期问题”。
- 重磅!CSSCI来源期刊(2023-2024版)最新期刊目录看点分析!全网首发!
- CSSCI官方早就公布了最新南核目录,有心的人已经拿到并且投入使用!附南核目录新增期刊!
- 北大核心期刊目录换届,我们应该熟知的10个知识点。
- 注意,最新期刊论文格式标准已发布,论文写作规则发生重大变化!文字版GB/T 7713.2—2022 学术论文编写规则
- 盘点那些评职称超管用的资源,1,3和5已经“绝种”了