高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计趣文(推荐10篇)

网页设计趣文 第1篇

关键词:印刷设计 网页设计 差异比较

一、印刷设计与网页设计

为印刷媒介做设计跟为网页做设计是完全不同的经历。我们在这里讨论的是网页设计中的平面设计部分,设计师结合多媒体技术,以网页作为交流平台,以传递和交换信息的目的,发挥无穷的创意和灵感,运用新思维将自身的思维过程与结论等信息传播开来。印刷设计,是美术设计人员在遵循印刷技术和印刷工艺的基本规律下进行的平面图形设计。为了更好地明白两者的区别,我们可以从以下几个主题来进行对比:媒介的类型、受众、排版、视觉元素、技术和职业。

二、印刷设计和网页设计的差异比较

1、媒介的类型

在讨论两者在设计中的真正区别之前,先明白你在每个领域中可以做什么工作是很重要的。作为一个印刷设计师,你的工作可能是:杂志广告、产品设计和包装、名片、标识;网页设计师的工作可能是:标准HTML网站、flash网站、邮件时事通讯和横幅广告。当然,以上列举可能难以尽数,但最基本的区别在于:印刷设计是让别人手里拿到一个最终的成品,而网页设计则是需要你不断更新电脑的各种信息。

2、受众

当开始一个项目的时候,考虑到受众是很重要的,这就是印刷设计和网页设计之间的极大区别。在最基本的层面上说,网页是交互式的,而印刷作品通常不是。

3、排版

印刷设计和网页设计都需要干净、有效的排版。对于两者来说,总的目标是一致的。运用设计的元素(形状、线条、颜色、字体等)为你的观众展示内容。区别体现于在可利用空间的设计:在印刷方面,是用英寸测量空间;也可以是做小到名片、大到高速公路的广告牌的设计;确保设计的预期和作品完成之后给人相同的空间感受;必须有出血和安全的区域来保证打印的结果。网页设计方面,往往是用像素测量空间;你会面临一个挑战――设计的网站在所有尺寸的显示器和分辨率上看起来应该要达到最好。统一的设计,包括统一的导航(永远在同一位置),是把别人留在你的网站的关键。

4、视觉元素

印刷设计和网页设计的颜色处理可能是非常棘手的。在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式。重要的是要理解每个颜色模型和空间,例如说RGB、CMYK和HSV。在印刷设计中必须考虑颜色在屏幕和纸上的区别,当然试验可以帮助确保得到预期的结果。以及为打印机选择专色和印刷色,这些颜色从调色板中选择并确定一个代码提供给打印机。在网页设计中就需要考虑在不同的显示器,颜色显示的差异、亮度和对比度的改变对颜色的影响。

5、技术和职业

不管是印刷设计还是网页设计,不断更新技术是必要的,用Adobe Photoshop, Illustrator和InDesign等程序来做设计也很重要。对于印刷设计师来说,了解印刷过程的最新进展有助于达到最好的工作效果。对于网页设计师来说,清楚电脑程序设计师什么能做和什么不能做,会帮助你获得最有效的设计。

平面设计中的职业选择是多方面的,印刷设计方面涉及的职业包含杂志艺术总监、广告公司广告设计师、化妆品公司的包装设计师、T恤公司设计师,而网页设计方面就包括社交网站设计师、电影网站Flash设计师、市场营销公司的横幅广告设计师。

三、结束语:

网页设计和传统印刷设计同属于视觉语言,有相同的构图设计和版面设计原理。但两者的发展和应用空间各不相同。传统的印刷设计有其实感体验和信息的收藏的安全性,而网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,有纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,更接近于电影或电视的观赏效果。可见两者具有差异性且相互联系,但不可替代。

参考文献:

[1]《世界平面设计史》,王受之 著,中国青年出版社,2002年9月

[2]《平面设计与印刷工艺》,赵小林 编著,中南大学出版社,2003年10月

[3]《网络文化》,李钢 王旭辉 著,人民邮电出版社,2005年5月

网页设计趣文 第2篇

【关键词】网页设计 ; 网页艺术; 创意 ;元素随着

Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页!所以网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行,而网页界面艺术设计的文字、图形、色彩、多媒体四个要素则是设计的关键之所在,而创新思维是网页设计的灵魂,巧妙的运用会让网页锦上添花。

1网页创意设计思维

一个网站如果想在浏览者中确立自己的形象,就必须具有突出的个性。在网页设计中,要想达到吸引浏览者、引起共鸣的目的,就必须领先网站自身独特的创意,因此创意是网站存在的关键。好的创意能巧妙、恰如其分地表现主题、渲染气氛,增加网页的感染力,让人过目不忘,并且能够使网面具有整体协调的风格。

创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。

富于联想。

联想是艺术形式中最常用的表现手法,通过联想,人们在审美对象上看到自己或与自己有关的经验,美感往往显得特别强烈,从而使得审美对象与产品中引发了美感共鸣,其感情的强度总是激烈的、丰富的合乎审美规律的心理现象。

巧用对比。

对比是一种趋向于对立冲突的艺术美中最突出的表现手法。在网页设计形式中加入不和谐的元素,把网页作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现,借彼显此,互比互衬,从对比所呈现的差别中,达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示网页的特征,给浏览者以深刻的视觉感受。

大胆夸张。

夸张是一般中求新奇变化,通过虚构把对象的特点和个性中美的方面进行夸大,赋予人们一种新奇与变化的情趣。通过夸张手法的运用,为网页的艺术美注入了浓郁的感彩,使网页的特征性鲜明、突出、动人。

趣味幽默。

幽默法是指网页作品中巧妙地再现喜剧性特征,抓住生活现象中局部性的东西,通过人们的性格、外貌和举止的某些可笑的特征表现出来,无限延伸到漫画的程度,造成一种充满情趣、引人发笑而又耐人寻味的幽默意境。幽默的矛盾冲突可以达到出乎意料之外,又在情理之中的艺术效果,勾引起观赏者会心和微笑,以别具一格的方式,发挥艺术感染力的作用。

擅用比喻。

比喻法是指在设计过程中选择两个各不相同,而在某些方面又有些相似性的事物,“以此物喻彼物”,比喻的事物与主题没有直接的关系,但是某一点上与主题的某些特征有相似之处,因而可以借题发挥,进行延伸转化,获得“婉转曲达”的艺术效果。

巧设悬念 。

在表现手法上故弄玄虚,布下疑阵,使人对网页乍看不解题意,造成一种猜疑和紧张的心理状态,在浏览者的心理上掀起层层波澜,产生夸张的效果,驱动浏览者的好奇心和强烈举动,开启积极的思维联想,引起观众进一步探明广告题意之所在的强烈愿望,然后通过网页标题或正文把网页的主题点明出来,使悬念得以解除,给人留下难忘的心理感受。悬念手法有相当高的艺术价值,它首先能加深矛盾冲突,吸引观众的兴趣和注意力,造成一种强烈的感受,产生引人入胜的艺术效果。

以小见大。

以小见大中的“小”,是网页中描写的焦点和视觉兴趣中心,它既是网页创意的浓缩和升华,也是设计者匠心独具的安排,因面它已不是一般意义的“小”,而是小中寓大,以小胜大的高度提炼的产物,是简洁的刻意追求。以细节见整体,以管窥豹。

以人为本 。

艺术的感染力最有直接作用的是感情因素,而以人为本是使艺术加强传达感情的特征,在表现手法上侧重选择具有感情倾向的内容,以美好的感情来烘托主题,真实而生动地反映这种审美感情就能获得以情动人,发挥艺术感染人的力量,这是现代网页设计的文学侧重和美的意境与情趣的追求。

偶像崇拜。

在现实生活中,人们心里都有自己崇拜、仰慕或效仿的对象,而且有一种想尽可能地向他靠近的心理欲求,从而获得心理上的满足。这种手法正是针对人们的这种心理特点运用的,它抓住人们对名人偶像仰慕的心理,选择观众心目中崇拜的偶像,配合产品信息传达给观众。由于名人偶像有很强的心理感召力,故借助名人偶像的陪衬,可以大大提高产品的印象程度与销售地位,树立名牌的可信度,产生不可言喻的说服力,诱发消费者对广告中名人偶像所赞誉的产品的注意激发起购买欲望。

古典传统 。

这类网页设计以传统风格和古旧形式来吸引浏览者。古典传统创意适合应用于以传统艺术和文化为主题的网站中,将我国的书法、绘画、建筑、音乐、戏曲等传统文化中独具的民族风格,融入到网页设计的创意中。

流行时尚 。

流行时尚的创意手法是通过鲜明的色彩、单纯的形象以及编排上的节奏感,体现出流行的形式特征。设计者可以利用不同类别的视觉元素,给浏览者强烈、不安定的视觉刺激感和炫目感。这类网站以时尚现代的表现形式吸引年轻浏览者的注意。

神奇迷幻 。

运用畸形的夸张,以无限丰富的想象构织出神话与童话般的画面,在一种奇幻的情景中再现现实,造成与现实生活的某种距离,这种充满浓郁浪漫主义,写意多于写实的表现手法,以突然出现的神奇的视觉感受,很富于感染力,给人一种特殊的美感受,可满足人们喜好奇异多变的审美情趣的要求。

合理综合。

综合是设计中广泛应用的方法,从各个元素的适宜性处理中体现出设计师的创作意图,追求和谐的美感,是指在分析各个构成要素的基础上加以综合,使综合后的界面整体形式表现出创造性的新成果。

2网页设计几个元素的运用

色彩元素。

网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

视听元素。

这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。

多种媒体的综合运用 。

网页设计趣文 第3篇

关键词:互联网+;勘察设计行业;转型;创新升级

引言

自2015年我国首次提出制定“互联网+”行动计划,“互联网+”相关的行业计划和政府政策相继推出,标志着“互联网+”的时代到来。

在“互联网+”趋势下,很多传统行业面临着严峻的挑战,有着必须做出改变的紧迫感。工程勘察设计行业作为国家经济发展、科技进步以及大国实力体现的重要行业,承担着实施国家产业政策、服务国家工程建设项目、加强工程建设科技成果转化等重要使命,在实现经济发展方式转变、生态保护、提高效益等方面肩负重要的责任。

近年来,勘察设计行业也从CAD制图模式发展出新的BIM技术理念、工程数字化管理理念等新模式、新理念。作为设计单位,既要面对经济转型实现持续发展,又要融合互联网新模式适应社会的深刻变革,在新的背景下,如何认识互联网新模式、如何利用产业资源、如何找到模式融合的发展方向,是我们亟待解决的问题。

一、“互联网+”和“+互联网”

伴随着互联网行业的兴起,如何将传统行业与互联网行业整合以及整合的路径成为人们研究的方向。当前,主要的整合方式包括“互联网+”与“+互联网”两种模式,二者本质相通但具体路径及内部关系仍有差异。

具体到勘察设计行业,在选择“互联网+”或“+互联网”两种道路上,有各自的特点,主要包括以下三个方面:

第一,“互联网+”和“+互联网”的主导方不同。“互联网+”模型下的勘察设计企业整合要以互联网为主导,以互网的模式、需求甚至管理为主导,实现原有勘察设计行业的业务,依托互联网的优势来提升整合效果。而“+互联网”更强调传统勘察设计企业的主导作用,在传统企业自身业务、机制等基础上,融合互联网的技术或理念,提高企业或业务运转的效率,从而增加生产力。

第二,“互联网+”和“+互联网”优势不同。“互联网+”以互联网行业为依托,借助互联网行业技术开发、快速迭代、业务运营等方面的先进工具,将用户体验、业务效率提高,达到前所未有的业务规模,达到对传统行业的整合或冲击。而“+互联网”则侧重传统企业对勘察设计行业多年的积淀,以此为基础,融入互联网行业的思想,逐步进行流程改进、业务优化等过程,实现传统行业的业务变革。

第三,互联网+”和“+互联网”的发展过程不同。“互联网+”利用互联网行业模式,实现传统行业业务,形成对传统勘察设计行业的整体的模式转变或革命,其模式转变大,变革更彻底。“+互联网”则是利用传统行业的基础不断引入互联网经验提升效率,其整合过程存在一个阶段性的融合,通过不断得整合使得原有设计行业与互联网行业的融合深化,形成变革。

总的来说,“互联网+”和“+互联网”是两种不同的整合方式,但二者并不对立,有效利用两者思路,相辅相成,实现传统勘察设计行业的变革发展。

二、转型发展面临的问题

设计行业首先面临的转型发展问题是行业属性的变化问题,随着过去长时间以来设计行业的发展,收入不断提高,行业规模不断扩大,但是不可忽视的是,原有行业的内在属性在逐渐变化,收入结构不断调整,本质上,设计行业在新的经济结构中创造价值的方式发生了改变,设计行业的边界越来越模糊,经济新常态给设计行业带来了新的挑战,传统的生产方式受到了威胁,设计行业必须思考挑战背后的核心,设计行业作为服务型机构的核心本质依然成立,必须更加突出服务属性,立足新的环境探索新的发展方向,寻找转型过程中的竞争力。

设计行业首先面临的转型发展问题其次是发展环境的变化。每一次社会经济的变革都是伴随着技术的变革和应用,每当处在新技术发展并冲击传统技术和行业的时候,便是旧的经济模式收到新模式冲击的时候。设计行业目前便处在行业环境剧烈变化的时刻,新模式不断涌现对旧模式形成冲击,这也促使新模式不断试错并最终取代旧的模式。只有意识到所处的环境,才能激发紧迫感,促使传统设计企业思考变革的方向,必须选择一个转型的指导思想,实现自我革新,主动适应外部环境的变化。

第三个设计行业首先面临的转型发展问题是供给结构的变化,互联网行业的迅速发展和新技术的不断出现,使得互联网行业对许多传统行业进行了革新。设计行业同样是非常依赖技术的行业,作为深刻改变人们生活行为的技术进步,互联网行业的发展势必影响设计行业的技术运用和行业本身的发展方向。当前互联网技术最显著的发展方向在移动互联网、云计算、大数据、人工智能等方向都给予设计行业非常多的冲击,加之互联网技术本身具有的信息共享、数据检索等优势,促使设计行业人员不得不考虑行业技术的走向,将行业技术与互联网技术结合,主动将“互联网+”作为行业发展的重要力量。

最后是工作模式上的变化。新生态下将衍生出自由的设计群体,他们不属于任何设计机构,通过专业的分包平台,上传自己的专业背景、设计案例、项目经验、收费标准等内容,实时更新内容便于发包方来有针对性的选择承接人员。同时,设计人员也可在平台上搜罗适合自己的项目,联系对方;平台上的共享各类项目文档,有助于真正实现协同工作,并在整个设计过程中整合各种专业资源,通过平台,还可以学习各类专业规范和标准以及获取技术资源和工具,有的放矢;作为设计人员会很注重自己的业务能力和客户反馈评价,不同的等级和评价会直接影响自己未来获得项目的机会和定价费率。

三、发展和转型的突破口

寻找发展和转型的突破口,首先要了解互联网的主要经济模式,其中最主要的内容,便是平台的构建。互联网实现对传统经济的变革,主要是依赖平台概念,平台连通了多个不同的客户群体,解决这些群体的某些需求或通过连接提高其某方面的效率。各行业通过平台的建设来为用户创造价值,这既是未来行业竞争的关键,也是转型发展的重点。

在“互联网+”的发展中,云平台的概念即成为了平台的新型模式,云平台所连接的更放更强调价值的高效整合,通过形成整合各方的价值闭环,极大地提高整合各方的协调与创造能力。

在平台的概念下,业务发展模式从过去的产业、区域等发展思路转变成了以资源整合方式为创新方向的发展思路,其主要融合的方面包括互联网技术资源、资本资源、其他产业资源等。通过这些资源的融合,整合出新的业务模式,提高竞争力。作为设计单位,能整理利用其他单位的资源,或与其他单位资源共享、整合创造以提供更具竞争力或更高效率的产品,将是重要的发展方向。

四、勘察设计行业的发展导向

工程勘察设计行业的信息化建设并非原地踏步,近年来,随着管理要求的不断细化,勘察设计行业的信息化包括信息管理、信息采集、业务流程等方面,在引进信息技g的过程中,也积累了一定的信息化建设和管理经验。

另一方面,信息化建设在“互联网+”的时代对传统行业也有了新的要求,更加促使企业要加强信息化顶层设计、做好统筹规划,才能使业务发展适应互联网技术的快速发展,有能有力推动企业精细管理,提高生产效率。

我国经济发展已进入新常态,“互联网+”已经成为新常态下创新驱动发展的重要组成部分,“十三五”是实施创新驱动发展战略的重要阶段,也是我国工程勘察设计行业不断转变发展方式、转型提质的新时期。随着国家“一带一路”战略、新型城镇化及建筑产业化的推进,城市快速交通体系、绿色建筑、海绵城市、城市综合管廊等方面将有很大的发展空间,以互联网、大数据、云计算等信息技术为基础的“平台”打造也将给设计企业带来新的发展机遇,改变传统的商业模式、生产模式以及管理模式。未来,需要我们更加全面地制定转型和发展战略,甩开膀子以更大的决心面对新技术的挑战并迎接更大的市场前景,同时更要拥有变革转型的信心。

五、结语

逆水行舟,不进则退。“互联网+”虽然对越来越多的行业进行改造和升级,但与其相对应的是这些行业同样产生了新的市场,甚至是更加广阔的发展机会,勘察设计行业唯有主动求变,主动融入互联网行业,找准切入点、夯实着力点,方可在新的行业竞争中抢占制高点。

参考文献

[1] 罗百辉.《互联网+协同制造是一个有机的生态体系》,2016年4月7日.

[2] 曹淑敏.《关于积极推进“互联网+”行动的指导意见》解读[J]. 软件产业与工程, 2015(5): 7-10.

网页设计趣文 第4篇

关键词:网页设计;美学原理;条理与反复;变化和统一

人们对美的追求是不断深入的,网页设计同样如此。网页把信息以快捷、方便的方式传递给浏览者,在网页设计中不光是把各种内容放上去,能看就行,还要考虑如何使浏览者能够更多、更有效地接收网页上所传递的信息,如何给他们留下深刻的印象,使人浏览起来心情愉快,接收信息也会更加容易,同时提升网站的形象。

网页设计在满足了基本功能的要求之后,为了突出特色,突出优势,必须从审美的角度入手,运用一些平面设计中美学的基本形式到网页中去,结合使用方便的要求,制作出清晰、富有美感、整体性好的页面。例如将平面设计中的节奏、韵律、骨格等形式溶入到网页中,会使内容繁多的页面更加有条理,浏览起来主次分明。当然这种美感首先要确保页面内容充实,具有实用性,否则一个内容空洞无物的网页,既使做得再漂亮也没有任何的用处。这就要求在网页设计中,设计师要具有较好的美学原理的素养,同时要有丰富的平面设计经验,这样才能在设计时驾轻就熟。

从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究、掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把美的形式规律同现代的网页设计的具体问题相结合起来,下面我们来具体谈谈。

先谈谈变化和统一,变化是各个组成部分之间的区别,统一是个部分之间的内在关联。完美的图形设计,形式上要丰富有条理,即对图形的大小、方圆、动静、强弱等方面的处理;组织上要有秩序而不单调,不混乱,即图形的主从关系,叙事关系,呼应关系等方面的处理。在图形设计中运用变化与统一的规律,是处理形象和组织的对立统一过程,那么在网页设计中同样要恰当的利用这种规律,在我们把大量的信息填塞到网页上去的时候,考虑怎样把它们合理的,用统一的方式来排布,使整体感强,同时又要有变化,这样使页面更丰富,更有生气,看起来就不感到枯燥,有些网站排布的内容从上到下几十条,没有一点变化,显得单调而乏味,就是违反这种形式美的规律,所以要充分的运用变化来改进它,从排布的形式上或者是颜色上都可以。

再看条理与反复,其中反复是有规律的连续与延伸,有组织的变化与扩展并加以归纳,概括而富于条理化。条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多,同时应用得也比较自如,这时由于很多网站丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复的利用,使网页较为整齐,脉络清楚,读起来也能着重点。当然,内容较少的网站同样需要条理与反复,以达到更为富有变化和清晰的视觉效果,如文字的合理编排,图片和文字的结合,如何呼应等等。

对比和调和,对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时,两者之间有相互作用的性格,更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法,而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是量的方面都没有矛盾,各部分所传达给人的感受和意念之间不是相互分离或排斥,而是一个部分多样性的整体统一来表现美的状态。那么在网页设计中,如何利用它来达到好的效果呢?首先合理的利用对比的因素,例如文本的排布、字体的大小、粗细、颜色,图片的宽窄、比例的反差、透明以及位置的放置等等。

对称均齐与平衡,这是动力与中心两者矛盾的统一所产生的形态,是设计中求得中心稳定的两种组织形式,对称均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形,都要求图形整体结构对称严谨,形态安定均齐,常见的内容有红双喜,门、窗户等。从家居布局上来讲,中国传统的建筑也是讲究对称均齐的,比如我们现在的故宫、四合院、中国结、瓷器、玉器等都有很多对称均齐之作,不光是中国的,纵观世界的建筑或是一些艺术形态也是比比皆是。当然,对称均齐也要寻找差异性,并不是一定要左右、上下一样。比如银行门口的狮子,狮为两头,各分左右,形为相似,却各有其态,这就是大对称小对比,所以说不要单纯的以为对称均齐就是上下、左右相同,而应是上下、左右相似,大部分在形体上的体积是一般大小的,这样视觉上即有对称均齐也有对比,效果要比单纯的对称均齐要好得多、丰富得多。平衡,实际上也是一句中轴和支点保持平衡,所不同的是配置的元素为等量不等形,它没有一定的组织原则,只要能在形式结构上掌握好中心即可,它要求在形式上自然合理。平衡是更为丰富的形态了,是运用大小、色彩、位置等差别来形成视觉上的均等。设计中也会遇到平衡的问题,比如说,左右大小不一的时候我们通常会通过其它手法来让其不会觉得一边倒。而采用的手法大多是色彩的轻重、内容的疏密。具体到网页设计上来讲,我们通常不会做左右对称的设计,但是却会产生一边倒的情况,如视觉上左边内容多而空间大,右边内容少而空间小。这样一边倒的情况就不美观了,如何解决这个问题呢?答案是:寻找不同类型的元素来作为左右的砝码。比如左大右小时,那么左边放上文字以供浏览,右边放上图片,由于图片比起文字来视觉份量要重一些,所以用小图片就可以和文字形成一个平衡。又可以用色彩来平衡,左大右小,那么在色彩上就左轻右重。在自己的脑子里始终放上一个天秤,把你的设计元素放在天平的两边,这样的页面就会活泼而不会觉得有失重之感,一个活泼又不失重的作品必然是成功的。所以对称均齐偏于静止的形式美感,而平衡却显得灵活多变,带有动感,只有通过不断的实践才能够在这方面驾轻就熟的运用,设计出成功的作品。

再谈谈节奏与韵律,运动中的事物都具有节奏和韵律的形式规律,节奏与韵律本来在音乐、舞蹈、诗歌及电影等具有时间形式的艺术中通过视觉和听觉来表现的,节奏本身没有形象特征。只是表明事物在运动中的快慢、强弱以及间歇的节拍。节奏可以说是条理与反复的发展。它带有机械的秩序美,韵律是每个节拍间运动所表现的轨迹,它带有形象特征。在具体的网页设计的运用中,按钮的编排就经常会遇到这个问题,做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感,同时丝毫不损其实用性,可惜现在见到类似的太少了,因为需要不光是从形状上,而且要从整体的色泽、大小等综合方面入手。

上面仅仅探讨了几个非常贴近网页制作的美学原理以及在网页中的运用。作为形式美的法则,是随着时代的不同而不断发展进步的,特别在生活节奏如此之快的互联网时代,由于人们追求目标的变化,审美观念也在不断的变化。随着技术的发展,很多的目前不容易实现的审美形式也会逐渐被克服,突破带宽的瓶颈,就会给网页设计的自如发展带来一片新的天地。我们对美的追求是永不停止的,但是美的本质是一样的,作为网页设计师要不断的提高自己美学原理方面的素养,这样才能不断地设计出更好的、富于美感的网页作品。

参考文献

[1]张帆,罗琦 网页界面设计艺术教程[M].北京:人民邮电出版社,2004.

[2]刘丹, 视觉元素在网页设计中的运用[J].合肥工业大学学报(社会科学版),2006年第20卷第02期.

网页设计趣文 第5篇

关键词:网页设计;色彩应用:色彩搭配;主题色

中图分类号:TP393

文献标识码:A

1色彩的基本知识

任何一种彩色都具备三个属性:

色相即指色彩的相貌。是一种颜色区别于另一种颜色的表相特征。比如说红色、黄色、蓝色都代表不同的色相,表示颜色自身的独特性质,是色彩中最基本、最重要的属性。

明度是指色彩在视觉上的明暗程度,也称之为亮度。明度越高,色彩越亮;明度越低,色彩越暗。

纯度是指颜色本身的纯净程度,又叫饱和度。纯度越高,色相表现越明显,色彩越鲜艳、活跃、刺激;纯度越低,色相表现越模糊,色彩越浑浊、稳重、平淡、柔和。

2网页色彩的使用原则

(1)色彩的艺术性。凡是经过设计的色彩都具有某种程度的艺术性。既符合实用要求,又遵循美学原则。和谐统一,均衡布局,重点突出是网页设计的原则。一般来说,不同的色彩进行搭配组合,通过艺术手段的处理最终形成一个艺术性强且能够吸引人和感染人的网页页面。

(2)色彩的鲜明性。网页的色彩要鲜艳,容易吸引浏览者的注意力。

(3)色彩的独特性。网页色彩的选择与搭配要与众不同,这样才能给读者留下的印象深刻。

(4)色彩的联想性。不同的色彩会使人产生不同的联想。白色使人想到雪花,黑色使人想到黑夜。蓝色使人想到天空和大海等。在网页设计时,选择合适的主题以及相关的色彩,可以使网站流露出别样的气息。

不同的浏览人群;不同的社会背景;不同的受教程度;不同的心理需求,有着不同的鉴赏观点。鲜艳红色的政府机关网站体现其庄严肃穆;悠悠绿色的农林网站给人一种生机勃发的感觉;淡淡的粉色多体现女性的柔美之气……这些都是过去时,是经典。随着科学技术的发展,设计理念的转变。在互联网这个大环境下,不乏设计独特且色彩运用别具匠心的网站。如:以灰色为主色调的奥迪公司网站,既能体现高雅大方的气质,也不失金属本身的质感,和谐统一。

3网页色彩搭配的技巧

邻近色的应用

邻近色:色环中两种相邻近的色彩。例如绿色和蓝色、红色和橙色就互为邻近色。采用邻近色的作用可以使网页避免色彩杂乱,易于达到页面的和谐统一。

互补色的应用

互补色:色环中两种相对的色彩。例如红色和绿色、紫色和黄色、蓝色和橙色互为互补色。互补色可以突出重点,增强画面的对比,产生强烈的视觉效果。 在网页设计时,一般以一种颜色为主色调,适当加以互补色作为点缀、可以起到画龙点睛的作用。

黑白色与其它色彩的应用

一般纸质印刷型文献很少使用大面积的黑色。在网页设计中以黑色为底色的网站并不少见,尤其是一些游戏宣传网站。在RGB的色彩模式中,黑色和白色象征着透明,很容易与其他颜色相协调,制作出风格新颖的网页。彩色的页面比黑白的页面更吸引人。研究表明,人对彩色的注意力和记忆效果比单一颜色要好,彩色的记忆效果是黑白的倍。在一般情况下,网页的配色不要太复杂。尽量控制在同色系或邻近色系,避免由于色彩过多而导致页面颜色的繁乱。背景和文字的色彩对比可以强烈一些,以突出重要的文字内容。

色彩的心理感觉

不同的颜色给予浏览者不同的心理感受。红、橙、黄等暖色给人一种温暖,热情的感觉;蓝、绿、青等冷色则会给人一种阴凉、寒冷的感觉,通过调整色彩的饱和度和透明度,把色彩的明、暗色有机的配合起来。这样的页面看起来既色彩统一,又富有层次感。

色彩的轻重感。明度高的色彩让人感觉轻,明度低的色彩让人感觉重。在明度相同的条件下,冷色一般比暖色感觉略轻。在网页色彩设计时,冷色用在网页上部,暖色则用于下部,这样比较符合人们的视觉习惯。

色彩具有收缩感与膨胀感。如肥胖的人穿着暗色系的衣服,就不会显得过于臃肿;而消瘦的人穿浅色系的衣服,就不会显得过于瘦小,这就是色彩的收缩色与膨胀色在起作用。一般来说,明度高的色彩有膨胀感,明度低的色彩有收缩感。

色彩的象征意义:如绿色、红色、金黄色、雪白色分别象征着春、夏、秋、冬四季。每一种色彩都具有各自的情感效果和象征意义:红色代表热情、温暖、幸福,容易让人联系到火焰和喜庆:绿色代表新鲜、平静、柔和,会使人充满青春、活力和希望;蓝色代表深远、沉静、寒冷,蓝色性格朴实而内向,象征高新科技的发展和智慧的结晶;紫色代表高贵、浪漫、魅力,在紫色中加入白色,可使其变得优雅、娇气,并且充满女性的魅力;白色代表纯洁、纯真、朴素、神圣,白色具有圣洁的不容侵犯性。如果在白色中加入其他任何颜色,都会影响其纯洁性,使其性格变的含蓄;灰色代表忧郁、平凡、沉默、寂寞。属于中间性格,男女皆能接受,所以灰色也是永远流行颜色。

4网站主题色彩的选择

色彩是烘托主题的最有效的要素,网页的色彩应用没有固定的模式,色彩的选择搭配要根据网页的内容和主题以及大众的欣赏习惯来确定。作为网页设计者来说,要根据浏览者的类型、社会背景、心理需求等来选择网页的色彩主题色与辅助色,做到有针对性的用色,所选的色彩与网页所表达的信息相符合,与传达的精神相统一。

网页设计趣文 第6篇

【关键词】给水排水工程 网络化 实习

【项目支持】兰州交通大学“本科教学工程”重点支持项目。

为了贯彻落实《国家中长期教育改革和发展教育规划纲要(2010―2020年)》和《国家中长期人才发展规划纲要(2010-2020年)》重大改革项目,教育部提出的“卓越工程师教育培养计划”是未来较长时期内我国高等工程教育改革的重大举措,是促进高校培养适应社会和经济发展需要的高级专门人才的一项新的“质量工程”[1],旨在培养造就一大批创新能力强、适应经济社会发展需要的高质量各类型工程技术人才。而实习教学是培养工程技术人才的重要教学手段之一,是学生将所学的理论知识与生产实际相结合的实践过程,在促进学生的知识转化、理论与实际相结合,培养动手能力和专业所需的基本技能方面有着不可替代的作用,是理论教学的继续、深化和体检,有助于培养学生工程实践能力和创新意识,是实现“宽专业、厚基础、强能力、高素质”的人才培养目标的重要保障,也是培养给水排水工程专业创新性人才的必要条件。

目前,大部分设置给水排水工程专业的高校现有的实习模式主要为现场实习,该项创新改革研究旨在解决的问题主要是把原来单一的现场实习转变为现场实习与非现场的网络化实习相结合的实习模式,并在以后的实习中占有重要的地位。因此,给水排水工程专业网络化实习体系的建设与创新无论是从国家的培养“卓越工程师”和创新型人才,还是从学生自身的就业工作方面来看都有重要的现实意义,并且对于尝试改变传统的实习模式无疑具有及其重要的研究意义。

1.给水排水工程专业实习现状分析

通过调研其他高校的给排水专业实习现状[2―3],以及就实习问题进行的多方面讨论,并结合多年实习教学的经验及参加实习的学生反馈的相关信息,提出给水排水工程专业实习目前存在的问题主要有以下几方面:

(1)实习经费少,实习质量不能保证。现有的实习基地的实习工艺大部分是在20世纪90年代或之前设计的,有些工艺已经严重滞后,不能适应当代水处理技术水平的发展要求,但是目前大多高校没有足够的实习经费组织学生去全国各地看看比较先进的新工艺、新材料,导致最新的水处理技术在现有的实习范围内看不到,造成实习质量下降,学生信息相对闭塞。

(2)实习基地有限,指导管理不到位。目前给水排水专业各校的实习基地都较少,实习资源有限,选择余地小,临时联系的实习基地特色和内容不是足够的了解,不能做到深入的指导。

(3)实习教学资源不足,学生人数多,讲解员少。实习过程中,学生人数较多而讲解员较少,师生比达不到实习要求,再加上现场噪声大,学生的接受理解能力有差异,导致学生跟不上讲解员的节奏,从而影响了下一个单元的学习,并且打乱了实习秩序,实习走马观花,严重影响实习效果,对培养学生工程实践能力有很大影响。

(4)实习时间短,实习形式比较单一。虽然给水排水专业有三个阶段实习,即认识实习、生产实习、毕业实习[4],同时实习层次和实习要求也是由浅入深,但是由于考虑到实习基地的接收能力和学生的安全性等因素,在每个实习基地的实习时间较短,并且三个阶段的实习形式都主要为参观实习,不能达到实纲的要求,不能全面了解水处理构筑物的池体结构,对学生掌握专业内容及课程设计和毕业设计产生诸多负面影响。

2.给排水工程“网络化”实习体系的建设与创新

“网络化”实习体系的构想

鉴于上述存在的诸多问题,结合目_络强大的信息传播功能,提出了“网络化”实习体系建设与创新的构想,主要从以下几方面构建“网络化”实习体系。

(1)建立网络化实习基地

由于受到实习经费的限制,不能保障学生外出实习学习更多的知识。对此,为了保障实习质量,先保证专业教师尤其是青年教师出去实习,去全国各地有新工艺新设备的有代表性的水厂实习,现场录制视频和拍图片,然后整理成纪录片格式,建立非现场的网络化实习基地。通过此举措施,不仅可以拓宽学生的实习范围,增加学生的实习兴趣,对培养学生的工程实践能力起到很好的促进作用,而且在较大程度上培养了青年教师的工程实践能力。

(2)实现实习基地的动态化

以“水联网”的命名,开通一个主要用于实习动态交流的微博系统。在每个阶段的实习前后一到两周内,通过微博通知实习消息,并在实习动员大会中,解决实习中遇到的问题,探讨实习报告的写法等内容,真正实现实习的动态化,并在微博内增加学生实习反馈信息栏目,及时完善实习系统。

(3)开创图纸版实习基地,保障学生实习的深入化

对实习中的重要构筑物进行图纸化剖析,形成图纸辅助实习法。为保证本项研究顺利实施,就需要收集构筑物的初步设计阶段或施工图阶段的图纸,进行归类处理,变成PDF格式,再配以现场拍摄的照片,形成图纸版的校园网实习基地,便于学生在实习前后和学习《水质工程》课程的时候随时查阅,进行深入研究学习。

(4)开发立体版的实习模型,打造全方位剖析、动静结合的实习理念

及时归纳总结实习中和课程学习中难于掌握的重点构筑物类型,利用Solidworks、Pro―E等三维实体型软件对其内部构造进行全方位、多角度的剖析,形成立体版的实习模型,并采用Authorware软件来模拟水流动状态,形成静中有动、动静结合的实习理念。

“网络化”实习体系实践与应用

在过去的一年里,根据给排水专业本科实习所处阶段的不同,针对性的进行实习体系的实践,根据不同实习阶段的不同要求,可划分为三个阶段,分别是――认识实习、生产实习和毕业实习。相应的实习体系也分为三个层次,层层衔接、层层递进,实现“认识―实践―再认识”的提高,以强化实习效果,提高实习质量。

认识实习是学生在开始进行专业基础课和专业课学习之前,对本专业所从事工作的性质和内容的一次实地考察和认识。通过实地参观,使学生获得给排水工程方面的感性认识,了解给排水工程的作用,为后续课程的学习打下基础;培养学生热爱本专业,激发学习兴趣。为此,通过购买、收集、编制、整理了部分有代表性水厂的视频资料, 现已完成的水厂有:兰州市自来水公司、西安南郊水厂、兰州石化污水处理厂及唐山火电厂工业水处理等。目前,已在教学实践过程中,播放了大量水厂的构筑物及工艺流程的相关视频,学生反应良好,成效显著,这就为后续生产实习及毕业实习打下基础,为“实践―再认识”打下基础。

生产实习是本科教学计划中非常重要的实践性教学环节,其目的是使学生了解和掌握基本的生产知识,巩固和丰富己学过的专业课程的内容,培养学生理论联系实际的能力,提高其在生产中调查研究、观察问题、分析问题以及解决问题的能力[5]。目前,已完成了部分构筑物的三维实体造型:主要有虹吸滤池、无阀滤池、脉冲澄清池等,可从各种角度观察构筑物的内部构造,再结合视频资料,以及微博互动讨论,改变了以往学生对图纸理解能力差,看不懂图纸,对各种水处理构筑物的构造认识模糊等问题,达到了预期效果。

毕业实习是学生在学完教学计划规定的全部课程后所必须进行的综合性实践教学环节,是对各门专业课程的综合实习。其目的是使学生进一步巩固加深所学的基础理论、基本技能和专业知识,使之系统化、综合化;了解工程设计程序及各设计阶段的设计深度及要求,培养学生独立工作、独立思考并运用专业知识解决工程实际问题的能力,同时培养学生独立获取新知识的能力。目前,通过多种方式收集大量的典型水厂构筑物设计图纸,在微博平台分享各水厂大量的PDF格式图纸,并配有相关的文字说明,采用网络化资源共享使得学生在毕业实习阶段的制图能力有所提升,对设计方案尤其是工艺流程的确定的问题得到了有效的解决。此外,通过Authorware流体软件模拟构筑物内水的进出和流向过程,以及净化水过程,动画效果显著,值得推广。

3.结语

给水排水专业的实习是培养学生综合应用工程技术能力的一种强有力的手段。“网络化”实习体系的建设有利于提高给水排水工程专业学生的实习效果,增强学生的实习主动性,对实习内容的完善,实习效率的提高,实习范围的拓展都有很好的促进作用,同时对于培养创新型的应用类工程技术人员具有极大的影响。给排水工程专业作为“网络化”实习的一个试点,今后逐步完善网络化实习内容,可在全国范围内积累实习资料和录制高质量的实习纪录片,最后逐渐推广到兰州甚至全国的各个高校实习中去,实现实习的标准化、统一化。因此,该项改革对促进全国范围内实习的标准化具有极大的现实意义。此外,该项改革有利于形成电子化的实习教材,通过专人及时整理和补充最新资料,可以在较大程度上节省人力和经费,并且可以降低甚至消除现场实习的危险性,因此,对稳定高校实习秩序可起到重要作用。

参考文献:

网页设计趣文 第7篇

电子商务是随着网络的高速发展应运而生的产物,它打破了传统的购物方式,使用户不用面对面的坐在一起洽谈,就能实现交易,方便性不言而喻。它主要体现了如下特点:

1)交互性。电子商务不再像以前那样单一的模式,客户现在可以通过聊天工具进行谈价,浏览很多大型的电子超市,可以说几分钟能够逛几家门店,快速便捷,是传统商业模式无法比拟的。

2)全球性的竞争。现在的电子商务网站已经逐步全球化,国外的商品能够引进来,国内的商品也能够走出去。如某世界知名品牌的奶粉,网络上的销售价格很低,因为传统门店的税费相当高,且销售额受到一定的冲击是很正常的。不过现在是市场经济时代,很多传统门店卖家开始意识到这些问题,在保留传统的基础上开展电子商务,实现了双赢的效果。国家也出台很多优惠政策来帮助商户,鼓励进行创业,支持电子商务的发展。

3)专业化。电子商业水准越来越向专业化的方向发展了,不论售前咨询还是售后服务,还是维修等后续工作都形成了专业的模式。

二、招贴设计在电子商务网站的设计艺术

1)品牌的塑造。在当今通讯发达的时代,企业或者商品要想在取得好的消费业绩,必须站在消费者的角度去考虑问题。传统的品牌形象设计方法,我们仍然可以拿过来来运用。如聚美优品,它主要从事化妆品的销售,在打造女性护肤品方面定位准确,重视网络销售的优势,世界品牌的进驻为在质量方面提供了保障,是用户不再担心买到赝品。同时加强各类媒体的强势选择,网页设计精美,每周不定期推出优惠的海报,让消费者流连忘返,优秀的商务网站能够准确的传达商品信息、品牌信息和商业服务等方面的信息。因此聚美优品整体形象的策划,是它迈向成功的基础。还有有些政府现在逐渐重视电商的发展,引导商户进驻电子商城,还有大别山特产网,以经营特色农产品为主,虽然如今还属于起步阶段,但是发展空间很大,不仅给当地政府带来好的税收,还解决了一系列的就业问题。

2)色彩的应用和版式的编排。电子商务网页设计应该注重色彩的合理搭配,以促销为目的,要站在消费者角度去思考,还要结合实地环境和商家需求,不能根据自己的爱好来配置色彩。色彩的应用方面首先考虑色彩的情感,提高作品的被关注度。如红色代表喜庆、兴奋,绿色代表希望、健康,黄色代表激情、奢华,蓝色代表冷静、忧郁。不同的民族和地区都有自己的色彩情感,因此在设计中应该注意认知的区别,如运动性的海报可以运用对比强烈的色彩,药品的海报应采用蓝色和绿色方面的色彩来进行搭配等。其次还要考虑色彩设计的技巧:

①利用色彩对比和调和来突出广告语的主题形象;

②加强色彩层次,黑白灰形成强烈的对比,暗部色彩细分,灰部色彩分为深灰、中灰、浅灰,当然还包括白色。

③氛围营造,不同的主题使用不同的色彩,如春节等节日,可以采用节日色彩来表达喜庆,尤其是大面积的使用这类套色。电子商务网页设计在排版上严格按照网页设计的标准,形象鲜明,字体标准,这里要注意的是招贴设计中版式设计。常见的版式设计有:

①主要标题型,其他素材为辅助元素;

②图片和文字型,以这两个方面为主题,但多以图形为主,因为图形较文字更能吸引别人的注意;

③表格型,主要用来详细标注真实的信息,没有任何夸大的成分;

④曲线和倾斜型,起到强调的作用,同时一般用于轻松、委婉的主题;

⑤综合型,不受这几类版式的影响,比较自由的一种形式。版式设计的好坏决定着招贴设计的成败,好的版式设计能够让消费者一目了然,同时还能吸引消费者的注意力。在内容上要有所区别,如信息陈述上不应该出现杂乱随意的排版,在商品宣传上可以使用活泼的排版,不能一概而论。

3)文字的艺术。在广告文案方面,要起到画龙点睛的作用,一语中的,直触消费者的内心,引起共鸣。如只选对的,不选贵的(雕牌洗衣粉),农夫山泉,有点甜(农夫山泉)。单独的字体设计也可以形成招贴合计,字体设计和图形设计相辅相成,紧密联系,各自具有独特的魅力。

三、未来展望

网页设计趣文 第8篇

关键词:网页设计;元素;美学

Aesthetic Overview of Web Page Design

Li Shanshan

(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)

Abstract:The web design on the one hand must have _beauty_,which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.

Keywords:Web design;Elements;Aesthetics

网站在我们社会生活中无处不在,网站网页设计是伴随着计算机技术、网络技术、图像动画处理制作软件的产生和发展而形成的设计新课题,他是运用相关的软件技术、美学知识等,依照设计目的和要求对网站进行功能上的实现和视觉艺术的创造性思维活动。下面就网页设计的“美学”进行探讨。

一、设计元素

网页设计的元素主要是视觉和听觉元素,主要包括:文字、图像、动画等多媒体元素。随着多媒体技术的发展和运用使视听元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。

(一)文字。文字是网页界面的主体,是用以传达信息的主要元素,虽然利用网络多媒体也可以达到同样的目的,但网页中文字的优势很难被取代。

(二)图形。图形在网页中有着十分重要的作用。在网上浏览时,浏览者常常会因看到一幅十分引人注目的图形而感兴趣去了解相关内容。在很多网页中,图形占据着整个页面的重要位置,有的甚至占据了整个页面。在视觉顺序上,图形往往能首先吸引人的们注意力,这是由于图形给人的视觉印象要比文字强烈得多。几乎所有的网页都用到了图形,善用图形,可以生动、形象、直观地表达网页的主题,增强网页的宣传力、感染力和号召力。图形必须符合网页的主题,并具有创新的构思和强烈的个性,使主题与表现两者较好的统一,以有利于信息的传达。

(三)多媒体。将多媒体元素引入网页界面,可以很大程度上增强浏览者的吸引力。从网页界面的发展来看,由纯文字界面到图文并茂,再到引入新的多媒体元素,这是一个必然的过程。浏览者希望在网上看到更具创造性、更具吸引力和更具情趣的内容,多媒体元素正是实现这一目标的重要手段。网页中所涉及到的多媒体元素主要是音频、视频和动画。

二、设计原则

设计在网页设计中占据着重要的地位,要求在有限的屏幕空间上运用平面设计的相关原理(如色彩、构成、版面等艺术设计原理知识)将视听多媒体元素进行艺术化的表现,是一种具有艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。它同平面广告、报刊杂志等印刷品平面媒体的设计不同,印刷品都有固定的规格尺寸,网页则不然,尺寸是由读者来控制的,这使网页设计者不能精确控制页面上每个元素的尺寸和位置,而且网页的组织结构不像印刷品那样为线性组合,因此网页的平面设计具有更高的难度和挑战性。网页设计的艺术性网页作为传播信息的一种载体必须要有自己鲜明的艺术特色,才能在众多的网络信息中脱颖而出,受到关注。这就要求网页设计要按照视觉心理规律和形式美等艺术设计的手法将信息主动地传达给观赏者,在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求。

网页设计不但要单纯、简练、清晰和精确,而且要强调艺术性,通过独特的艺术风格和强烈的视觉冲击力来鲜明地突出设计目的。作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得其艺术性的手法是必不可少的,一方面通过对网页的内容运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。

网页设计的技术性不同于传统媒体之处,就在于信息的交互性、持续性、多维性、多种媒体的综合性、版式的不可控性等特点,这些都离不开网页设计技术方面的因素。网页设计的技术性是网页设计时运用相关的软件技术、媒体技术电子技术等实现网页最终表现效果的手段方式。没有技术的支撑网页也就失去了他的媒体特性。

网页多种媒体的综合性主要体现在使用的多媒体视听元素,如文字、图像、声音、视频等,这些都需要相应的技术来实现。随着技术的发展,网络带宽在增加,芯片处理速度在提高,跨平台的多媒体文件格式被推广,这些技术极大地满足和丰富了浏览者对网络信息传输质量的更高要求。这些技术的运用增强了页面传播信息的表现力和感染力,呈现了前所未有的媒体革新。各种技术的发展促进了网页设计技术与艺术的紧密结合,网页设计只有掌握各种网络技术的规律,注重技术和艺术的紧密结合,穷尽技术之长,实现艺术想象,才能满足未来浏览者对网页信息的更高需求。设计是主观和客观共同作用的结果,网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网络技术与艺术创意的紧密结合,使网页设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页设计艺术性与技术性的高度统一把浏览者带入了一个全新的网络数字时代。

参考文献:

网页设计趣文 第9篇

关键词 简约化设计;信息传递;网页界面设计

中图分类号: 文献标识码:B

1 简约化及相关概念厘清

简约化与饱和化的辩证 饱和,在化学中的解释是:在一定温度和压力下,溶液所含溶质的量已经达到最大限度不能够再溶解时表现出的形态。也用来比喻事物发展到最高限度时所表现出来的状况和态势。从视觉接受的角度分析,饱和化是指视觉信息达到人们所承受的最大限度。简约化与饱和化是相对的。简约化就是对人视觉信息的简化,它是用简洁明快的视觉语言来满足受众对视觉环境感性的、本能的和理性的需求。

简约化与简单化的厘清 简约不同于简单。“简单”解释为结构单纯、容易理解,与复杂、困难、繁琐是相互对立的词语。在网页设计中简单表现为页面结构单一、色彩单调,在形式表达上比较呆板,无法给人视觉带来亮点,功能缺乏交互性等。简约并不是缺乏设计要素,它是一种更高层次的创作境界[1]。简约是针对不同对象,筛选适合于设计对象的、经过不断精心组合或者选择的精华。它遵从人类的生理和心理状态,强调的是以人为本的更为情感化的设计。

2 简约化网页界面设计的内涵分析

形式统一与和谐 凡是简洁美的东西都有一条共同的原则,就是在外观造型中的各元素存在一定的和谐、统一的关系[2]。人的视觉和心理惯于接受有序、简洁与和谐的形态。即使人们遇到一些看似凌乱无序的画面,也尽量从各种角度对其进行归类、整理,以求从中找出内在的规律与美的因素。因此。视觉美感产生于有序与和谐之中。有序与和谐让人对事物的心理感觉单纯化、规律化以及整洁化。

网页功能的简洁性 简约的网页在功能上能明确表达功能效用,强调用户体验,是一种人性化的设计。王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[3]。简约的网页功能针对用户的心理动机、认知心理、智力发展状况进行设计,表达意义简明醒目,易被用户注意和认知,而不是浪费时间去寻找功能。

形态的易记性 从记忆的角度来说,简洁单纯的网页元素要比复杂的网页元素更容易被人们记住。简洁单纯的事物视觉点突出,不会分散用户的注意力,能够保持长时间的注意力稳定。

情感表达的丰富性 简约化的网页呈现的不仅仅是一个视觉画面,它还蕴含着深刻的思想和丰富的情感。针对用户的情感心境,使用合理的文字、色彩、图像,能使用户对产品产生亲和力,从而加深品牌印象。因此,网页不仅注重它的美观度,更注重它的情感表达的丰富性。

3 网页界面设计中简约化要素分析

简约化设计与文字元素 文字是人类用来记录语言的符号系统,在网页界面设计中占有十分重要的作用,因为人们大多信息的获知都是以文字的形式表达出来的。众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。文字传达本身语义之外,还传递其他一些信息。文字视觉形态的大小、颜色、曲直、排列的疏密,以及语言的强弱、缓急、和谐或嘈杂,以及表情、姿态等,能够引起浏览者内心相应的不同感受。文字简约化设计表现为以下几点。

1)易读性:文字的表达要能被大众理解,在排版形式上能够符合人们的视觉流程,在文字颜色和大小设计上要符合网页的设计风格。

2)明确性:信息表达简洁明了,不繁琐不模糊,能够明确表达网页设计的中心主题;在语义的传达上不会让人产生歧义,传达的信息容易被用户理解。

3)美观性:文字的大小、颜色、编排等的设计要符合人的视觉审美,选择适合于网页风格的文字编排;通过文字形体的统一变化、文字编排的节奏韵律、文字量感的对比和谐来增强网站的美观度。

4)适合性:针对不同的用户,使用合适的文字大小、颜色、语气、形态,拉近用户的心理距离,引发用户的情感共鸣,达到产品宣传的最终效果。

5)创新性:将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调和平淡,从而打动人心。这种方式的处理既是文字内容的直观表达,又是文字含义的延伸表达。它增加网页的视觉亮点,给用户耳目一新的感觉。

简约化设计与图像元素 图像在网页设计中扮演着不可缺少的角色,能够简化网页设计的各种复杂的信息,这也是大多设计师喜欢它的原因之一。图像简化信息的具体表现包括以下几点。

1)图像的直观性和简易性:图像取代了文字多而繁杂的缺陷,相对于大片的描述文字,人们更愿意去选择简洁和直观的图片,它易被理解和认知。尤其是在体现产品特质的网页中,与其使用大量的文字耗费精力,不如使用更直观的产品图片,提高信息的传递效率。

2)图像的丰富性和真实性:图像含有丰富的色彩,具有设计艺术的美观度和视觉的空间感,所以能够吸引人们的眼球。同时,图像多是真实的生活采集到的摄影图片,在艺术的表达上自然、不做作、真实,更符合人们简约化思维的模式。

在新闻资讯类网站中,图文结合是经常见到的现象。网站中都会把今日的重点新闻配上小块的图片放在网页中,不仅简化了文字的数量,还提高了用户处理信息的效率。图片的应用就是对信息的简约化处理,图像将信息以最直观、简洁的形式呈现出来,省去了人们阅读大篇文字的时间,也避免了因文字过多而迷失重点。

另外,图形的简约化还表现在LOGO设计上。LOGO可识别性强,使用简单的图形表达丰富的含义。简约化的标志更容易获得受众的认知,更具有时代性,是信息简化的产物。

简约化设计与色彩元素 色彩在网页设计中占有很重要的位置,因为就生理而言,人们对色彩的敏感度特别的高。马克思说:“色彩的感觉是一般美感中最大众化的形式。”[4]当打开一个网页时,关注色彩元素比其他的元素都要强,色彩最具表现力与识别性,出色的色彩搭配可以在瞬间吸引用户的目光[5]。同时,它能够体现企业产品的特质,在不需要过多繁琐的文字、版式等元素的搭配下,色彩就能直接简洁明了地给用户第一印象。

简约化的网页色彩设计就是根据网页类型的特质,从复杂的客观色彩中提取出最能凸显设计神韵的一到三种主观性的色彩,通过色彩的色相、纯度、明暗、色块面积等的对比,简化用户的视觉流程,给受众带来视觉和心理的轻松,具体表现为以下几点。

1)配色的统一和谐:同一色彩的大量使用,可以使页面整体化和秩序化,能快速给用户留下深刻的印象。

2)配色的强调和突出:使用和其他元素颜色对比强烈的某一色彩,可以引起受众的注意力。

3)配色的留白使用:采用大面积色块的留白,增强了页面的节奏感和韵律感,能够使页面简洁大方。

简约化设计与版式设计 如果把网页界面中的文字、图形、点线面等元素比喻成员工的话,那么版式设计就是一个管理者,根据员工的职能特点,依据一定的管理理论和方法,有效地激发员工优势,从而更好地完成任务。因此,版式设计就是将文字、图像、色彩、图标等元素有机组合,表达美与和谐[6]。

简约化的网页版式设计并不是将各种元素杂乱无章地编排,而是按照人们的视觉流程规律以及形象思维,有秩序统一地进行规划整合。基于受众的视觉流程规律,简约化的网页版式设计应该具有以下特征。

1)清晰易读:网页的不同元素位置设计,框架构造上和谐统一。每个元素不是混乱的搭配,而是根据人的视觉流程特点,将设计元素进行合理规划,能够在人的大脑中呈现出清晰明了的信息。

2)统一有秩序:统一和秩序增强了网页各元素的联系和轻重关系,符合用户的阅读习惯、心理秩序和思维发展的逻辑认知顺序。

3)相互呼应:呼应是指两个以上的形态之间通过“呼

唤”和“相应”的关系达到画面的均衡。有效的网页元素呼应能够增加元素之间的内在联系,使网页整体感突出。

4)中心突出:视觉中心是人的视觉心理量感所偏向的视觉位置。视觉中心突出的网页能够主次分明地把网页的元素进行位置编排,以突出网页要表达的重点信息。

简约化设计与留白 顾名思义,空白区域是指不同元素之间的区域。在网页设计中,文字之间、段落之间、图片之间等网页设计元素之间的区域都是空白。网页设计的留白并非意指白色,而是设计界面中内容的空白。认知心理学的研究证明,留在空白之中的东西更容易被人注意和想起[7],它是符合人们的认知需求的,人们的注意力和记忆力不可能长期保持稳定的状态,他们需要外界的事物给予一个“缓冲”和“喘息”,以获得视觉和心理的缓和,因此,留白体现的是一种单纯轻松的理念。

“留白”在某种程度上代表着简约[8]。留白正是用这种“此时无声胜有声”的视觉语言,诠释了简约化设计的以少胜多之美。留白能控制视觉量感,保持了网页整体的统一性和平衡感,增加了网页页面的内涵和丰富性。网页设计中一般包括以下几种常用的留白技巧。

1)背景和元素间隔的空白:它能够清晰地分离页面板块,增加页面的空间感,更容易引导用户的视觉流程。

2)页面大面积色块使用:页面大面积使用某一色彩,可以强烈渲染、烘托网页设计元素和网页主题,简约时尚而更具视觉冲击力。

3)统一页面主要设计元素的背景,呈现出规则图形组合:统一而有秩序的页面能简明地体现网页主题的特质,更容易让用户认知。

4 总结

简约化网页界面设计符合现代人们视觉和心理的需要,是时代大背景的选择,体现设计界最先进的设计理念。将简约化的思想和理念运用到网页设计中,创造性地处理网页中文字、图像、色彩、版式等网页元素的关系,便能正确把握设计流程的方向,给设计师和用户一个规范的参考。

参考文献

[1]黎浩.简约主义:现代设计的风格倾向[J].高教论坛,

2004(5).

[2]杨大松.现代设计艺术的简洁之美[J].安徽建筑工业学院学,2004,12(2).

[3]何亭.人性化网页界面设计的进展与展望[J].美与时代,2012(9).

[4]欧阳丹.浅析现代平面设计中色彩的简约化趋势[J].湖南工业职业技术学,2009,9(1).

[5]吴爱群.简约版式在平面设计中的应用[J].美术教育研究,2012(3).

[6]石艳红.网站建设中的版式设计[J].科技信息,2007(28).

网页设计趣文 第10篇

基于网页设计中艺术色彩方面的创新方法随着网页艺术设计的快速发展,色彩作为设计过程中的主要元素,给人更加直观的印象和感受,易于影响到人们的情绪和心情。那么在设计中运用不同的色彩往往更能凸显出艺术的冲击力,给人更为新颖的感觉,因此,关于在色彩方面的加工与设计显得尤为重要。而其中最为重要的两种表现形式是选用的自由化模式和色彩的简约模式。前者倾向于对色彩的集中度突显、自由化组合,使得网页的个性特征得以体现,让网页风格不同于常见的形式,以恰当的色彩组合设计,给不同的客户带来有益的影响。需要注意的是,设计者在艺术色彩的设计与选用的过程中,要以访问者的角度给予情感和心理方面的情绪变化融入,进而形成独特的艺术魅力;后者则强调在色彩选用和设计的过程中遵循简约的风格,让网页设计效果让人看起来更加舒服、美观。尤其在近年来的网页艺术设计发展当中,这项创新理念的发挥已经逐渐成为众多设计者首选的方式,其优势在于能够实现很多繁杂艺术设计无法体现的朴素、极简风格,让设计者拟定的主题更加清晰和显著。例如:在网页设计中,如何合理搭配与运用色彩,使其与艺术动态网页文字相呼应和匹配,为访问者呈现出更有层次感和对比效果的变化,将设计者想要表达的心理感受体现出来。如图所示的操作界面中,为了匹配“2004高雄表演艺术”中心主题,设计者需使用100%纯度的黑色作为主色彩,以达到形成和背景巨大反差的目的,同时在底色方面以透明灰色镂空形式来表现“mityhaircutsdesign”等字体,更具吸引力,呈现出动态变化的特征。

保证留白的合理性在网页艺术设计的过程中,很多设计者认为要充分利用每一块空间位置,才能呈现出最佳的效果。事实上并非如此,优秀新颖的网页设计不必非要利用到每一个位置,适当的留白处理更能为访问者留下好的印象和感受。留白旨在突显出艺术作品中虚实结合、相得益彰的良好成效,它的科学合理性设计,不仅能在视觉呈现方面显得平衡感十足,保持动静结合、虚实相应的观感体验,而且简洁、合理的内容分布,则有效提高了访问者的效率,有助于相关工作处理获得便捷,进而无形中促使更多的访问者加以浏览和关注,增强整体的网页设计效果。此外,将Flas运用到网页设计当中,突显出一些广告等信息的新颖性,增强吸引效果,借助Flash自身的动画特效优势和特点,表现出设计者寄予的思想和感情,像网页中诸如旗帜与按钮类型的广告设计,均能够利用Flash的动画效果来呈现。

2总结

猜你喜欢