内容发布更新时间 : 2024/11/15 8:13:04星期一 下面是文章的全部内容请认真阅读。

龙源期刊网 http://www.qikan.com.cn

网页设计的编排创意、视觉要素剖析

作者：沈金报 孙黄

来源：《神州·上旬刊》2017年第04期

摘要：本文分别从文字、图形与图像、动画与视频、网页色彩等方面，探讨了网页设计的主要视觉传达要素，另对网页设计的编排创意加以概括与论述，以期能为网页设计提供些许参考。

关键词：网页设计；编排创意；视觉要素

随着科技的日益发展，使得原本单一且静态的信息媒体，开始向多样且动态的信息媒体不断转变，对于各类媒体而言，均有专属自身的特点“语言”，以及形成此语言所需的各基本要素。网络乃为一种新媒体，随着其应用的日益广泛、多样与普遍，除了使传达设计的表现语言及基本视觉要素变得越发丰富之外，还日渐凸显出其不可替代、互动性作用。 一、网页设计的主要视觉传达要素 1.文字

在网页设计元素中，文字扮演着信息传达的主角，同时还是页面设计中最具活性、最有创意点的设计元素。字体不同，其内涵与风格有所差异，因此，选择合宜的字体，乃是网页设计成功与否的首要前提。合宜的字体实际就是具有亲和力且能够准确传达的字体，尤其是基于网页特性所标配或要求的标题性文字，比如商务管理网站、电子商务网站、普及型网站及办公事务管理网站等，在选择标题性字体时，通常以色调和谐、醒目且大方为佳，其首选字体为黑体、宋体等；而针对设计机构自家网站以及媒体信息服务类网站来讲，其宗旨与理念即为基于网络树立自身良好形象，便于为对象提供服务，所以，在选择标题性字体时，相对较自由，不仅可以选择事先经设计带有创意性的字体，而且还能选择有庄重感的黑体。在实际选择文本字体时，通常会受制于网络媒体特性，通常选用浏览器默认的字体，以此来兼容各类受众，不然，则须以图像形式而呈现，因此，在网页设计过程中，可供选择的文本字体相对较单一，对文字的创意，多集中在设计文字块整体造型上。通过对文字的整体形象与形状展开设计，实现网页页面形象感、感染力的增强。文字块造型和图形设计之间，有着相辅相成的关系，同时还是页面创意整体框架的重点内容。文字块设计可为静态，还可为动态，主要由网页页面信息传递的总量以及视觉平衡来决定。出文字本体之外，文字的色彩、大小同样是开展文字设计的重要元素，通过合理设计这些元素，可以使信息读取的易读度、清晰度得以提升。 2.图形与图像

网页设计时，运用好的图像与图形，能够激发受众对产品、机构及企业等的认可与兴趣，从而以自觉性姿态、深层次的了解企业的理念、文化与精神等，最终实现信息交流。图像与图

龙源期刊网 http://www.qikan.com.cn

形有着非常突出的信息导视作用，能够将复杂的信息有效而又快速的传达出来。对于图像而言，实为质感与色彩均较真实且带有具象性的一种形态，能运用电脑相关绘图软件，依据实际设计需要或要求，创新性的、大胆的进行提纯、修改或数字化处理，将其静态美感突出出来。图形即为点、线、面等和谐共融，而形成的二维艺术形象、抽象形态。针对抽象的图形创意而言，能利用相关设计软件，通过对点、线、面等要素的创意性重组，使之产生别样的空间效果，完成活泼有趣、有节奏感、有个性、带有动感的图形设计，最终实现网页画面观赏性的增强。对于图像、图形而言，尽管有活泼版面、营造网页气氛以及加强视觉效果等突出作用，但对于图像与图形的色调而言，会对网页页面的整体风格产生影响。所以，在网页页面应用图像、图形前，需对自身内容进行筛选，尽可能做到精心、周密，完成选定后，选择合理的尺寸，运用统一的图片处理效果，搭配和谐、协调的色调，设定最佳位置，最终增强信息传达效果。

3.视频与动画

在网页设计过程中，通常会用到Flash动画。在网页中应用三维动画或Flash动画，已经成为艺术与科学完美结合的中间环节。在视频与动画创作过程中，最为核心的便是营造一种情感、感觉与情绪。对于那些优质的三维或二维动画设计内容，能够使原本枯燥、乏味的人机对话，变得更为生动与有趣，从中还能张扬人的情感。不管是利用图形、图像要素，还是运用视频与动画要素，其最终设计目的即为营造出画面休闲、活泼、轻松的气氛，在阅读时，使二维动画的“动”、图形的“静”及文字彼此呼应、和谐共融，产生心理上、视觉上的带有丰富层次感的空间关联，使受众在此种“世界”当中获得愉悦。 二、网页设计的编排创意

编排网页页面，通常需将视频、图片、文字及动画等信息一并展示于观众，所以，首先需结合不同性质与类型，对网站加以分类，对其内容进行规整，然后把信息依据一定次序，进行合理化、规范化布局，使其形成统一的视觉整体，真正做到总体考量，在原本相对有限的平面空间内，达成无限想象。对于网站的编排创意而言，其所追求的是整體感觉，实际就是基于视觉体量的整体性的认知分类与调整，其实质即为依据网站策划，从各种设计元素的多类组合中，筛选出最佳的的实践过程。首先，需要明确界定版面设计，完成初步性构思，然后用草图呈现此构思，使之具体化，此乃一“无形”过程，同时还是最能感受创意的过程。

在实际网页设计过程中，需做到有机整合各元素，可以运用Frame（框架结构），实施页面分栏，使之形成嵌套结构或上下、左右结构；或运用层定位方式开展页面布局的设计工作；运用表格定位方式，将页面布局确定下来。在应用表格方面，同样具有创造性，针对网页页面结构而言，其乃是基于服从框架与表格的基调下，完成规律的创建，另依据页面创意加以分割与调整，若在设置背景时，选择不规则形，则能较好的突破视觉上的呆板，或时过度规律。在定位框架、层与表格时，通常是同步使用，定位层的方式即相对定位，此种方式具有较差的显示器分辨率的兼容性，而表格可较好的弥补此缺陷，使其优却互补。在编排网页页面时，需与

龙源期刊网 http://www.qikan.com.cn

页面素材与主题相结合，对页面平衡加以调整，在不对称中找寻均衡之处，在统一当中找变化，经反复调整，获取内在秩序，使人们获取最佳视觉效果，实现信息传递。 三、结语

综上，基于视觉层面，追求一种统一而又富含变化的节奏，实现总体上的和谐律动，以整体需要为着眼点，创造页面的和谐感与秩序感，在无相互干扰的系统当中，使网页页面上内容发挥作用，形成别致风格与韵味，此乃网页设计的目标所在。 参考文献：

[1]高冲.浅谈网页的视觉设计原则[J].艺术科技，2012（6）：96-96. [2]范翠丽.教育网站中页面的艺术设计[D].山东师范大学，2005.