网页艺术设计是艺术与技术的高度统一,指出网页艺术设计包含视听元素与版式设计两项内容;以主题鲜明、形式与内容相统一、强调整体为设计原则。在明确了网页艺术设计与网站主题的关系的基础上,提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。
设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。 以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。论文格式。论文格式。比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画和多媒体文件。另外,在浏览器使用插件(Plug-in)也可以播放更多格式的多媒体文件。还有微软推出的ActiveX已经成为热门技术。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。论文格式。
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。
网页作为传播网络信息文化的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。虽然网页设计艺术,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则,才能把网页的设计做得更加完美:
视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。
优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是美。
要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,Bsport体育具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。
另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。
综上所述,时代在不断发展,网页设计的风格也在不断演变,要想设计出更为优秀的网页,研究各类网页艺术的设计规律将是一门长期的任务。
用户研究包含两个方面:一是可用性研究,研究如何提高产品的可用性,使得网站界面的设计更容易被人接受、使用和记忆;二是通过可用性的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法。
这部分指人与机之间的交互工程,在过去交互设计也由程序员来做,其实程序员擅长编码,而不善于与最终用户交互。在使用网站的过程中最能给浏览者留下深刻印象的一定是网站的视觉因素,也就是我们所谈论的网站界面。
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实网站界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为网站创造卖点。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。
从网页最初的纯文字界面发展至今,文字元素作为网站内容传达的主体,文字有着其他任何元素无法取代的重要作用。首先是文字信息符合人类的阅读习惯,其次因为文字所占存取空间小,节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接等形式。文字作为占据页面重要比率的元素,同时又是信息重要载体,它的大小、字体、颜色和排布对页面整体设计影响极大。
在大多数网页中,图形占据了重要的位置,有的甚至是全部页面。图形往往能引起人们的注意,并激发阅读兴趣,合理的运用图形,可以生动直观、形象地表现设计主题。网页中常用的图形格式包括JPG、GIF和BMW。图形元素包括标题、背景、主图、链接图标四种。以图像作为标题和链接可以使网页具有更好的视觉效果,配合文字增强生动和形象性。
一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题。
视觉流程的形成是由人类的视觉特性所决定的。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。
在网页的编辑设计中,视觉导向是一个要点,网页的设计是一种创造,首先要立足信息的传达,但又要符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。
平衡原则。注意屏幕上下左右平衡。不要堆挤数据,过分拥挤的显示也会产生视觉疲和接收错误。
预期原则。屏幕上所有对象,如窗口、按钮、菜单等处理应一致化,使对象的动作可预期。
经济原则。即在提供足够的信息量的同时还要注意简明,清昕。特别是媒体,要运用好媒体选择原则。
顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话,然后通过对话将系统分段实现。
规则化。画面应对称,显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。
UI设计师应该紧跟时代步伐,掌握现代社会信息发展的新动向,站在较高的角度上来提高自己的技术,使设计作品能够具有新思维,新文化。同时,设计师也应该挖掘中国历史上的优秀文化,并把它带到设计中指导我们的UI设计。只有这样,设计作品才能符合人们的心理需求,沟通人们的感情与思想。
教学内容的安排要以学生能够更好的动手操作为目的,以学生能够更多的亲自动手进行网页制作为主线,改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。目前普遍的教学方式是以教师的讲授为主,学生被动式的接受,很多学生无法全身心的投入到学习中。为了改变这种局面,让学生能够自主的学习,并且在这个过程中能够体会到应该怎么去学,应该要学什么,就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容,让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程,从而更好地调动学生学习本门课程的主动性和积极性。
在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率,主要将内容分为四个阶段,然后对每一阶段的教学模块进行详细划分:(1)尽快地让学生掌握网页设计的一些语言,如:HTML语言,C#语言;(2)教会学生如何使用开发工具进行网页开发,如:Dreamweaver;(3)在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等,实现更完美的效果;(4)在简单的准备工作完成后就是在网页中嵌入脚本语言,如Javascript,实现网页动态效果。为了更好的实现教学效果,让学生更好的掌握每一阶段的内容,在每一阶段的教学完成后,需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。
项目教学,最主要的就是挑选经典的教学项目或者适合教学的实际项目,让学生参与项目的分析和制作过程中去。
项目教学是在一定条件下完成的,首先:让学生掌握网页设计的基本知识和一些相关技术;第二,教师要对项目进行策划,对学生进行细心指导;第三,将项目转化为教学,根据教学目的设计教学内容,带领学生详细地进行项目分析;最后,让学生进行独立思考后分组合作,进一步地让他们认识、了解到网站网页的设计,有效地提高解决具体问题的能力。项目教学改变了教学中教师为主体的模式,学生变成了主体,形成了学生自主去学习、学会合作学习、知道如何研究性学习和探索性学习的高效的学习氛围。
相比传统的教学方法,项目教学主要有以下优点:(1)项目教学对学生亲自动手分析问题、解决问题能力的提高非常有帮助。在传统的教学中,老师讲学生听的这种教学模式在本课程的教学中显得尤为落后。项目教学就是打破了以往的教学模式,成为一种开放性的、动态性的教学模式。因为在项目教学过程中,学生将成为网站网页设计的主体,当他们处于项目的环境中、并且融入其中的时候,会遇到各种各样的问题,然后通过自己的阅历或者其他方式独立思考并做出判断和决策,在此过程中充分地锻炼了学生综合运用各种知识、经验的能力,提高了解决问题的能力;(2)项目教学能有助于提高学生自主学习的能力,知道怎么学习。学习型的社会要求每个人要知道怎么学习。通过项目教学后,学生应该知道很多问题的答案不止一个,答案是开放的、发展的。学生知道自己应该怎么学习了,就找到一条适合自己的学习方式。在项目教学过程中,教师仍然是教学的导师,要在无形中引导学生自己去查资料,在查找过程中就可以通过自己独立的思考、分析和判断,从而可以找到更多的答案,这样经过反复多次的积累后,就会获得了适合自己的方法,使其学会学习成为现实;(3)项目教学也是学生之间沟通与合作的桥梁,随着项目的完成,可以增进学生之间的交流,让他们能够互相学习,互相沟通,互相合作。项目教学中,很重要的就是要找到合适合理的教学项目,所以教师要对项目进行精挑细选,既要适合教学又要让学生容易理解。在教学中要明确地告诉学生需要掌握的理论和技能,让学生在项目中去体会这些内容,让项目贯穿于整个教学。具体做法:首先根据项目的需要,将项目中的各个任务分配到教学课堂中去,根据任务难度的不同可以分不同课时完成;然后老师需要调动学生学习的积极性,让他们主动去学,最常用的互动方法就是,教师提出一种常见的完成任务的方法,让学生举出其他的解决方法;最后就是让学生采用一种或几种不同的方法解决课堂上的任务。这些看起来简单细小的教学方法,经过实践证明,对提高教学效果起到非常明显的作用。
网页艺术设计是伴随着计算机互联网的产生而形成的视听设计新课题,是数码艺术中的一个重要门类,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,它必然会成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。
一个成功的网页是依靠设计者的美术观念、对色彩和布局的掌控、对浏览者心理的把握、结合创意设计出来的,再应用合理的技术表现出来。
网页设计的第一步就是要分析和明确建站者通过网站要达到的目的及浏览者要获取的信息,从而确定网页的主题思想及围绕主题进行条理性处理,针对浏览者是儿童、男人、女人、年轻人、中年人、老年人等的习惯、爱好,从而明确网页设计的风格。围绕主题,运用艺术形式美法传达网页内容和表现网页风格,既要内容充实,又要吸引浏览者的注意力,使网页信息传送效率最大化。
网页是由多链接的页面和元素组合而成,在设计时强调整体和谐性,表达一个统一的视觉印象和文化意境。整体和谐性不仅是在各网页页面上有共同的形式特征,如色彩、造型、版式等上的外部完整的美感,也要在文化内涵和意境上体现出一种连惯性和整体性,给人一种内部有机联系。
应用网页技术可以使网页有视觉冲击和动态效果,但也要注意合理应用,技术应用与艺术设计要相辅相成,技术是为内容和形式服务的。1)考虑浏览器的兼容性。2)注意网页容量。不要将图片和动画过多加入,否则网页容量过大,网页过慢,浏览者也就失去看下去的兴趣。3)合理应用动态网页技术。CGI、ASP等动态网页技术上很先进,但相当一部分引擎还是不支持它的。4)适当应用各种网页设计方法和技术。比如,特殊字体的使用可能在有些浏览者的电脑上可能不能显示。
技术与艺术的紧密结合在网页艺术设计中体现得尤为突出,是网页艺术设计最大特点。虽然技术是表现艺术的方法而已,但是如果没有过硬的技术基础,那么,想要表达出艺术内涵恐怕是难于登天,技术和艺术间是相辅相成,相互促进发展。技术越进步,可以表现的网页形态越丰富;同样,为达到网页艺术表达的要求,往往促进一项新技术的诞生。
网页具有实时交互的功能,网页设计者将网页上传到网络后,点击率和受欢迎程度是可知的,网页设计者需不断更新内容和更换不同的界面环境才能让浏览者持续对它的喜爱。浏览者不再是被动的接受者,而是艺术建构的参与者之一[1],从而促进设计者与浏览者进行良性的沟通。网页设计人员也应在不同的时期和阶段、依据不同对象、不同的经营策略等对网页做出相应的变化,网页艺术设计也是动态变化的设计。
非线性的导航是指一种自由的、多方向和不确定的网页组织结构[2],而不是线性单一的,清晰的导航性使得浏览者在网页间的跳转而不会迷失方向,给人以清晰的层次感。网页设计者要做到不同角度的链接、告知浏览者当前的位置、当前页与其它页面间的关系等,每页应有一个返回主页的按钮或链接。
网页设计是一门新型的综合媒体艺术,是多种元素的综合体。多媒体的视听元素有文字、图像、声音、视频、动画等多样[3],网页是视听元素的创造和应用。
网页的显示效果会随着终端的变化而出现不可控性,网页的显示终端包括浏览器和显示器,这种不可控性主要体现在:
3)网页的浏览者可以控制网页页面在浏览器中的显示方式,如字体大小、网页缩放等;
曾有人认为,当每个企业都有了自己的网站,网页设计行业就将从饱和中走向消亡。这是错误的,网络更新发展之快、蕴涵潜力之大、覆盖之广都是前所未有的,网络的未来不可限量。网页设计的在以下三方面有着广阔的发展:
虽然现在每个企业几乎都有自己的网站,但不是每个网站都是技术与艺术的融合,网页设计人员往往懂技术的而不懂艺术,懂艺术的又不懂技术。随着时代的发展,网页的艺术设计,日益被网站建设者所注重。
虚拟现实的沉浸感、交互性、构想性的特征让它成为研究者们的热点。随着网络的发展,网络虚拟环境今天已存在,让多个用户(特别是不在同一地理位置的多个用户)参与到同一个虚拟环境中来,但这项技术还不成熟。网络虚拟环境是多领域技术的集成,这些技术包括允许不同地域间异质网络互联的技术,支持视觉、听觉甚至触觉/力觉反馈技术以及相应的多种交互设备。随着技术的日趋成熟,在线教育、在线就医、远程会诊等都会成为现实。
目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播、三维看房、看地图、网上逛商场和校园等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是网页设计必然的发展方向。随着技术的发展,在网络环境流畅地播放三维实时动画,实现网络漫游等都已实现。
网页艺术设计具有技术与艺术的结合性,伴随着网页技术与媒体艺术的发展而发展,也是平面设计在网络世界的延伸。随着时代的发展和需要,网页的艺术设计,日益被网站建设者所注重。
色彩在网页设计中的运用 色彩在网页设计中的作用 FLASH在网页设计中的应用 Flash在网页设计中的应用 FLASH在网页设计中的运用 Photoshop在网页设计中的应用 图层在网页设计中的应用 CSS在网页设计中的应用 艺术设计元素在网页设计中的运用 设计美学在网页设计中的体现 视觉艺术在网页设计中的运用 中国风格在网页设计中的应用 浅谈色彩在网页设计中的运用 浅谈PhotoShop在网页设计中的应用 平面设计在网页编排中的应用 浅析布局在网页设计中的运用 平面构成在网页设计中的运用 行为导向教学在网页设计课程中的应用 图形语言在网页设计中的应用 CSS滤镜在网页设计中的应用 常见问题解答 当前所在位置:表示是武汉市的天气预报。不同的城市序号不同。这是调用了腾讯公司的天气预报。但是在自己的网页中却不会留下任何腾讯公司的任何痕迹。如图1所示。
在网页中添加搜素引擎可以为浏览网页的用户带来极大的方便。加入搜素引擎的代码如下: 。
关键代码: 。还可以根据个人喜好添加不同风格的搜索引擎,只需要修改src属性即可。
有时候网页要在两个页面中跳转,并且把参数带到另外一个页面,并且这两种网页采用不同的开发语言。此时,也可以使用iframe来实现该带参数跳转功能。
例如,在a.php页面中需要输入用户名和密码,单击确定按钮,进入b.aspx页面。这两种页面分别是php页面和页面,采用php语言和C#语言编写。如果想直接传递参数,实现起来不会特别容易,但是通过iframe却可以方便地实现该功能。
(一)先将b.aspx网页打开并进行简化、调整,不能大量修改代码。修改之后保存,并修改文件名为c.aspx。如图3所示。
是一种可以在页面内嵌入网页或者网页界面元素的html标签。灵活地使用它可以为网页带来诸多方便,有时候看似比较复杂的问题往往能够迎刃而解。中嵌入的内容既可以是自己的,也可以来自互联网。但是在使用过程中切记版权问题和编码问题。
1.曾俊国.PHP Web开发使用教程。北京:清华大学出版社,2011年9月;