网页版式设计的图文魅力_网站美工设计基础第四篇章.pptVIP

骨格型网页版式示意图 网站美工设计基础 骨格型网页版式 骨格型网页版式 网站美工设计基础 满版形网页设计其充实的版面整体性较好，但容易产生压抑和无空间感，然而版面使用率高。反之，如果将版面统筹布局后留有大量的空间，造成视觉上的低版面率，会给人一种品味高雅的格调。 满版型网页版式示意图 网站美工设计基础 满版型网页版式 满版型网页版式 网站美工设计基础 网站美工设计基础 视觉上的底版面率设计 网站美工设计基础 分割形的网页条分缕析，板块内容界限分明，具有很强的秩序感和条理性。 分割型网页版式示意图 网站美工设计基础 分割型网页版式 网站美工设计基础 网站美工设计基础 2 .线 线相对于点和面来说是一个细而长的形态，具有分隔空间的作用。 网站美工设计基础 线的自由分隔，起了引导作用 单线构成的图形，与人物图片形成鲜明对比 网站美工设计基础 3.面 面有长、宽两度空间，无厚度，也称为“形”，是设计中的重要因素。在现实版式设计中，其表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。在基本视觉要素中，面的视觉影响力最大，在画面上往往起着举足轻重的作用。 网站美工设计基础 网站美工设计基础 相对于点、线来说，面能起到稳定版面的作用。 网站美工设计基础 4．2 版式设计的审美形式原理 美是每一个人追求的精神享受。当你接触任何一件有存在价值的事物时，它必定具备合乎逻辑的内容和形式。然而单从形式条件来评价某一事物或某一视觉形象，美或丑的感觉在大多数人中共存着一种源于人们长期生产、生活积累的共识，使我们逐渐发现了形式美的基本法则。 网站美工设计基础 一、对称与均衡 对称与均衡是图案最基本的两种组织、构成形式。对称体现了静感与稳定性，具有端庄，安定的美；均衡则表现了动感和变化性，具有生动、活泼的美。对称是指图形或物体对某个中心点、中心线、对称面，在形状、大小或排列上具有一一对应的关系；均衡是不对称形态的一种平衡。 网站美工设计基础 二、重复与交错 版面设计中反复使用的基本形或线的形状、大小、方向都是相同的称为重复。重复使设计产生安定、整齐、规律的统一。但视觉感受有时容易显的呆板、平淡、缺乏趣味性的变化，因此在版面中可安排一些交错与重叠，使版面变得灵活。 网站美工设计基础 网站美工设计基础 交错使版面变得灵活 重复图形构成的版面效果 网站美工设计基础 三、节奏与韵律 节奏是规律性的重复。音乐靠节拍体现节奏，绘画通过线条、形状肌理和色彩体现节奏。节奏往往呈现一种秩序美。 网站美工设计基础 韵律更多地呈现一种灵活的流动美。它变节奏的等距间隔为几何级数的变化间隔，赋予重复的音节或图形以强弱起伏、抑扬顿挫的规律变化，产生优美的律动感。节奏与韵律往往互相依存，互为因果。 网站美工设计基础 采用同一个图形，在大小、颜色上作渐变，达到优美旋律的追求。 网站美工设计基础 四、对比与调和 对比是差异性的强调，对比的因素存在于相同或相异的性质之间。在版面设计中，缺少对比效果，就缺少活力。 网站美工设计基础 版面设计可以从诸多方面运用对比手法：如虚实、聚散、繁简、主次、轻重、大小、方向、长短、粗细、曲直、强弱、黑白、色相、纯度、色调等的对比。 网站美工设计基础 调和是指适合、舒适、安定、统一，是近似性的强调，使两者或两者以上的要素相互具有共性。 网站美工设计基础 明暗对比 网站美工设计基础 对比中的渐变 网站美工设计基础 五、变异与秩序 变异是一种在整体效果中的局部突变。将变异的原理用于版式设计，会使版面更活跃、更丰富、更有情趣，而异质形象往往就是整个版面最具动感、最引人关注的焦点，也是其含义延伸或转折的始端。 网站美工设计基础 表现形式有位置、规律的转移、色彩等的变异，也可依据大小、方向、形状的不同来构成特异效果。 网站美工设计基础 文字的部分变异，增强了版面的视觉感和意义。 网站美工设计基础 形象富有秩序的变异 网站美工设计基础 六、虚实与留白 “虚与实”是中国画论对二维平面空间利用的概括。是指占有实际版面的部分是“实”，留白的地方为“虚”。 网站美工设计