时间:2022-12-08 01:47:34
开篇:写作不仅是一种记录,更是一种创造,它让我们能够捕捉那些稍纵即逝的灵感,将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计艺术,希望这些内容能成为您创作过程中的良师益友,陪伴您不断探索和进步。
1实现艺术设计创新的关键性因素
在网页设计的过程中,网页风格的独树一帜的设计模式往往会更加吸引人。鉴于网页风格的内涵较为难理解,同时不容易实行,所以一般来讲,只能通过网页访问者的调查和反馈中才能获取,进而更具访问者的感受和意见,重新调整网页设计的艺术风格,对于其中的诸如文字、色彩声音、影像等方面的表达要精准且具有一定的新颖性,从而不断提升网页设计自身的风格与特性,使其蕴含的艺术价值逐渐凸显出来。例如:基于对网页风格的个性化特征表达的目的,使得网站的主题更加突出,可以利用网页文字的不同形状、颜色、大小的装饰和变化,寄予设计者内心的感情,让网页设计文字更加鲜活,进而做到呈现出不同的变化效果,和其他网页风格形成区别,让新颖度更加明显。
2网页设计中有效的艺术创新实施方法
2.1基于网页设计中艺术色彩方面的创新方法
随着网页艺术设计的快速发展,色彩作为设计过程中的主要元素,给人更加直观的印象和感受,易于影响到人们的情绪和心情。那么在设计中运用不同的色彩往往更能凸显出艺术的冲击力,给人更为新颖的感觉,因此,关于在色彩方面的加工与设计显得尤为重要。而其中最为重要的两种表现形式是选用的自由化模式和色彩的简约模式。前者倾向于对色彩的集中度突显、自由化组合,使得网页的个性特征得以体现,让网页风格不同于常见的形式,以恰当的色彩组合设计,给不同的客户带来有益的影响。需要注意的是,设计者在艺术色彩的设计与选用的过程中,要以访问者的角度给予情感和心理方面的情绪变化融入,进而形成独特的艺术魅力;后者则强调在色彩选用和设计的过程中遵循简约的风格,让网页设计效果让人看起来更加舒服、美观。尤其在近年来的网页艺术设计发展当中,这项创新理念的发挥已经逐渐成为众多设计者首选的方式,其优势在于能够实现很多繁杂艺术设计无法体现的朴素、极简风格,让设计者拟定的主题更加清晰和显著。例如:在网页设计中,如何合理搭配与运用色彩,使其与艺术动态网页文字相呼应和匹配,为访问者呈现出更有层次感和对比效果的变化,将设计者想要表达的心理感受体现出来。如图所示的操作界面中,为了匹配“2004高雄表演艺术”中心主题,设计者需使用100%纯度的黑色作为主色彩,以达到形成和背景巨大反差的目的,同时在底色方面以透明灰色镂空形式来表现“mityhaircutsdesign”等字体,更具吸引力,呈现出动态变化的特征。
2.2保证留白的合理性
在网页艺术设计的过程中,很多设计者认为要充分利用每一块空间位置,才能呈现出最佳的效果。事实上并非如此,优秀新颖的网页设计不必非要利用到每一个位置,适当的留白处理更能为访问者留下好的印象和感受。留白旨在突显出艺术作品中虚实结合、相得益彰的良好成效,它的科学合理性设计,不仅能在视觉呈现方面显得平衡感十足,保持动静结合、虚实相应的观感体验,而且简洁、合理的内容分布,则有效提高了访问者的效率,有助于相关工作处理获得便捷,进而无形中促使更多的访问者加以浏览和关注,增强整体的网页设计效果。此外,将Flas运用到网页设计当中,突显出一些广告等信息的新颖性,增强吸引效果,借助Flash自身的动画特效优势和特点,表现出设计者寄予的思想和感情,像网页中诸如旗帜与按钮类型的广告设计,均能够利用Flash的动画效果来呈现。
3总结
总之,由于网络媒体在社会发展以及人们的日常生活中发挥出越来越大的作用,作为网站建设中极为关键的环节,网页艺术设计显然至关重要。而创新理念的不断推广,要求网页设计者应该将设计技术和艺术元素有效融合到一起,从网页的艺术设计的基本内容扩展、新颖元素引入、设计方法的调整等各个方面进行创新与改革,将网页设计的价值上升到艺术魅力的高度,这样才能更好地促使网页设计中艺术创新水平的提高。
作者:黄河
关键词:网页设计;元素;美学
中图分类号:TP393.092文献标识码:A文章编号:1007-9599 (2010) 10-0000-01
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
网站在我们社会生活中无处不在,网站网页设计是伴随着计算机技术、网络技术、图像动画处理制作软件的产生和发展而形成的设计新课题,他是运用相关的软件技术、美学知识等,依照设计目的和要求对网站进行功能上的实现和视觉艺术的创造性思维活动。下面就网页设计的“美学”进行探讨。
一、设计元素
网页设计的元素主要是视觉和听觉元素,主要包括:文字、图像、动画等多媒体元素。随着多媒体技术的发展和运用使视听元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。
(一)文字。文字是网页界面的主体,是用以传达信息的主要元素,虽然利用网络多媒体也可以达到同样的目的,但网页中文字的优势很难被取代。
(二)图形。图形在网页中有着十分重要的作用。在网上浏览时,浏览者常常会因看到一幅十分引人注目的图形而感兴趣去了解相关内容。在很多网页中,图形占据着整个页面的重要位置,有的甚至占据了整个页面。在视觉顺序上,图形往往能首先吸引人的们注意力,这是由于图形给人的视觉印象要比文字强烈得多。几乎所有的网页都用到了图形,善用图形,可以生动、形象、直观地表达网页的主题,增强网页的宣传力、感染力和号召力。图形必须符合网页的主题,并具有创新的构思和强烈的个性,使主题与表现两者较好的统一,以有利于信息的传达。
(三)多媒体。将多媒体元素引入网页界面,可以很大程度上增强浏览者的吸引力。从网页界面的发展来看,由纯文字界面到图文并茂,再到引入新的多媒体元素,这是一个必然的过程。浏览者希望在网上看到更具创造性、更具吸引力和更具情趣的内容,多媒体元素正是实现这一目标的重要手段。网页中所涉及到的多媒体元素主要是音频、视频和动画。
二、设计原则
设计在网页设计中占据着重要的地位,要求在有限的屏幕空间上运用平面设计的相关原理(如色彩、构成、版面等艺术设计原理知识)将视听多媒体元素进行艺术化的表现,是一种具有艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。它同平面广告、报刊杂志等印刷品平面媒体的设计不同,印刷品都有固定的规格尺寸,网页则不然,尺寸是由读者来控制的,这使网页设计者不能精确控制页面上每个元素的尺寸和位置,而且网页的组织结构不像印刷品那样为线性组合,因此网页的平面设计具有更高的难度和挑战性。网页设计的艺术性网页作为传播信息的一种载体必须要有自己鲜明的艺术特色,才能在众多的网络信息中脱颖而出,受到关注。这就要求网页设计要按照视觉心理规律和形式美等艺术设计的手法将信息主动地传达给观赏者,在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求。
网页设计不但要单纯、简练、清晰和精确,而且要强调艺术性,通过独特的艺术风格和强烈的视觉冲击力来鲜明地突出设计目的。作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得其艺术性的手法是必不可少的,一方面通过对网页的内容运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。
网页设计的技术性不同于传统媒体之处,就在于信息的交互性、持续性、多维性、多种媒体的综合性、版式的不可控性等特点,这些都离不开网页设计技术方面的因素。网页设计的技术性是网页设计时运用相关的软件技术、媒体技术电子技术等实现网页最终表现效果的手段方式。没有技术的支撑网页也就失去了他的媒体特性。
网页多种媒体的综合性主要体现在使用的多媒体视听元素,如文字、图像、声音、视频等,这些都需要相应的技术来实现。随着技术的发展,网络带宽在增加,芯片处理速度在提高,跨平台的多媒体文件格式被推广,这些技术极大地满足和丰富了浏览者对网络信息传输质量的更高要求。这些技术的运用增强了页面传播信息的表现力和感染力,呈现了前所未有的媒体革新。各种技术的发展促进了网页设计技术与艺术的紧密结合,网页设计只有掌握各种网络技术的规律,注重技术和艺术的紧密结合,穷尽技术之长,实现艺术想象,才能满足未来浏览者对网页信息的更高需求。设计是主观和客观共同作用的结果,网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网络技术与艺术创意的紧密结合,使网页设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页设计艺术性与技术性的高度统一把浏览者带入了一个全新的网络数字时代。
参考文献:
1.针对平面设计刊物所需的内容而进行的体例、结构、标题等的艺术设计。网页的版式是基于造型和视觉两大因素的基础上创建出的页面形式,它同样要有版面的造型要素和形式,在适当的动画和背景音乐的衬托下让受众得到视觉和听觉的享受。网页版式的构成一般有水平分割、垂直分割、水平垂直交叉分割,中轴型、倾斜型、曲线型、重心型、反复型和散点型等。
2.网页版式的艺术性与装饰性。版面布局和表现形式是版式设计艺术的核心。按照美的需要,带有强烈的理想化倾向,以象征和装饰的手法去概括和表现,使设计更好地为版面内容服务,以达到最佳的艺术效果,使受众获得一种特定的情绪感染,领悟到个中传达的深刻意图,让客观效果得到充分地显现和表达,全方位体现传达信息的特殊功能。
3.网页版式的趣味性与独创性。排版设计中的趣味性,主要是指形式的情趣。不受束缚,大胆、浪漫地表现一种理想的境界和情趣,以获得一种活泼的版面视觉语言,从而更吸引人和打动人;独创性就是突出个性化特征。鲜明的个性是版式设计的创意精神,别出心裁、独树一帜的设计一定会赢得受众的青睐和广泛好评。
二、网页的色彩设计
1.色彩。色彩是沐浴于日光下的不同性质的物体,经过不同程度的吸收而反射即视觉上所显现出来的一种复杂的现象。写实色彩要求客观、科学地观察、分析和表现客观世界的色彩规律;装饰色彩则是在自然色彩的基础上概括、提炼、想象和夸张后所形成的色彩。写实色彩和装饰色彩在网页设计中具有各自的舞台,分别扮演着不同的角色。
2.网页的配色。色彩知识和色彩工具是塑造网页艺术形象的条件,赋予人们对网络文化生活的无限憧憬。维系明度、纯度和色相的三个基本要素。明度、纯度和色相的合理对比处理是建构网页色彩设计的基础,坚守色彩的统一与变化。不同的色彩给人的情感也各异。因此,统一中有变化,变化中求统一,这是配色时考虑的首要问题,体现色彩的均衡的美感。在视觉艺术中,图形和色彩等在感觉上、心理上的均衡感、安定感就是色平衡的美感,把握色彩的节奏与韵律。在网页设计中借助节奏与韵律的元素来实现其色彩的巧妙组合与变化美,在视觉中以获得一种独特韵味;统筹色彩的单纯化、强调、间隔、关联和调和的关系,巧妙地应用色彩感情和传达规律,充分发挥色彩的各个功能作用,达到配色的最佳效果并激发受众对网页的广泛兴趣。
3.网页色彩的形式。毕加索说过,色彩和形式一样,与我们的感情形影不离。色彩是最富有表情作用的艺术语言。它借用一定的色彩形式表达意义。它能引起受众不同的感觉和联想,进而产生不同的情感。通过一定的色彩形式对色彩的认识构成了一种情感活动的内容,其价值和作用是显而易见的。例如,红色使人感到火热、兴奋、热情,产生紧张的情感;蓝色让人产生冰冷深远感,引起冷静、沉着的感受。色彩的均衡、节奏、渐变、呼应等的不同表达形式都会营造出千姿百态的色彩形象,烘托出喜闻乐见的色彩气氛。诸如此类,色彩与形式的有机统一对内容的传达起着十分重要的作用。
4.网页色彩的审美。网页设计作为新时代的产物,它与社会的发展和人们对生活的审美需求息息相关。色彩作为一种优美的设计语言,在网页设计领域中所表达的含义是深刻而广泛的。网页色彩是对人的视觉刺激最敏感、反应最快的视觉信息和审美符号。据研究,对色彩的注意力占人的视觉的80%,对形的注意力仅有20%。色彩中的冷暖、灰鲜、明暗、强弱既是色彩的性质,又是受众心理和视觉情感以及审美的反映。所以,配色要遵循色彩的审美法则,要符合受众的情感表达。配色前,要对网页的整体定位,色彩的情感和功能有明确、深刻的认识才能获得配色的理想效果,达到审美的目的。当色彩形式与规律被赋予一种使命时,我们所表达的色彩才有积极的心理效应和完美的艺术效果与价值。
三、结语
关键词:印刷设计 网页设计 差异比较
一、印刷设计与网页设计
为印刷媒介做设计跟为网页做设计是完全不同的经历。我们在这里讨论的是网页设计中的平面设计部分,设计师结合多媒体技术,以网页作为交流平台,以传递和交换信息的目的,发挥无穷的创意和灵感,运用新思维将自身的思维过程与结论等信息传播开来。印刷设计,是美术设计人员在遵循印刷技术和印刷工艺的基本规律下进行的平面图形设计。为了更好地明白两者的区别,我们可以从以下几个主题来进行对比:媒介的类型、受众、排版、视觉元素、技术和职业。
二、印刷设计和网页设计的差异比较
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月
关键词 简约化设计;信息传递;网页界面设计
中图分类号:TP393.092 文献标识码:B
文章编号:1671-489X(2015)08-0057-03
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).
【关键词】网页设计 ; 网页艺术; 创意 ;元素随着
Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页!所以网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行,而网页界面艺术设计的文字、图形、色彩、多媒体四个要素则是设计的关键之所在,而创新思维是网页设计的灵魂,巧妙的运用会让网页锦上添花。
1网页创意设计思维
一个网站如果想在浏览者中确立自己的形象,就必须具有突出的个性。在网页设计中,要想达到吸引浏览者、引起共鸣的目的,就必须领先网站自身独特的创意,因此创意是网站存在的关键。好的创意能巧妙、恰如其分地表现主题、渲染气氛,增加网页的感染力,让人过目不忘,并且能够使网面具有整体协调的风格。
创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
1.1富于联想。
联想是艺术形式中最常用的表现手法,通过联想,人们在审美对象上看到自己或与自己有关的经验,美感往往显得特别强烈,从而使得审美对象与产品中引发了美感共鸣,其感情的强度总是激烈的、丰富的合乎审美规律的心理现象。
1.2巧用对比。
对比是一种趋向于对立冲突的艺术美中最突出的表现手法。在网页设计形式中加入不和谐的元素,把网页作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现,借彼显此,互比互衬,从对比所呈现的差别中,达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示网页的特征,给浏览者以深刻的视觉感受。
1.3大胆夸张。
夸张是一般中求新奇变化,通过虚构把对象的特点和个性中美的方面进行夸大,赋予人们一种新奇与变化的情趣。通过夸张手法的运用,为网页的艺术美注入了浓郁的感彩,使网页的特征性鲜明、突出、动人。
1.4趣味幽默。
幽默法是指网页作品中巧妙地再现喜剧性特征,抓住生活现象中局部性的东西,通过人们的性格、外貌和举止的某些可笑的特征表现出来,无限延伸到漫画的程度,造成一种充满情趣、引人发笑而又耐人寻味的幽默意境。幽默的矛盾冲突可以达到出乎意料之外,又在情理之中的艺术效果,勾引起观赏者会心和微笑,以别具一格的方式,发挥艺术感染力的作用。
1.5擅用比喻。
比喻法是指在设计过程中选择两个各不相同,而在某些方面又有些相似性的事物,“以此物喻彼物”,比喻的事物与主题没有直接的关系,但是某一点上与主题的某些特征有相似之处,因而可以借题发挥,进行延伸转化,获得“婉转曲达”的艺术效果。
1.6巧设悬念 。
在表现手法上故弄玄虚,布下疑阵,使人对网页乍看不解题意,造成一种猜疑和紧张的心理状态,在浏览者的心理上掀起层层波澜,产生夸张的效果,驱动浏览者的好奇心和强烈举动,开启积极的思维联想,引起观众进一步探明广告题意之所在的强烈愿望,然后通过网页标题或正文把网页的主题点明出来,使悬念得以解除,给人留下难忘的心理感受。悬念手法有相当高的艺术价值,它首先能加深矛盾冲突,吸引观众的兴趣和注意力,造成一种强烈的感受,产生引人入胜的艺术效果。
1.7以小见大。
以小见大中的“小”,是网页中描写的焦点和视觉兴趣中心,它既是网页创意的浓缩和升华,也是设计者匠心独具的安排,因面它已不是一般意义的“小”,而是小中寓大,以小胜大的高度提炼的产物,是简洁的刻意追求。以细节见整体,以管窥豹。
1.8以人为本 。
艺术的感染力最有直接作用的是感情因素,而以人为本是使艺术加强传达感情的特征,在表现手法上侧重选择具有感情倾向的内容,以美好的感情来烘托主题,真实而生动地反映这种审美感情就能获得以情动人,发挥艺术感染人的力量,这是现代网页设计的文学侧重和美的意境与情趣的追求。
1.9偶像崇拜。
在现实生活中,人们心里都有自己崇拜、仰慕或效仿的对象,而且有一种想尽可能地向他靠近的心理欲求,从而获得心理上的满足。这种手法正是针对人们的这种心理特点运用的,它抓住人们对名人偶像仰慕的心理,选择观众心目中崇拜的偶像,配合产品信息传达给观众。由于名人偶像有很强的心理感召力,故借助名人偶像的陪衬,可以大大提高产品的印象程度与销售地位,树立名牌的可信度,产生不可言喻的说服力,诱发消费者对广告中名人偶像所赞誉的产品的注意激发起购买欲望。
1.10古典传统 。
这类网页设计以传统风格和古旧形式来吸引浏览者。古典传统创意适合应用于以传统艺术和文化为主题的网站中,将我国的书法、绘画、建筑、音乐、戏曲等传统文化中独具的民族风格,融入到网页设计的创意中。
1.11流行时尚 。
流行时尚的创意手法是通过鲜明的色彩、单纯的形象以及编排上的节奏感,体现出流行的形式特征。设计者可以利用不同类别的视觉元素,给浏览者强烈、不安定的视觉刺激感和炫目感。这类网站以时尚现代的表现形式吸引年轻浏览者的注意。
1.12神奇迷幻 。
运用畸形的夸张,以无限丰富的想象构织出神话与童话般的画面,在一种奇幻的情景中再现现实,造成与现实生活的某种距离,这种充满浓郁浪漫主义,写意多于写实的表现手法,以突然出现的神奇的视觉感受,很富于感染力,给人一种特殊的美感受,可满足人们喜好奇异多变的审美情趣的要求。
1.13合理综合。
综合是设计中广泛应用的方法,从各个元素的适宜性处理中体现出设计师的创作意图,追求和谐的美感,是指在分析各个构成要素的基础上加以综合,使综合后的界面整体形式表现出创造性的新成果。
2网页设计几个元素的运用
2.1色彩元素。
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
2.2视听元素。
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。
2.3多种媒体的综合运用 。
动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Go live这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(Stream)技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是未来的发展方向。
总之,网站艺术的使用及产生的风格在整个网页设计中具有很重要的作用,是社会公众对一切网络性状的认识和评价。范围广、速度快、信息多的网络传播是网站形象的传播形式,网站形象利用网页完成视觉传达,具有交互性与持续性、多维性、多媒体的综合性、艺术与技术结合的紧密性等表现特征;设计主题鲜明、形式与内容统一、网站形象的整体性是网站形象设计要把握的原则;网站形象设计的整体定位、适当增加动感化设计、注入情感化设计等艺术手段,是有效树立网站形象的策略;而创意思维则是网页设计的灵魂。随着时代的飞速进步、技术的不断变革,将不断地赋予网站形象设计以新的内涵与表现,为网页的设计“锦上添花”。
参考文献
[1]胡锐《企业形象学》浙江出版社.1995.8.第2页.
[2][美]马丁・林兹乔姆, 蒂姆・弗兰克・安德森《互联网品牌策略》上海科学技术文献出版社.2001.1.
[3][美]Jack Dvis&Susan Merritt.王国春,张琦译《网页设计创意与精品赏析》 北京大学出版社.2001.1.
关键词:网页界面设计 平面设计 色彩 版式设计、字体 图形 浏览方式 信息传播区别
中图分类号:S611文献标识码: A
最近一直在做网页界面设计教学工作,其中很多学生问我,网页界面设计就是平面设计吗?当时我告诉他们肯定是不一样的。但是至于究竟哪些地方不一样,却没有系统准确的对学生解释清楚。后来我时常再想这个问题,既然学生们都有这个疑问,那么肯定会有更多的网页界面初学者都会有这个疑问,所以在这里,我想谈谈网页界面设计与平面设计的异同。
网页界面设计和平面设计都是属于设计,但是他们又有着很大的区别,那不就与大自然界的青蛙和蛤蟆一样吗?他们都属于两栖生物,但又不是同一种生物,差别那么大。
在网页出现的早期,网页设计是以功能性为第一指导原则,以技术因素为主要考虑对象,以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用,同时技术要求相对较低,易于实现,并且有较好的稳定性,故而这种形式的界面在很长一段时间内是人机交流的主要形式。随着互联网的发展,网页界面设计是用美和技术衡量生活的合理性。网页界面设计是将艺术与技术融为一体的创造性活动。它包含了网页视觉传达设计和交互设计。
平面设计的过程,是设计者将思想和设计概念转变为视觉符号形式的过程,即概念视觉化的过程,对信息的接收者来说,则是相反的过程,即视觉概念化的过程,贯穿和联结两个过程的是信息。
现在就让我们来分析一下同样视觉传达设计,它们之间的差异性。
一、色彩模式
在色彩方面网页界面设计与平面设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似),而网页设计(产品类)更注重的是信息结构关系的梳理,如果将色彩运用的过多过强,很容易引起视觉的疲劳感。
二、版式设计
网页界面的版式设计中,其比例关系一般体现在:页面所限定空间的长宽比,实体内容与虚空间(空白)的面积比,页面被分割的比例,图文的关系比以及各造型元素内部的比例等形式上的数量关系。平面设计的节奏和韵律来自音乐的概念,节奏较多地强调“节拍”,韵律较多地强调“变化”,如果说韵律感不够,是指缺少变化,过于呆板;如果说节奏感不强,是指变化缺乏条理规则。
三、字体应用
在设计过程中,平面设计的字体选用更为自由一些,不用担心后期实现的问题,所有的文字最后都会输出为图形进行印刷,而网页设计就需要考虑的更为全面,并且在字体的选用范围上也很小,为了让输出的成品大小不对服务器造成压力,基于html的特性,所有字体都是根据用户操作系统内默认字体而定的,当然近年随着技术的沿革与发展,这个差距也逐步在缩小,目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形,在不增加后端压力的同时,大大提升了用户体验,非常不错。
四、图形的使用
从图形使用上,网页设计不如平面设计,表现方式也相对少一些,特别是对于产品类的网页设计,模块化的设计思路尤其明显,在视觉表现上也是如此,网页界面的设计对于图形的表现是需要考虑到后期实现的,这一点上是有目共睹的。设计时使用的尺寸单位:平面设计在使用尺寸标注时都用的是物理尺寸的概念,比如英寸,厘米,毫米等;而网页使用的像素。
五、浏览方式
平面设计的属于渐进式的浏览方式,无法对整个浏览的过程进行多样化串联,网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式,在拥有同样一种信息架构的条件下,信息之间的串联性更为丰富,用户选择信息的自由度更大,但平面设计也自然有其优势所在,比如平时设计相册这类产品的时候,就很明显的发现,这一类的产品在电脑显示器上进行翻阅,不如印刷成为一个真实的书本来翻阅感受好,并且更具有收藏及纪念意义。
六、信息传播
平面设计属于比较传统的信息媒介设计,一般会通过张贴、销售、邮寄派送等形式进行传播,这样传播的方式范围小且成本较高,相对而言在这方面网页设计的信息传播能力却非常的强,但依赖于第三方媒介的支持。在网页设计中,要求信息的发送者和接收者之间必须具备部分相同的信息知识背景,否则在两者之间就必须存在一个翻译或解说系统作为中间媒介来进行沟通。平面设计却拥有更为广泛的受众人群,不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的,毕竟网络信息获取的将会存在一个学习成本,在今后网络信息的不断普及以及终端媒介用户体验的不断提升,在受众人群方面在我看来差距会越来越小。
此外,这两种设计形式不但拥有不同的用户体验,网页界面设计还注重用户互动的功能实现。网页界面设计不仅能融入绚丽的动画效果,还能插入视频,这是平面设计不能体现的。谈了这么多网页界面设计与平面设计的区别,希望能够帮助大家进一步认识这两种设计形式。
最后,我想说得是,设计形式没有好坏之分,用户不一样,他们的选择也就不一样。
参考文献:①芦影 著 李砚祖 编《平面设计艺术》,[M] 中国人民大学出版社2005年01月
关键词:网页设计;美学原理;条理与反复;变化和统一
中图分类号:G642文献标识码:A文章编号:1003-2851(2010)02-0169-02
人们对美的追求是不断深入的,网页设计同样如此。网页把信息以快捷、方便的方式传递给浏览者,在网页设计中不光是把各种内容放上去,能看就行,还要考虑如何使浏览者能够更多、更有效地接收网页上所传递的信息,如何给他们留下深刻的印象,使人浏览起来心情愉快,接收信息也会更加容易,同时提升网站的形象。
网页设计在满足了基本功能的要求之后,为了突出特色,突出优势,必须从审美的角度入手,运用一些平面设计中美学的基本形式到网页中去,结合使用方便的要求,制作出清晰、富有美感、整体性好的页面。例如将平面设计中的节奏、韵律、骨格等形式溶入到网页中,会使内容繁多的页面更加有条理,浏览起来主次分明。当然这种美感首先要确保页面内容充实,具有实用性,否则一个内容空洞无物的网页,既使做得再漂亮也没有任何的用处。这就要求在网页设计中,设计师要具有较好的美学原理的素养,同时要有丰富的平面设计经验,这样才能在设计时驾轻就熟。
从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究、掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把美的形式规律同现代的网页设计的具体问题相结合起来,下面我们来具体谈谈。
先谈谈变化和统一,变化是各个组成部分之间的区别,统一是个部分之间的内在关联。完美的图形设计,形式上要丰富有条理,即对图形的大小、方圆、动静、强弱等方面的处理;组织上要有秩序而不单调,不混乱,即图形的主从关系,叙事关系,呼应关系等方面的处理。在图形设计中运用变化与统一的规律,是处理形象和组织的对立统一过程,那么在网页设计中同样要恰当的利用这种规律,在我们把大量的信息填塞到网页上去的时候,考虑怎样把它们合理的,用统一的方式来排布,使整体感强,同时又要有变化,这样使页面更丰富,更有生气,看起来就不感到枯燥,有些网站排布的内容从上到下几十条,没有一点变化,显得单调而乏味,就是违反这种形式美的规律,所以要充分的运用变化来改进它,从排布的形式上或者是颜色上都可以。
再看条理与反复,其中反复是有规律的连续与延伸,有组织的变化与扩展并加以归纳,概括而富于条理化。条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多,同时应用得也比较自如,这时由于很多网站丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复的利用,使网页较为整齐,脉络清楚,读起来也能着重点。当然,内容较少的网站同样需要条理与反复,以达到更为富有变化和清晰的视觉效果,如文字的合理编排,图片和文字的结合,如何呼应等等。
对比和调和,对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时,两者之间有相互作用的性格,更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法,而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是量的方面都没有矛盾,各部分所传达给人的感受和意念之间不是相互分离或排斥,而是一个部分多样性的整体统一来表现美的状态。那么在网页设计中,如何利用它来达到好的效果呢?首先合理的利用对比的因素,例如文本的排布、字体的大小、粗细、颜色,图片的宽窄、比例的反差、透明以及位置的放置等等。
对称均齐与平衡,这是动力与中心两者矛盾的统一所产生的形态,是设计中求得中心稳定的两种组织形式,对称均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形,都要求图形整体结构对称严谨,形态安定均齐,常见的内容有红双喜,门、窗户等。从家居布局上来讲,中国传统的建筑也是讲究对称均齐的,比如我们现在的故宫、四合院、中国结、瓷器、玉器等都有很多对称均齐之作,不光是中国的,纵观世界的建筑或是一些艺术形态也是比比皆是。当然,对称均齐也要寻找差异性,并不是一定要左右、上下一样。比如银行门口的狮子,狮为两头,各分左右,形为相似,却各有其态,这就是大对称小对比,所以说不要单纯的以为对称均齐就是上下、左右相同,而应是上下、左右相似,大部分在形体上的体积是一般大小的,这样视觉上即有对称均齐也有对比,效果要比单纯的对称均齐要好得多、丰富得多。平衡,实际上也是一句中轴和支点保持平衡,所不同的是配置的元素为等量不等形,它没有一定的组织原则,只要能在形式结构上掌握好中心即可,它要求在形式上自然合理。平衡是更为丰富的形态了,是运用大小、色彩、位置等差别来形成视觉上的均等。设计中也会遇到平衡的问题,比如说,左右大小不一的时候我们通常会通过其它手法来让其不会觉得一边倒。而采用的手法大多是色彩的轻重、内容的疏密。具体到网页设计上来讲,我们通常不会做左右对称的设计,但是却会产生一边倒的情况,如视觉上左边内容多而空间大,右边内容少而空间小。这样一边倒的情况就不美观了,如何解决这个问题呢?答案是:寻找不同类型的元素来作为左右的砝码。比如左大右小时,那么左边放上文字以供浏览,右边放上图片,由于图片比起文字来视觉份量要重一些,所以用小图片就可以和文字形成一个平衡。又可以用色彩来平衡,左大右小,那么在色彩上就左轻右重。在自己的脑子里始终放上一个天秤,把你的设计元素放在天平的两边,这样的页面就会活泼而不会觉得有失重之感,一个活泼又不失重的作品必然是成功的。所以对称均齐偏于静止的形式美感,而平衡却显得灵活多变,带有动感,只有通过不断的实践才能够在这方面驾轻就熟的运用,设计出成功的作品。
再谈谈节奏与韵律,运动中的事物都具有节奏和韵律的形式规律,节奏与韵律本来在音乐、舞蹈、诗歌及电影等具有时间形式的艺术中通过视觉和听觉来表现的,节奏本身没有形象特征。只是表明事物在运动中的快慢、强弱以及间歇的节拍。节奏可以说是条理与反复的发展。它带有机械的秩序美,韵律是每个节拍间运动所表现的轨迹,它带有形象特征。在具体的网页设计的运用中,按钮的编排就经常会遇到这个问题,做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感,同时丝毫不损其实用性,可惜现在见到类似的太少了,因为需要不光是从形状上,而且要从整体的色泽、大小等综合方面入手。
上面仅仅探讨了几个非常贴近网页制作的美学原理以及在网页中的运用。作为形式美的法则,是随着时代的不同而不断发展进步的,特别在生活节奏如此之快的互联网时代,由于人们追求目标的变化,审美观念也在不断的变化。随着技术的发展,很多的目前不容易实现的审美形式也会逐渐被克服,突破带宽的瓶颈,就会给网页设计的自如发展带来一片新的天地。我们对美的追求是永不停止的,但是美的本质是一样的,作为网页设计师要不断的提高自己美学原理方面的素养,这样才能不断地设计出更好的、富于美感的网页作品。
参考文献
[1]张帆,罗琦 网页界面设计艺术教程[M].北京:人民邮电出版社,2004.
[2]刘丹, 视觉元素在网页设计中的运用[J].合肥工业大学学报(社会科学版),2006年第20卷第02期.
关键词 网站设计 视觉传达设计 艺术性
中图分类号:TP309 文献标识码:A
1绪论
当今,新媒体的发展已经越来越多的代替了传统媒体的作用,网络现在已是传播信息快速范围广的一种信息方式,越来越多类型的网站开始在互联网上活跃起来,当我们在研究网站设计之前,我们应该首先了解,网络置于新媒体中,它所能体现出的特点和优势。
1.1研究目的及意义
因特网为全世界信息的沟通提供了前所未有的便利渠道,影响了人们的生活方式。世界上的网站不计其数,而且差异很大。《2001年汉城工业设计家宣言》指出工业设计应当将“为什么”的重要性置于“怎么样”这一早熟问题的结论性回答之前。这句话指出了工业设计的本质核心:必须把研究“为什么”如此设计一个产品放在“怎么样”设计一个产品之前,体现出工业设计强烈的人文色彩。因为这样才能找到本源。网站其实是一种非物质的数字化产品,但是不管是物质还是非物质的展品,其本质的目的都是一样的――服务于人类。因此我们的设计无时无刻都应该从人的角度出发,以人为核心,全面考虑人的精神和物质需求。一个优秀的网站应该是人性化的。它是带给人愉悦的,具有吸引力的,艺术性的;同时具有良好的可用性的,有效的,易于使用的,使人满意的。
1.2国内外现状分析
对比很多国内外网站设计,在界面设计视觉传达这一块是有很大差距的。在国内很多网站,网站信息量大,杂乱没有整理和过滤,网页界面的结构也比较混乱,而且排版缺乏艺术性,没有创意。但是国外的网站,更注重传递信息的易操作性,有整合和分类,界面结构简单易操作,有趣且交互性强。
2网页设计中各构成要素
2.1版式设计
网站的版式设计是具有相当的可变性和运动感。为适应这种变化,网页的版式设计规律也必然出现与传统平面设计有所不同的新的特征,将版式设计的普遍规律与网页的特殊性结合起来,是掌握网页版式设计的关键。
2.2导航设计
如果说网页的版式设计侧重于单个页面的组织构成,类似于平面的设计,那么网页的导航设计的重点则在于多个页面的整合,是一种空间的设计,也是一种技术的设计。
2.3文字的编排与设计
文字作为信息传达的主要手段,目前也是网页设计的主体。文字是网页中不可少的元素,也是网页中的主要信息描述要素,文字表现的好与坏将影响到整个网页的质量。因此,网页文字要能给人以清晰的视觉印象,避免页面繁杂凌乱,减去不必要的装饰变化,使人易认、易懂、易读。不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。
2.4图片的编排与设计
图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息,成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简洁省力的办法就是使用图片。对于一条信息来说,图片对受众的吸引也远远超过单纯的文字。
2.5色彩的设计
网页设计既要求文字的优美流畅,又要求页面的新颖、整洁,使用色彩产生的强烈的视觉效果,使页面更加生动。浏览者在浏览网页时,留下的第一印象就是页面的色彩设计,它的好坏直接影响阅读者的观赏兴趣。因此,色彩设计在网页设计中居于十分重要的地位。
3网站设计中的视觉传达应用方法
3.1网页的页面布局
3.1.1合理布局页面的造型元素
在网页界面中,构成版面空间的基本造型元素,有点、线、面及空白。页面布局的设计过程就是在版面空间中组织好这些点、线、面、空白,使其传达出特定的美感。当点、线、面这些实体处于版面的不同位置时,产生的视觉效果和心理作用是不同的,一般来说,居版面几何中心时,有庄重感或平衡感。
3.1.2页面的空白
网页界面中除了点、线、面这些实体造型元素,其余的空间就是“空白”,其形式、大小、比例决定了版式设计的质量和信息传达的能力。在安排图形图像、文字的位置和进行大小变化以及斟酌图形图像、文字之间的呼应关系时,应该考虑空白的位置和大小。页面中巧妙地留白,有助于更好地烘托主题、渲染气氛、集中视线、加强空间层次,使版面疏密有序、布局清晰。但这并不是说,空白越多、图文越少越好,页面空白量的多少,需根据网页的内容和整体风格而定。
3.1.3页面的内容
合理地进行了页面布局以后需要添加页面的内容,一般来说网页图文并茂,相得益彰能够加深浏览者的印象,页面内容主要是文字以及图片或者动画。页面文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使主页有丰富的内容。如图1是直觉路径图,但不是绝对的,因人而异:
3.3色彩搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。网页的色彩是冲击人视觉的第一要素。距离较远的时候,看到的不是网页的版面设计,而是网页的色彩。
网页的色彩必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。网页色彩搭配合理,能给人一种和谐、愉快的感觉,应避免采用单一色彩,这样容易造成视觉疲劳。目前很多人在设计网页时常常被如何配色所困扰,虽然设计出了好的页面布局,但由于配色不合理,导致网页的可读性、观赏性、舒适性大大降低。所以,在配色选择上要注意网页所表现的风格概念、想给予浏览者什么样的心情,从而选择适合的颜色。对于网页的色彩搭配,应该在网页开始制作前,做好规划及设计,这样就不会到着手制作页面时造成设计混乱。
4结论
本文主要解决如何把视觉传达的理念运用到网页设计中去,通过对网页设计中版式的布局,导航的安排,文学的设计,色彩的搭配等加以阐述,并运用设计学、心理学、传播学、美学等方法在艺术因素进行分析的基础上,结合国外网站案例从艺术、技术角度出发,结合人机界面评估知识,给出网页设计方案。根据网页的设计,分析网站实例的实现过程,并总结实现的结束特点,一般步骤和注意问题。
在网站设计时将视觉传达设计的理念运用其中,最终得到可以运行的信息类网站,将信息投影的形式运用到网站当中,使网站传达的内容更生动富有趣味性。
参考文献
[1] 郭振山.视觉传达设计原理[M].机械工程出版社,2011.
[2] 吉根林,崔海源.web程序设计(第二版)[M.电子工业出版社,2008.
[3] 王萍.浅谈网页色彩的配色[J].硅谷,2009(1).
[4] 刘吉坤,习玮.设计艺术概论[M].清华大学出版社,2004.
[5] 东美红,尹定邦.视觉传达基础设计[M].岭南美术出版社,2000.
[6] 鲁开疆.视觉传达设计流程[M].安徽美术出版社,1995.
关键词:网页设计;色彩应用:色彩搭配;主题色
中图分类号:TP393
文献标识码:A
文章编号:1002-2422(2010)06-0042-02
1 色彩的基本知识
任何一种彩色都具备三个属性:
色相即指色彩的相貌。是一种颜色区别于另一种颜色的表相特征。比如说红色、黄色、蓝色都代表不同的色相,表示颜色自身的独特性质,是色彩中最基本、最重要的属性。
明度是指色彩在视觉上的明暗程度,也称之为亮度。明度越高,色彩越亮;明度越低,色彩越暗。
纯度是指颜色本身的纯净程度,又叫饱和度。纯度越高,色相表现越明显,色彩越鲜艳、活跃、刺激;纯度越低,色相表现越模糊,色彩越浑浊、稳重、平淡、柔和。
2 网页色彩的使用原则
(1)色彩的艺术性。凡是经过设计的色彩都具有某种程度的艺术性。既符合实用要求,又遵循美学原则。和谐统一,均衡布局,重点突出是网页设计的原则。一般来说,不同的色彩进行搭配组合,通过艺术手段的处理最终形成一个艺术性强且能够吸引人和感染人的网页页面。
(2)色彩的鲜明性。网页的色彩要鲜艳,容易吸引浏览者的注意力。
(3)色彩的独特性。网页色彩的选择与搭配要与众不同,这样才能给读者留下的印象深刻。
(4)色彩的联想性。不同的色彩会使人产生不同的联想。白色使人想到雪花,黑色使人想到黑夜。蓝色使人想到天空和大海等。在网页设计时,选择合适的主题以及相关的色彩,可以使网站流露出别样的气息。
不同的浏览人群;不同的社会背景;不同的受教程度;不同的心理需求,有着不同的鉴赏观点。鲜艳红色的政府机关网站体现其庄严肃穆;悠悠绿色的农林网站给人一种生机勃发的感觉;淡淡的粉色多体现女性的柔美之气……这些都是过去时,是经典。随着科学技术的发展,设计理念的转变。在互联网这个大环境下,不乏设计独特且色彩运用别具匠心的网站。如:以灰色为主色调的奥迪公司网站,既能体现高雅大方的气质,也不失金属本身的质感,和谐统一。
3 网页色彩搭配的技巧
3.1 邻近色的应用
邻近色:色环中两种相邻近的色彩。例如绿色和蓝色、红色和橙色就互为邻近色。采用邻近色的作用可以使网页避免色彩杂乱,易于达到页面的和谐统一。
3.2 互补色的应用
互补色:色环中两种相对的色彩。例如红色和绿色、紫色和黄色、蓝色和橙色互为互补色。互补色可以突出重点,增强画面的对比,产生强烈的视觉效果。 在网页设计时,一般以一种颜色为主色调,适当加以互补色作为点缀、可以起到画龙点睛的作用。
3.3 黑白色与其它色彩的应用
一般纸质印刷型文献很少使用大面积的黑色。在网页设计中以黑色为底色的网站并不少见,尤其是一些游戏宣传网站。在RGB的色彩模式中,黑色和白色象征着透明,很容易与其他颜色相协调,制作出风格新颖的网页。彩色的页面比黑白的页面更吸引人。研究表明,人对彩色的注意力和记忆效果比单一颜色要好,彩色的记忆效果是黑白的3.5倍。在一般情况下,网页的配色不要太复杂。尽量控制在同色系或邻近色系,避免由于色彩过多而导致页面颜色的繁乱。背景和文字的色彩对比可以强烈一些,以突出重要的文字内容。
3.4 色彩的心理感觉
不同的颜色给予浏览者不同的心理感受。红、橙、黄等暖色给人一种温暖,热情的感觉;蓝、绿、青等冷色则会给人一种阴凉、寒冷的感觉,通过调整色彩的饱和度和透明度,把色彩的明、暗色有机的配合起来。这样的页面看起来既色彩统一,又富有层次感。
色彩的轻重感。明度高的色彩让人感觉轻,明度低的色彩让人感觉重。在明度相同的条件下,冷色一般比暖色感觉略轻。在网页色彩设计时,冷色用在网页上部,暖色则用于下部,这样比较符合人们的视觉习惯。
色彩具有收缩感与膨胀感。如肥胖的人穿着暗色系的衣服,就不会显得过于臃肿;而消瘦的人穿浅色系的衣服,就不会显得过于瘦小,这就是色彩的收缩色与膨胀色在起作用。一般来说,明度高的色彩有膨胀感,明度低的色彩有收缩感。
色彩的象征意义:如绿色、红色、金黄色、雪白色分别象征着春、夏、秋、冬四季。每一种色彩都具有各自的情感效果和象征意义:红色代表热情、温暖、幸福,容易让人联系到火焰和喜庆:绿色代表新鲜、平静、柔和,会使人充满青春、活力和希望;蓝色代表深远、沉静、寒冷,蓝色性格朴实而内向,象征高新科技的发展和智慧的结晶;紫色代表高贵、浪漫、魅力,在紫色中加入白色,可使其变得优雅、娇气,并且充满女性的魅力;白色代表纯洁、纯真、朴素、神圣,白色具有圣洁的不容侵犯性。如果在白色中加入其他任何颜色,都会影响其纯洁性,使其性格变的含蓄;灰色代表忧郁、平凡、沉默、寂寞。属于中间性格,男女皆能接受,所以灰色也是永远流行颜色。
4 网站主题色彩的选择
色彩是烘托主题的最有效的要素,网页的色彩应用没有固定的模式,色彩的选择搭配要根据网页的内容和主题以及大众的欣赏习惯来确定。作为网页设计者来说,要根据浏览者的类型、社会背景、心理需求等来选择网页的色彩主题色与辅助色,做到有针对性的用色,所选的色彩与网页所表达的信息相符合,与传达的精神相统一。
国内外著名的rI'企业IBM和联想公司的网站采用蓝色为主色调,蓝色代表海洋的颜色,富有一定的现代气息,主题色已经与企业的文化融为一体,同时也象征着企业的形象。一般农林业、教育类网站常使用绿色,来表达希望与活力给人一种信任感和健康的感觉;如文学网站就多可采用灰色系来营造优雅浪漫的色彩风格,体现作者创作的意境。假设把微软网页中的蓝色与可口可乐网页中的红色互换。企业的形象和特色就会变得模糊不清,失去感染力。因此,选择与主题和企业形象相符的色彩是网页色彩设计的基础。
网站的主题色彩一方面体现网站自身的特点,另一方面展示网站的形象。一般来说,网站的主色调只能是一种,以此色彩为标准,调整其明度的变化从而产生不同的效果。主题色彩要应用于网站的各个部分:页眉、图片、多媒体和页脚,页眉是网站主题的表现,是网站设计的关键,图片和多媒体是网页构成的两大重要元素,其色调应该与整个网站的色彩相协调,给人以整体统一的感觉。
5 结束语
网页的设计是综合性的,不仅仅是简单的二维平面设计,还包括三维动画的设计和影音特效的设计。网页的设计所涉及的范围也非常广泛:心理学、社会学、美学、哲学、平面设计、色彩构成等诸多因素。作为网页设计者,不仅要了解色彩的重要性,更要利用色彩,创作出既规范合理又富有艺术文化内涵的网页。
参考文献
[1]达非.网页艺术设计与装修教程.北京:北京希望电子出版社,2000.
[2]张帆,罗琦,宫晓东.网页界面设计艺术教程[M].北京:人民邮电出版社,2002.
[3]董海斌,王家民,陈鹏.网页界面中的色彩设计[J].沈阳:艺术大观,2007(11).
电子商务是随着网络的高速发展应运而生的产物,它打破了传统的购物方式,使用户不用面对面的坐在一起洽谈,就能实现交易,方便性不言而喻。它主要体现了如下特点:
1)交互性。电子商务不再像以前那样单一的模式,客户现在可以通过聊天工具进行谈价,浏览很多大型的电子超市,可以说几分钟能够逛几家门店,快速便捷,是传统商业模式无法比拟的。
2)全球性的竞争。现在的电子商务网站已经逐步全球化,国外的商品能够引进来,国内的商品也能够走出去。如某世界知名品牌的奶粉,网络上的销售价格很低,因为传统门店的税费相当高,且销售额受到一定的冲击是很正常的。不过现在是市场经济时代,很多传统门店卖家开始意识到这些问题,在保留传统的基础上开展电子商务,实现了双赢的效果。国家也出台很多优惠政策来帮助商户,鼓励进行创业,支持电子商务的发展。
3)专业化。电子商业水准越来越向专业化的方向发展了,不论售前咨询还是售后服务,还是维修等后续工作都形成了专业的模式。
二、招贴设计在电子商务网站的设计艺术
1)品牌的塑造。在当今通讯发达的时代,企业或者商品要想在取得好的消费业绩,必须站在消费者的角度去考虑问题。传统的品牌形象设计方法,我们仍然可以拿过来来运用。如聚美优品,它主要从事化妆品的销售,在打造女性护肤品方面定位准确,重视网络销售的优势,世界品牌的进驻为在质量方面提供了保障,是用户不再担心买到赝品。同时加强各类媒体的强势选择,网页设计精美,每周不定期推出优惠的海报,让消费者流连忘返,优秀的商务网站能够准确的传达商品信息、品牌信息和商业服务等方面的信息。因此聚美优品整体形象的策划,是它迈向成功的基础。还有有些政府现在逐渐重视电商的发展,引导商户进驻电子商城,还有大别山特产网,以经营特色农产品为主,虽然如今还属于起步阶段,但是发展空间很大,不仅给当地政府带来好的税收,还解决了一系列的就业问题。
2)色彩的应用和版式的编排。电子商务网页设计应该注重色彩的合理搭配,以促销为目的,要站在消费者角度去思考,还要结合实地环境和商家需求,不能根据自己的爱好来配置色彩。色彩的应用方面首先考虑色彩的情感,提高作品的被关注度。如红色代表喜庆、兴奋,绿色代表希望、健康,黄色代表激情、奢华,蓝色代表冷静、忧郁。不同的民族和地区都有自己的色彩情感,因此在设计中应该注意认知的区别,如运动性的海报可以运用对比强烈的色彩,药品的海报应采用蓝色和绿色方面的色彩来进行搭配等。其次还要考虑色彩设计的技巧:
①利用色彩对比和调和来突出广告语的主题形象;
②加强色彩层次,黑白灰形成强烈的对比,暗部色彩细分,灰部色彩分为深灰、中灰、浅灰,当然还包括白色。
③氛围营造,不同的主题使用不同的色彩,如春节等节日,可以采用节日色彩来表达喜庆,尤其是大面积的使用这类套色。电子商务网页设计在排版上严格按照网页设计的标准,形象鲜明,字体标准,这里要注意的是招贴设计中版式设计。常见的版式设计有:
①主要标题型,其他素材为辅助元素;
②图片和文字型,以这两个方面为主题,但多以图形为主,因为图形较文字更能吸引别人的注意;
③表格型,主要用来详细标注真实的信息,没有任何夸大的成分;
④曲线和倾斜型,起到强调的作用,同时一般用于轻松、委婉的主题;
⑤综合型,不受这几类版式的影响,比较自由的一种形式。版式设计的好坏决定着招贴设计的成败,好的版式设计能够让消费者一目了然,同时还能吸引消费者的注意力。在内容上要有所区别,如信息陈述上不应该出现杂乱随意的排版,在商品宣传上可以使用活泼的排版,不能一概而论。
3)文字的艺术。在广告文案方面,要起到画龙点睛的作用,一语中的,直触消费者的内心,引起共鸣。如只选对的,不选贵的(雕牌洗衣粉),农夫山泉,有点甜(农夫山泉)。单独的字体设计也可以形成招贴合计,字体设计和图形设计相辅相成,紧密联系,各自具有独特的魅力。
三、未来展望
(一)汉字定位与艺术设计的形象战略关系
汉字的字体设计在艺术设计中的运用最突出的特点是易于识别,充分体现了产品信息化、视觉化、艺术化等视觉语言特征。汉字的字体设计在艺术设计中的运用是企业文化与品牌形象的整体而简练的概括,汉字的字体设计在艺术设计中无论表达什么、指示什么,无论是寓意还是象征,含义与企业文化都应是相统一的。在艺术设计中,既可以利用汉字的字体设计作为诠释商品属性的媒介,通过改变字体本身外形和字体的结构进行图形化处理;也可以从版面空间排版关系上进行合理利用与调配,即将文字看作是最基本的点、线、面元素加以编排设计,使其具有极强的形式美感。但无论哪种表现形式都是从文字本身去寻找可以运用的图形元素,根据商品属性进行汉字图形化字再设计,增强商品的视觉表现力,体现出产品品牌的风格形象。
(二)汉字的设计定位与艺术设计的视觉形象关系
有时候主题文字的图形化在艺术设计中占据了一大部分甚至是全部,这种主题文字本身的图形化设计可以通过象征、寓意的手法对字体进行增减笔画、添加装饰或改变字体结构来拓展字体形象,强调字体所传达的深刻含义和视觉效果。
二、汉字字体设计在艺术设计中的应用
(一)汉字字体设计在包装设计中的应用
从概念上来说,面的形成是由线的移动轨迹所产生的。面的不同分割和布局都会产生不同的视觉效果,可以产生轻松感,也能形成压迫感,映射出不同的视觉动势。主题文字的存在使整个包装版面相当生动饱满。以面构成时,统筹各元素的关系和画面的和谐,在必要时甚至可以在包装上做出些空白处理,在立体包装上,还可以将文字编排进行两个平面之间的跨越,增强视觉张力和艺术效果。汉字的字体设计的方法主要有以下几种:1.以书法字呈现书法的笔墨意韵具有一种流动方向性,不可重复的书写过程本身就是一种图形化的表现,是一个以时间带动空间,以动作过程带动视觉的表现方法。如:下图3的茶叶艺术设计就是以书法字呈现,中国文字的古韵将茶叶的绿色韵味充分体现出来,艺术设计是产品投放市场的首要印象,下面的茶叶包装给人焕然一新的初步印象,引起消费者的好感。2.拆分文字笔画将一个或者多个中文字的笔划进行拆分,结构重组,这时文字的识别性降低,但是图形化增强,一般需要注释。拆分后重新组合的文字失去了直白的解释功能,但新的图形形态具有更加深刻的寓意。如图4的月饼包装,“回”字的巧妙变换,充分体现了月圆中秋与回家与亲人团聚的美好愿望,包装生动、形象地传达了产品的主体思想。3.文字留白汉字字体在平面广告设计中的应用可以突出产品的亮点,体现在平面广告的构成要素的差异化创意方面。汉字字体在平面广告设计中的应用形状、大小、色彩、深浅,发散,组合能够给人带来不同的视觉和心灵感受和不同层次的艺术魅力。近几年来商业广告设计艺术中汉字字体的表现形式获得了多角度的视觉效应,显露时代风格。如图“5花开富贵”礼品袋,清新简约的字体和简洁,四周的空白留给消费者适当的想象空间。在立体包装上,还可以将文字编排应用于包装与产品之间的跨越,加强包装与产品之间的联系“。花开富贵”礼品袋的包装设计中选取具有东方古韵的折扇汉字字体装饰,在外包装上,生机勃勃的蝴蝶和牡丹清晰了反应了礼品的高雅,在“花开富贵”三个字的运用上,利用不同的字体、字的不同大小突出的特色品牌,整个包装采用文字图像化的设计,除了保留花开富贵文字标志、红牡丹、蝴蝶外以及少量的商品信息外,几乎不再运用任何的图案装饰,整体包装效果简约鲜明,达到优雅的视觉效应和心理效应,传达了源远流长、品味生活的一种从容态度。这种充满文字图形化的设计使得整个包装更加突出品牌形象,成功地在其功能和情感诉求上达到了一个平衡考量。
(二)汉字字体设计在网页设计中的运用案例分析
汉字字体作为网页设计的一种元素,直接影响着网页的整体形象。汉字字体在网页设计中的运用作为一种网络信息传播平台,丰富了人们的生活,带来与传统媒体不一样的视觉效果和心理效应。在隶书与楷体、黑体与宋体之间浓淡变化形成缤纷的色彩层次,字体的线条为虚实相生,字体的大小、粗淡可以随意调整,使网页艺术设计产生出悠远豁达之意境,将中国汉字的意境融入到新媒体传播中。
(三)汉字字体设计在书籍装帧设计中的运用案例分析
将汉字字体以标记、点缀、插画形式应用在书籍装帧中,带来焕然一新的效果,对汉字字体文化也起着传播的作用。无论从装饰性还是艺术设计的设计运用上,都继承了汉字字体的线条特征表现出来的灵动韵致。书籍中的汉字字体插图,营造了文化、活跃的氛围,使书籍焕发活力。如《星火燎原》一书选用了的狂草,大气磅礴,飘逸洒脱,不用其他元素,仅凭这四个字已经凸显出书籍版式设计的特色。另外,有的书籍装帧采用了书法家的书法来题写书名,由于书法家的知名度和对书的理解与创作,提升了书的艺术个性;有的将书法字体与图书的内容、构图、图案等元素搭配,并在边缘关系处寻找新的灵感融入主观的意念,书籍装帧的效果就更加富有感染力。
(四)汉字字体设计在唱片封套设计中的运用案例分析
根据汉字字体提炼出丰富多变的图案,通过线条组合,可运用到与中国的唱片卡套设计中,如图6的唱片卡套设计不仅仅要是汉字字体的引用,还是对中国文化艺术精神的继承。随着音乐的飞速发展和计算机艺术设计的开发,汉字字体文化开始以唱片卡套这种形式随着唱片的热卖以更快更新的渠道传播,使汉字字体艺术与现代平面广告设计接轨,实现音乐与画的和谐共存,让唱片外观既具有浓郁的民族风味,又不失时尚气息,既反映出唱片音乐的主题,又使唱片封套充满了文化底蕴。
三、结论