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

龙源期刊网 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.

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4