平面设计在网页制作中运用

平面设计在网页制作中运用

摘要:在互联网时代网页作为信息的载体,为用户提供文字、图像和影音等信息的共享。平面设计中平面视觉元素的应用,为网页设计提供了强烈的视觉表现力,在网页设计中起到了重要的作用。对网页设计中平面设计的需求进行了分析,结合网页设计对视觉表达的实际需要,把平面设计的视觉元素设计应用进来,对平面设计在网页制作中的应用方案进行了研究。

关键词:平面设计;网页设计;平面视觉元素;运用

网页设计是平面设计中视觉表达的应用和网络技术相结合,是平面设计的延伸。平面设计在网页制作中的应用,从平面设计的视觉角度出发,在网页设计中对平面视觉元素设计进行创新和应用,在网页设计中具有重要的应用价值。

1网页需求分析

网页作为互联网信息交流的主要载体,为用户提供新闻和天气等共享信息,用户通过网页就可以进行网上购物和线上教育等活动,因此网页设计的功能及视觉表达是用户基本需要。平面设计可以提高网页页面视觉表达效果,满足用户对网页浏览的视觉表达的基本需要。网页合理的布局以及优质的页面效果,都可以通过平面设计机芯实现,平面设计通过技术手段实现了网页在视觉上的表现形式,让用户更加方便地对网页进行应用,享受网页带来的视觉感受。网页通过视觉元素实现对用户的信息传递,平面设计可以满足网页在可读性以及视觉表达功能上的基本要求[1]。

2应用研究

2.1平面视觉元素设计。在网页设计中平面设计通过点线面的设计,把平面元素应用进来采用合理的搭配构成完美的网页界面,基本的平面视觉元素设计包括文字、图形、色彩和版式设计,如图1所示。2.1.1网页文字。文字在网页中的整体编排,要具有统一性的原则,对文字整体布局要进行合理的把握。而且在平面设计中文字的处理要和图形色彩等元素进行统一,可以理解为平面设计元素都作为图形进行设计。在网页设计中文字信息是重要的内容,网站信息基本都是通过文字进行表达的,文字的表达在网页设计中具有重要的作用。文字在网页中的设计中,直接影响整个网页设计的视觉表达效果。网页设计中文字设计采用图形化的美学效果,把文字作为图形元素来进行表达,在对字体进行常规设置的基础上,采用艺术化的手法对文字进行设计,可以更好地表现出文字的视觉效果[2]。2.1.2图形图像。在网页平面设计中图形设计中页面元素搭配以及空间的表现都要进行考虑,让用户产生视觉上的美感是非常重要的。网页图形设计具有连接及导向功能,操作性非常强,通过图形的页面连接让用户点击进入到其他站点页面,这些连接的按钮都可以通过图形来实现。因此对图形布局的合理设计,满足网页平面整体布局的设计,让用户更加方便地对其功能进行使用。网页图形布局的平面艺术设计,要重视图形信息表达以及视觉流程的最佳区域。在网页图形界面中,不同的视线区域给人们带来不同的浏览视觉感受。2.1.3色彩设计。网页设计中平面色彩元素的合理运用可以给用户更好的体验,直接影响用户对网页整体效果的感受。因此平面色彩元素设计的配色方案非常重要,网站整体风格和定位都需要采用色彩体现出来。在网页设计中,平面色彩元素设计可以提升网页整体视觉效果,是网页设计中的重要内容。在平面元素的设计中,色彩设计是重要的视觉元素设计,色彩的设计可以对用户产生视觉和心理的冲击作用。每一个色彩都代表不同的含义,红色温暖,绿色平静,黑色沉重,不同的色彩都表现了不同的视觉效果。2.1.4版式设计。网页版式设计是网页设计的第一步,通过平面设计来实现网页版面设计,更好地表达出网页的视觉效果。网页平面版式设计要具有审美的原则,并把平面视觉要素充分地应用进来,提升网页整体平面视觉效果。采用平面视觉元素的设计方法,把艺术元素的设计融入到网页版式设计中,满足用户对网页的审美要求。

2.2创新运用。2.2.1平面设计中文字。在网页制作中文字设计是重要的构成元素,根据网页版面需求进行文字设计,表达出网页中平面视觉元素效果。文字的设计要以可读性和可辨认性为原则,文字在配色方面要准确清晰,文字字体大小合适,网页背景元素不能影响网页文字的整体阅读效果。网页文字之间的距离要设计合理,对文字和图形之间的搭配要科学设置。文字设计要仔细检查,要采用专业的设计方式,给用户留下视觉的美感。文字设计要充分实现设计的构想以及设计的意图。平面的文字设计过程中要突出文字个性化设置的特点,可以对文字进行图形化的处理。网页文字的风格要形成统一体,并且在版面中要就进行统一的变化,使网页整体效果和谐。文字的设计不能局限于传统,要敢于构思创新,要充分体现平面视觉元素的设计特点[3]。网页文字的字号都是通过磅(Point)或像素(Pixel)进行计算,一般在网页的平面设计中12磅是比较常用的字号,如果网页文字较多可以根据实际情况设置成9磅字号,在网页的平面设计中对文字字号的设计可以根据网页字体信息的实际情况而定。字号大小设置一般标题设置大字号,这样比较醒目,而且可读性强。字体的选择要以网页的整体视觉表达为基础,让字体更加直观和感性,这样对字体进行适当的调整,更好地表现出网页平面版式视觉效果。行距设置影响文本的可读性,适当的行距形成空白带,让读者更加方便浏览。行距的变化让文字整体上的装饰性更强,而且可以对网页整体文字效果进行美化。网页中文字设计要对网站的整体视觉效果进行掌握,对采用的设计技术以及艺术的表达进行创新和应用。2.2.2平面设计中图形图像。平面设计中图形图像的设计,也是网页设计中的主要对象,图形图像可以更加直观地把网页内容展示给用户,表达效果比文字效果要好。采用AutoCAD,Corel-Draw和PhotoShop等平面图形处理软件进行图形的平面设计,提高平面设计的效果。网页设计中采用平面设计的方法对图形进行设计,可以美化网页页面,实现对图像的分辨率和色彩的设置。平面设计中图形的选择要合适,要和网页内容形成统一,并直观地把图形内容展示给用户[4]。网页设计中图形设计采用平面视觉元素设计方法,对图片的大小、形状和搭配进行设计,并运用图像辅助线,充分运用平面视觉元素设计方法,提高网页中图片设计效果。在平面设计中对图形视觉元素的表达要建立导航系统,引导用户的视觉流程,通过图像元素设计让用户更加清晰地准确地了解网页导航内容,对网页整体功能进行掌握。图形设计要合理安排,对内容的重心要突出,并采用合理的方法提高图形的视觉表现力。2.2.3平面设计中色彩。在网页设计中,色彩元素是平面设计中的重要视觉元素,不同色彩的搭配构成了网页的页面,页面色彩设计要符合国际互联网色彩的标准。色彩的合理设计和运用,可以调用用户心理感受。网页色彩应用没有固定的模式,但是也不能多种色彩共同应用,要具有主色调和辅色调的搭配。一种主色彩的运用,选择主色彩然后对饱和度进行调整,这样页面颜色统一有层次感。两种色彩运用,先选择一种色彩再选与其对应的对比色,这样网页整体色彩效果丰富,这是色彩的一种创新运用的方式。一个色系的运用,就是选择一个感觉的色彩,比如暖色或者冷色等。色彩饱和度设计不能变化太大,减少屏幕色彩亮度反差,有利于用户对页面浏览的视觉感受。色彩设计中对色调以及饱和度等元素的设计和运用是重要的内容,采用合理的色彩搭配方案,建立优质的色彩关系,可以提升网页的整体视觉效果。在平面设计中,可以适当地对色彩的纯度进行调整,可以对色彩的面积进行调整,这些都可以实现对色彩的创新运用[5]。2.2.4平面设计中版式。网页平面版式设计常见的有骨骼型设计,是采用理性的方式对版面进行规范性分割,建立单栏及多栏版面结构,给用户和谐的视觉感受。满版型可以采用图像对整版页面进行填充,这样更加直观地表达视觉效果。中轴型是把文字或者图片进行水平或者垂直排列,给用户稳定和平静的视觉感受。在版式设计中要图形和文字合理搭配,采用图文并茂的设计方法,提升网页页面的活泼感,准确把握文字和图形的关系,在不同的网页中进行合理的搭配。

3结语

网页设计中采用平面设计可以对平面视觉元素的虚实和强弱等元素进行调整,让网页空间布局更加合理和均衡,真正地实现了网页信息表现的有效性和视觉性。网页在信息表达上,以视觉效果为导向,采用平面视觉元素的设计,表达页面的艺术性,为用户提供更好的视觉感受,这些都可以通过平面设计进行实现。

作者:曹海英 元元 单位:河套学院