页面布局设计

李金彦

    所谓页面布局，是指将文字、插图、商标图案、背景、饰线等要素，编排组合在一定的版面位置内，以取得最佳的阅读和宣传效果。海报、会刊、宣传单、宣传手册甚至各种广告等，都要根据宣传主题的需要，在一定的平面空间内将各种视觉传达要素（标题、文字、色彩与各种插图、装饰图案、标语等）予以编排和整理。页面布局是艺术创作技巧在宣传材料编排系统中的运用，也是协会形象定位的具体展现。它直接运用平面广告的基本视觉传达要素和构成应用要素，组成强烈醒目的视觉页面。

    页面布局是一种平面造型艺术，直接影响着宣传页面的阅读效果，设计时必须遵循所有构图艺术形式的基本法则。

页面布局法则

    1.遵循规律，视觉流畅。人的视线在页面上的流动有比较固定的认知模式，即从左到右，自上而下，由左上沿着弧线向下方自然流动。受生理与心理的影响，当人们在观看平面作品时也会形成一个习惯成自然的视觉流动顺序，即首先表现为快速浏览整个页面，以形成一个初步的整体印象，接着视线就会被可视性最强的某一处所吸引，然后，视线会随着各要素的强弱变化而作有序的流动，最后读完全画。了解和掌握视觉流程规律，有助于设计者编排的方向和顺序作有规律的流动，并根据这一心理感知过程和不同的设计内容制定相应的视觉流程设计方法（如引人注目、信息传达、印象留存等），以使读者在不经意间接受完整的信息并充分感受到设计的意图。

    页面布局设计的目的，就是通过艺术手段与通常的视觉流程，使页面设计的诸要素即标题、插图和要表达的东西有机地、巧妙地组合起来，因此，页面布局应遵循“阅读最省力”的原则，注重视觉流程规律，注重页面的空间运用。视觉的流程应合理，视线的导向应明确，流程应畅通无阻。要有意识地引导读者的视线按流程顺序轻松、省力、愉悦地观看和阅读。布局的可视性给人的视觉生理和心理以舒适和美的享受，能提高读者的观阅兴趣，有利于充分地进行信息传达。

    2.导向明确，突出重点。成功的布局设计能左右读者的视线，使页面有一个明确的视线导向，通过线、形的巧妙安排，创造方向性和顺序感，引导读者先看主要内容，后看一般内容。常见的视觉导向技巧有以下几种。

       ①形状。具有强烈方向感的形状都能将读者的视线引向其所指的方向，如一个箭头、一个手势、一个指示的几何形等。

       ②方向。水平线可使视线左右流动，垂直线可使视线上下流动，而倾斜线因其动势的变化可使视线作不稳定的流动，曲线、折线、弧线则可使视线依其折向、弧度而自然流动。

       ③运动。由在运动之中的作用力而形成的任何运动趋势，都可以使读者的视线从一个方向流向另一个方向。运用动感、速度、变化大的动作语言，能有效地诱导读者的视线依据运动的方向作有序的流动，如人的奔跑、上冲、旋转或一个具有方向感的倾斜。此外，以离心、向心等发射结构形式出现的运动，都可使视线按一定方向流动。

       ④排列组合。相同或相似的元素作连续的排列，可使视线向一定方向顺序流动。相同或相似的视觉元素作渐变的排列组合，则可使视线向纵深处流去并形成一定节奏的韵律感。

    3.关联统一，变化有度。页面布局须遵循整体统一完整、局部活泼变化的法则。宣传材料中一切要素在局部中都是相对独立的、有变化的，但在整体上要与精神相关联，与情感相呼应，形式协调统一，形态顾盼有情。插图、协会形象、装饰图案、文字形式等，都要相互呼应，关联统一。

统一与变化在动态上具体表现为连续与反复的关系。连续是变化形态间的联系与统一，系列图片或文字等的反复排列是有规律、有节奏地伸展和延续，连续与反复搭配得当，既可强调信息，强化记忆度，又可增强页面的韵律美、节奏感。

    4.主从分明，详略得当。有主无从显得单调呆板，有从无主则散漫凌乱。在进行页面布局时，首先要根据页面主题确定以何种要素形式为主体，将之置于页面的中心位置，以此主导和统摄整个页面的造型，其他要素形式则从属于主体态势，使之生动而不呆板，富有生气。

页面布局最主要的主从搭配是插图与文字之间的搭配，一般无外乎主图文辅和主文图辅两种基本类型。图主文辅可以增强视觉刺激效果，吸引读者注目和阅读正文；文主图辅的形式通常借助文字形式特别设计和编排来突出文字内容，使要表达的信息能以更加单纯醒目的文字形式加以直接传达。图文的主从搭配是相对的，二者常常是互相呼应、相得益彰的。

    5.结构合理，疏密有致。页面布局的疏密安排决定着版面的视觉节奏感。各构成要素之间疏密的排列，各要素内部空间、结构都要适当调整，既要严格讲究分寸，又要灵活合理；既要工整规范，又要生动活泼。适当的密度感可增加视线流动的速度，显得严谨紧凑。值得注意的是，过大的间隙给人以孤立、涣散的感觉，难以形成气韵，而间隙过小，视觉结构板结，不透气，视线流动滞淤，感觉上形成“阻塞，板结，窒息”。因此，疏密在平面构成中是至关重要的。

    6.对称均衡，对比协调。页面布局还须讲究均衡对称效果，即页面结构应对称均衡、对比协调。所谓“对称”，即以一点为基准向上下或左右同时展开形态，包括上下对称、左右对称、三面对称、四面对称和多面对称等。它以同形、同量同距、同色的组合形式，体现出秩序美和规则感，形成平稳庄重、严谨安静的美感。所谓“均衡”不是形式上的机械平衡，而是指页面所引发的安全平稳感，给人以生动、玲珑、自由的美感。

页面布局设计要领

    页面布局是依靠智慧和经验的艺术创作活动，应遵循视觉流程规律，按照一定的视觉效果要求，作出具有创意的编排设计。一般来说，页面布局设计应注意以下要点。

    1.根据既定构想，应用线条描绘出各种可能的布局轮廓。在设计过程中，标题、主文、插图等表现要素、可能有各种不同的配置形式；可考虑使用更多的线条作布局的骨干，用你的视觉判断和认识这些线条。不断变换图形尺寸和比例，在变化多端的范例中，选择其一作为激发灵感的思绪火花，通过头脑风暴会议形成创意布局。

    2.决定设计区域范围。在设计一开始，先决定设计区域须占多大面积、应放在什么位置上、图形轮廓大小。设想一个视觉构架，把你设想的“图”、“文”形象作成简图勾画出来。

    3.把标题和正文试着配置在适当位置。大标题是页面的重要元素，凸显大标题是页面设计的法宝。副标题是大标题的延伸，要根据大标题决定副标题的形式及位置。主文作为页面信息的主要载体，在整个页面架构中十分重要，可用不同的线条显示主文所在位置，以达最佳阅读效果。试用不同的字形、字体和字号表现主文和标题，比较哪种视觉效果最佳。

    4.彰显特色标识。尝试使用不同的设计软件和工具，以平时设计经验和即席灵感激发，勾画出多姿多彩的图案，以主导视觉效果。尝试把标志图案作成各种尺寸及不同色彩，观察衡量哪种效果更好。

    5.各种因素在布局上力求均衡。页面布局设计完成必须经过必要的评估环节，应深思熟虑，切勿潦草行事。

页面布局设计的形式

    不同的构图具有不同的性格，表达不同的感情。页面构图设计有以下基本形式。

    1.标准式。标准式即图片在版面的上方，其次是标题，然后是说明文字与标志图形。这种布局形式具有良好的安定感，它首先用图片吸引读者的注意力，然后用标题诱导读者注意其说明文字和标志图形。读者的视线是自上而下有顺序地流动的，能产生良好的阅读效果，因而被广泛地运用于页面布局设计。

    2.标题式。标题式即标题在版面的上方，然后才是图片、说明文字与标志图形。这种布局以标题作为图片的先导，让读者先看到标题，留下明确的印象，然后看到图片，获得感性认识，激发起兴趣，进而在版面下方阅读位置安排恰当的说明文字和标志图形，获得一个完整的认识。

    3.全图式。全图式即用一张图片占据整个版面，图片可以是宣传人物形象或者宣传创意所需要的特定场景，在图片的适当位置直接嵌入标题、说明文字和标志图形，或者用开窗的形式安排其他构成要素，是一种具有现代感的构图形式。

    4.斜置式。这是一种强有力的、具有动感的构图形态，读者的视线因倾斜角度的不同将由上而下或者由下而上流动。构图时全部构成要素或主要构成要素向右边或左边做适度倾斜，由于视觉心理所致，向右稍稍倾斜能增加易见度且具有活力，向左倾斜则效果不明显或者在视觉上令人不舒服。

    5.水平式。水平式即将图片或某一特定形象水平置于版面上，构图安定而平静，使读者的视线可以左右移动，在瞬间留下一个整体印象。与众多的垂直式的构图相比，水平构图不仅更符合读者的视觉习惯，而且给人一种新颖别致的感觉，具有一种现代意味。

    6.对称式。对称式即把标题、图片、说明文字与标志图形放在中轴线的两边。版面上的中轴线在视觉上可以是有形的，也可以是无形的，可以以此变化来弥补由于对称所造成的过于平稳的感觉，吸引读者的视线。这种形式具有良好的平衡感，在安排构成要素时，要考虑其对读者心理和生理的影响，把广告诉求重心放在左上方或右下方，以使读者的视线一开始就能投向版面的重心，抓住宣传信息的主要部分。

    7.重复式。重复式即把同一构成要素在版面上进行三四次或更多次的重复。多次重复的构成要素可能是图片，也可能是标题或标志图形。重复的构成要素具有强调和增强注意力的特殊功效，并使版面产生动感和视觉上的活力，增加了版面的情趣。

    8.文字式。文字式即以文字为主体构成版面，图片仅是形体和色彩的点缀。文字型的编排是否能对读者产生吸引力，首先在于宣传创意本身是否具有吸引力，其宣传重心能否触及读者所关心的问题；其次，在字体安排上要有利于阅读，不仅要井然有序、明快清爽，还应富于变化，便于读者的视线在版面上顺畅地流动。

    9.圆图式。圆图式即先以正圆形或半圆形图片构成版面的中心形象，然后在此基础上安排标题、说明文字和标志图形等。这样，读者的视线首先被版面中心的图片所吸引，然后才向其他部分流动。在几何图形中，圆形较之于其他图形具有自然的、完美的、有生命的象征意义。在视觉上，它给人以庄重、完美的感觉，因而在版面上具有较高的引人注目、激发兴趣的价值。

    10.放射式。放射式即把构成要素纳入一个呈放射状的结构中，统一于视觉中心，产生多样、统一的综合视觉效果。这种布局格调新颖，具有强烈的动感，在视觉上有很强的刺激性，能快速地捕捉人们的视线，适合表达现代产品的创意。用于表达其他宣传对象也能产生非同一般的视觉效果。

    11.平行式。平行式即把所有构成要素或大部分构成要素作平行的组合，可以是垂直平行、水平平行、倾斜平行等。水平平行具有明显的平行方向的视线流动，比垂直平行更具安定感；垂直平行具有上下方向的视线流动；倾斜平行具有鲜明的动感。任何一种平行编排都会把版面划分成若干个视觉区域，促使读者的视线进行阶段性的流动，形成视觉流程的节奏感和明显的有序性，有利于保证视觉诱导按设计意图分层次地进行。

    12.棋盘式。棋盘式即对版面全部或部分进行棋盘式设计，将其分割为若干个面积相等的方块，让它们具有明显的区域性。这种布局适用于介绍一组宣传目标，或者对某一目标做不同角度或场合的反复展示等。使用这种表达方式易于取得理想的宣传效果

    13.指引式。指引式即在版面编排中，在结构、形态上具有明显的指向性。可以通过箭头、手势、透视线、聚焦等艺术手法，起到明显的指示作用，把读者的视线指引到要重点表现的目标上。指引型编排具有明确的视觉诱导方向，能把读者的视线引向页面的重点，使读者极为便捷地把握、领会信息的基本要点。

    14.左右置式。左右置式即把插图安排在版面的左侧或右侧，余下的一侧可放置文字说明等内容。一般人的视线往往先落在版面的左上侧，如果想让读者先看到图片，则把插图放置在左上侧；如果想让读者先看到文字、标题，则可把文字标题放置在左上侧。

    15.背景式。背景式即在布局上首先以实物、纹样等作为版面的整个背景，然后才把标题、说明文字及标志图形置于其上。对背景可以做由远而近的处理，以形成页面的一种纵深感。用实物进行背景的烘托处理，能营造一种特定的氛围，具有很强的诱惑力，能很明确地将主题表达出来。

    16.字体式。字体式即对构成要素的名称或文字组合体的标志图形进行放大处理，使其在版面上成为夺目的视觉要素。如果字体条件相符，可以将个别字母或文字转换为宣传形象。这样做不仅增加了版面的变化情趣，也极为巧妙地点出了页面主题；不仅使人的视线集中，也给人留下深刻印象。

（选自《现代广告学》（清华大学出版社、北京交通大学出版社，邱颖编著），原标题为《广告布局设计》，有删改）

    以上是页面布局的基本形式，制作宣传材料时可以按照这些形式自己进行创意编排，或从这些角度出发以激发灵感，但仍需平日里大量的积累，对任何事物都保持浓厚的兴趣，具有强烈的求知欲和好奇心，拥有广博的知识和素材，保持丰富的想象力和开放性思维，并灵活地运用设计软件的技术技巧，争取将每一个细节都做到最完美，才能让你的作品拥有独特的魅力。

周思怡

那些样式要是文字说明有相应的图片展示看的就更加直观啦
金彦辛苦啦~

刘玉龙

正在学做网页，收了