版式设计在网页艺术设计中的分析

2017-03-08樊歆

辽宁丝绸 2017年4期

关键词：预览版式网页

樊歆

（江西省信息科技学校,江西南昌330026）

版式设计在网页艺术设计中的分析

樊歆

（江西省信息科技学校,江西南昌330026）

从版式设计和网页艺术设计的概念、版式设计和网页空间尺寸的关系、版式设计在网页艺术设计中的表现等几方面进行了深入研究与探索，主要是为了更好地推动版式设计在网页艺术设计中运用的发展与进步。

版式设计；网页艺术；设计分析

在我国步入信息化时代的同时，网页设计技术快速兴起，并逐渐受到人们的重视，同时网页设计与编程技术有着较强的联系性。在与JAVA、HTLM、C语言、ASP等计算机编程技术具有较强关联性的同时，还对美术、版式设计、颜色搭配等知识有所涉及。因此人们通常将网页设计分为网页技术设计与网页艺术设计。工作人员将两种网页设计进行充分融合，才可较好地设计出完善的具有较强视听性的，静动特效相结合的页面，进一步对网络全新媒体形式的特点与多空间能力等进行展示。

一、版式设计和网页艺术设计的概念

艺术设计主要以艺术美学为核心，以网页技术设计为条件与基础的版式设计与网页各视觉元素设计，在一定程度上属于技术与艺术充分的融合及统一。网页艺术设计主要由版式设计与视听元素设计共同组合而成。其中文章主要对网页的版式设计进行深入分析与研究。

版式设计与各报纸、杂志等媒体平面设计有着较强的相似性。版式设计主要是在各种显示设备的空间中结合实际需求与情况使用科学的方法将各种视听元素进行科学合理的排列规划与组合，通过个性化对理性思维逻辑进行展示，属于一种极具个人主义创作风格与艺术特点的视觉与听觉表述方法。其在对各种数据信息进行展示的基础上，也使数据信息接受者的各种感官体验到相应的艺术美感，使其在精神上得到相应的满足。

二、版式设计和网页空间尺寸的关系

在版式设计过程中，其与各媒体平面版式设计之间还有着较强的差异性。媒体平面版式设计通常情况下都具有较为固定的大小，网页版式设计与其则恰好相反，其设计大小具有较强的相对性。各网页搜索使用人员预览网页时使用的智能设备具有较大的差距同时其预览习惯也较为不同，致使各网页设计人员在实际设计工作期间不能较好地对网页设计期间各视觉听觉元素的大小与位置等进行控制。另一方面，网页设计期间的结构特点与各种平面媒体主要以线性组合为基础的结构形式不同，也在一定程度上提高了网页版式设计工作的难度。所有版式设计人员在实际工作期间应对网页的规模以及页面的大小等进行充分了解与掌握。

人们在对网页进行预览的过程中，通常看到的网页规格为15英寸以及17英寸。其中各网页浏览通常占有显示器的相应空间，致使显示器中显示网页的尺寸具有较大的差异性。当前，人们所使用显示器的分辨率通常为600×800以及768×1024。同时在一些特殊工作需求时，人们的显示器分辨率为480×640以及768×1280，但这种分辨率设置使用率相对较少。

1.网页的长度

网页版式设计人员在结合实际情况对网页宽度进行约束的同时，网页长度的设计则具有较强的随意性与宽松性，其可为1至3屏宽。其中对网页整体下载速度、网页预览人员的预览节俭性与信息数据包含量、网页种类与功能的美好进行分析与考虑，网页的长度也有着较大的差距。通常情况下，小型与中型网页的长度应为1至2屏左右。国内较大的网站想要在主页面中添加较为丰富的数据信息，使预览人员更加方便地对需求的数据信息进行获取，网页版式设计人员可将网页主页面长度设置为3屏左右，多大于3屏。

2.网页的宽度

人们预览网页时其显示设备分辨率为600×800以及768×1024，显示设备宽度应为800以及1024像素，由于水平竖向方向滚动条部位占约20至40像素，因此网页的宽度应主要为780像素。因此，网页的主要宽度应为780像素。在使用显示设备对网页进行预览过程中，横向才能较好地在显示器中进行展示。在网页宽度大于780像素时，显示设备上则会出现横向的滚动条。若人们在对网页进行预览期间需要使用滚动条对所有数据信息进行了解与掌握，则可认为该网页版式缺少相应的合理性。

三、版式设计在网页艺术设计中的表现

1.网页版式左右结构

网页版式的左右结构通常是将网页主页面设计为左右部分，其实在实际设计期间可左小右大以及左右大小相等。在网页左半部分别设置各种导航栏与功能按键，右部分为网页主要数据信息以及极具重要性的事件内容等。这一结构版式可使人们在网页预览时可快速获取自身所需的数据信息，同时版式设计人员可结合实际情况对文字交替技术与链接技术等进行使用，人们在对左部分标题进行选择时，右部分快速对相关数据信息内容进行显示。这种网页版式具有较强的灵活性与简洁性，但其信息数据含量相对较少，只适合在各种小型网页中进行使用。

2.网页版式同字结构

网页版式同字结构主要以上部为主导菜单，网页页面左右主要为综合性数据信息区域以及二级栏目，例如：各种广告、链接、搜素引擎、用户注册以及登录端口等。当前在各种网页版式设计中这种结构具有较强的应有范围，其具有的主要特征为人们可较为均衡与直观地对各种数据信息进行获取，并使数据信息内容具有较强的条理性。同时这一版式结构呆板型与程序性较强。在对这种网页版式结构进行使用时，设计人员应重视对色彩的运用与搭配，利用对颜色的合理使用对网页的艺术性质进行提升。

3.网页版式回字结构

网页版式回字结构主要以同字结构为核心，并在网页主页面下部增添了相应的横向功能菜单。这可较好地在尺寸的约束下对网页页面进行充分利用，提高其自身数据信息的包含量，降低了正文拦截路径，致使人们在对网页进行预览期间可快速直观地获取相应的数据信息。同时，这一网页版式结构的缺点主要为封闭性较强，致使各种数据信息内容较为拥挤。

4.网页版式匡字结构

所谓匡字结构主要是设计人员对同字结构网页版式进行相应调整所形成的，将同字结构网页版式进行逆时针9°旋转就成为了匡字结构网版式。同时也是为将回字结构网页版式右侧栏目进行删除所形成的版式结构。这一网页版式结构较好地对回字结构网页版式的封闭性进行降低。

5.网页版式个性化结构

网页版式个性化结构在一等程度上对匡字结构、回字结构以及同字结构的主要模式进行改变与完善，板式设计人员对自身的空间进行使用，使网页设计具有较强的创意性。其中网页版式个性化结构主要是由各种极具精美艺术性质的图片、网站企业Logo以及各种艺术字等为基础进行网页主体设计规划。网页菜单通常做为次要因素进行加工，结合实际设计情况在网页页面上进行设计，通常起到点缀、优化、装饰并对网页页面进行均衡等作用。这种板式结构主要在时尚类型网站进行使用，同时网页版式个性化结构主要具有较强的轻松性、现代性等，人们可较长时间对其进行预览。其缺点通常为网站整体下载速度相对较慢等。