网页设计中的版式与风格

网站设计原理与实战第3章网页设计的版式与风格网页中的版式设计就是在计算机屏幕的有限空间内，将视觉元素进行有机的排列，组合成完整的页面。网页中的版式设计将理性思维个性化地表现出来，它是一种具有个人风格和艺术特色的视觉传送方式。在传达信息的同时，也产生感官上的美感。版式设计一般应用到平面设计中的各个领域，例如报纸、刊物、书籍等。同时，时下日益流行的网页设计同样属于版式设计的范畴。网页中的版式设计骨骼式这种网页版式是一种标准的理性的分割方法、严格按照骨骼比例对图片、文字、多媒体等网页元素进行编排。满版式满版式是版面以图像充满整版，整个设计以图为主，视觉传达直观而强烈，文字内容在版面上的上下、左右或中部〔边部和中心〕。分割式分割式分为两种，上下分割式和左右分割式。上下分割式是将网页的整个页面分为上下两局部，在上局部或下局部配置图片、视频等元素〔可以是单幅或多幅〕，另一局部那么是配置文字。中轴式中轴式是将图像等元素水平方向或垂直方向排列，文字配置在上下或左右，水平方向排列的版面，给浏览者稳定、安静、平和和含蓄的美感。常见的网页版式类型导引式导引式是指将页面中的某些文字、图片等元素排列成曲线，产生韵律与节奏的感觉。对角式对角式是指将页面中的主要元素分别放置在版面的左上角与右下角，或者右上角与左下角。对称式对称式能给人满足的感觉，画面结构完美无缺，给人稳定、理性的感受，对称式又分为绝对对称和相对对称两种。重心式重心式会产生明确的视觉焦点，并使其更加突出。三角式在圆形、矩形、三角形等根本图形中，正三角形是最具有平安稳定因素，因此，三角式有极强的稳定性。常见的网页版式类型并置式并置式是将相同的图片做大小相同而位置不同的重复排列操作，并置式的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。自由式自由式是指版面结构中没有任何规律，通过随意的编排构成，整个画面有活泼、轻快的感觉。组合式组合式是指将一个版面中的图片裁切成尺寸不同的图片，并重新组合在一起，形成新的图片，这些图片可以不相同，也可以是同一张图片的局部。常见的网页版式类型网页版式设计统一中有变化,能够减轻网页浏览者的视觉疲劳,是网页设计中最根本和最简单的形式美法那么。统一与变化占统治地位的是统一；变化不是随意的变化，是统一中的变化。网页版式设计的统一主要包括版式的统一、字体的统一、设计风格与均衡方式的统一，以及明暗色调的统一等。将有相同特征和形状的视觉元素在页面各处重复表达，能使各个局部之间具有一致性和规律性，有效地实现统一。同时也应该注意，过于强调统一会使人感觉单调和呆板。解决的方法可以是适当地在版式、图片、色彩、线条、形体等细节方面做相应的调整，求得统一中有变化的视觉效果。网页版式的统一与变化网页版式设计的比照，指的是差异明显的视觉造型元素，甚至互相处于相反关系及对立关系的视觉造型因素。互相比照产生的美感具有强烈、鲜明的特征，容易形成视觉的中心点，起到活泼造型的作用。比照手法的主要表现形式有以下几种：图形、形体比照及空间比照。质地、肌理比照。表现手法比照。色彩比照。方向比照。虚实比照。网页版式的比照与调和所谓均衡，就是说版式上的等量不等形的平衡。这种平衡分为对称平衡与不对称平衡。均衡与对称是互为联系的两个方面。对称能产生均衡感，而均衡又包括着对称的因素在内。网页版式的均衡与对称节奏和韵律是网页版式设计形式美的重要法那么之一，在网页版式设计中被广泛应用。网页版式的节奏与韵律单纯与秩序也是形式美的根本法那么之一。单纯是指在网页中根本形的简练与版式结构的清晰明确。单纯能够产生强烈的视觉冲击力，给浏览者一种完整、有序的视觉效果。网页版式的单纯与秩序网站的页面原本是一片空白，当一行标题、一些文字内容或一个图形以不同的视觉形状出现在画面上时，就形成了图与字、形与形的上下前后的空间感觉。网页版式的空间留白网页视觉流程的规划在网页版式设计中视觉流程是重要的内容。由于网站页面中含有不同视觉领域，因此，浏览者的注目程度是不同的，所以给浏览者心理上的感受也是不同的。视觉流程的视觉力场网站的视觉力场是一个动态的概念，就网页设计而言，指的是用户通过页面之间的链接和切换实现信息的传达。网页的视觉流程类型单向视觉流程按照一定的顺序和主次来引导浏览者的视觉方向，需要符合人们的视觉习惯。通常分为竖向、横向和斜向三种类型。合理的网页视觉流程设计创意设计在版式中的角色和地位在现代网页版式设计中，设计师要懂得什么才是最核心的因素，所谓的核心因素就是创造性思维。如何激发创意设计在设计师进行网页设计时，创意是决定设计的倾向、意境和深度的关键。网页版式设计中的创意设计怀旧风格色调、老照片或插图、怀旧字体是构建怀旧风格的关键性要素，在进行网页设计时，可以根据网站整体内容的需要，将这三种要素合理地结合起来，从而成功地构建怀旧风格的页面。简约抽象风格所谓简约抽象风格是指在网站页面中不会出现大多数的装饰性元素，而是将设计简化到只剩下最根本的元素的一种网页视觉风格。简洁风格简洁风格的网站页面设计能够让人有一种清新、简洁的感受。仿古风格根据网页设计的需要，设计师可以采用更加精准的方式来使用纹理，从而可以有效地为网页营造一种具有古代气息的气氛。立体风格所谓的立体是指通过俯视图、左视图、正视图以及透视图来创作设计编辑物体的，以一个具有长、宽、高三种度量的立体形态出现的。整体网站的视觉设计风格绘画风格在网站页面中适当地参加一些简单而独特的绘画元素，不仅可以表现页面的与众不同，而且可以表达页面的根本用途。剪贴画风格剪贴画风格能够美化网站，并且可以营造一种仿古气氛，这是其流行的主要原因。插画风格在进行网站页面设计时，图像的选用是至关重要的，图像选用的合理与否将决定网页风格构建是否成功。照片风格以照片为主要设计元素的网站页面，总会给人一种耳目一新的感觉和意境美。大字体风格在网站页面中使用大字体，不是单纯地只起到提醒作用。在实际应用中，它可以有效地解决网页设计中的具体问题。整体网站的视觉设计风格艺术作品风格在网站页面中，设计艺术作品风格的方式是多样化的，可以根据具体的艺术作品合理地在页面中进行布局。自然风光风格如果在设计网页页面时，仅仅考虑用代码编写出来就算完成页面设计，而不过多地考虑设计出的网页作品所带来的影响，那么这样的作品是没有感情的、是纯粹技术性的，因此也不会有太大的作用与吸引力。诱人美食风格随着社会的不断开展，人们的生活水平也不断提高，因此，越来越多的人对健康饮食关注起来。为了获得更大的收益，商家也绞尽脑汁，使用各种各样的媒介向外界传达产品信息。破旧报纸风格在网站中构建具有破旧报纸风格的页面，可以营造一种浓厚的文化气息，让访问者有一种摆脱计算机来阅读页面的感觉。整体网站的视觉设计风格绿意盎然风格当我们浏览网站页面时，会发现很多网页都会应用青草作为设计元素，青草从其生态色上就给人清爽、生机、活力感。原木风格网页视觉风格不断地呈现多样化，原木风格在设计中也是较为常用的，通过在页面中采用木材纹理，可以营造一种纯朴、生态的自然气氛。白云元素风格白云元素的网页视觉风格，可以给页面带来意境美。喷溅元素风格喷溅元素容易让人联想到颜料或者各种具有独特创意的东西。印刷元素风格印刷元素风格的网页视觉设计，在新闻网站的报纸主题、餐饮菜单网站以及艺术家的作品集网站中较为常见。办公元素风格在网站页面中运用人们日常生活中较为常见的事物作为网页的构成要素，可以形象具体地表达页面的主题。整体网站的视觉设计风格本实例设计一个网络游戏网站首页面，该页面采用常见的骨骼型网页版式设计。在页面头部，应用游戏插画和虚拟人物作为背景，表达出游