版式设计学习要点及目标

版式设计学习要点及目标2025-11-06目录版式设计基础概念版式设计发展历程版式设计表现力分析版式设计构成要素版式设计表现形式目录版式设计构图方法网格系统应用网格突破与创新版式设计实践目标01版式设计基础概念什么是版式设计版面布局的艺术版式设计是平面设计艺术的核心分支，专注于版面布局的艺术与科学，通过精心安排文字、图像、色彩等元素，创造既美观又高效的视觉效果。视觉盛宴的编织者版式设计是沟通设计与观众情感的桥梁，它不仅仅是一种技能，更是一种能够触动人心的艺术语言，让设计作品更加富有生命力和表现力。版式设计的重要性设计师的必修课版式设计作为现代设计艺术的重要组成部分，是设计师必须掌握的基本技能之一。它要求设计师具备扎实的理论基础和实践能力，以应对日益复杂的设计需求。信息的视觉呈现版式是平面设计作品的基础框架，决定了观众如何接收和理解信息。合理的版式设计能够提升作品的视觉效果，使信息传达更加清晰、准确。书籍设计的基石对于网页设计而言，版式设计同样重要。它帮助网站建立清晰的视觉层次结构，确保用户在浏览过程中能够轻松获取所需信息，提升用户体验。网页设计的框架品牌形象的塑造在品牌形象设计中，版式设计发挥着不可替代的作用。通过精心设计的版面布局和视觉元素，品牌的核心价值和特色得以凸显，帮助建立独特的品牌形象。在书籍设计中，版式设计扮演着举足轻重的角色。它不仅决定了文字与图像的排列方式，还影响着读者的阅读体验，是书籍设计成功的关键要素。版式设计的应用领域02版式设计发展历程西方版式设计起源宗教版面设计公元3-6世纪，宗教传播促书籍出版繁荣，宗教手抄本体现高超版面设计，精美插图与规范文字混合编排，装饰整个书籍，形成当时宗教手抄本版面设计特征。古埃及版面古埃及象形文字广泛运用，在雕塑、石刻中常见，尤其在纸草书上普遍，常配精美插图，丰富版面形式，《死亡书》是典型，图文呼应有序，展现精美设计。苏美尔排版西方最早版面形式约公元前3000年苏美尔人创造，他们用湿泥做板，木刻画出文字，形成契形文字，这些文字按一定规律排列，形成最早的西方编排形式。中国版式设计传统甲骨文版式青铜器铭文丰富版式语言，版面空间经营精妙，整体与局部和谐统一，展现高度艺术匠心。青铜器铭文书法章法古籍版式中国古代版式设计从甲骨文起，确立上下、左右布局规范，影响深远，沿用到竖排中文。书法作为艺术，讲究章法布局，字与字、行与行之间错落有致，留白巧妙，体现出了和谐美。古代典籍如《诗经》、《尚书》等，版式经典，如蝴蝶装、包背装等，展现古人设计智慧与审美。新技术对版式的影响1234纸张与印刷术纸张革新与印刷术进步，推动平面设计发展，中国书实现功能与美的统一，引领读图时代。工艺美术运动强调手工艺与设计的结合，反对机械化生产，追求自然与美学的和谐统一。工艺美术运动摄影术摄影术诞生后，图片在版面设计中地位提升，摄影图片与文字、图形的结合更加灵活多样。数码技术数码技术丰富了版面设计语言，数字图像、图形等皆可灵活编辑，为设计者提供了无限创意空间。03版式设计表现力分析基本特征与要求版式设计要求将传播内容概括成简练的图形元素，通过对圆形元素进行合理化的处理，高度浓缩传达的内窑，提升宾在版面中的视觉地位，高效地传播所jf�载的信患。01版式设计往往是和一定的商局及装饰对象联系在一起的，在设计过程中常需带有特定的指示性，即广告作用，通过独特的视觉元素布局，吸引目光，激发情感，引导行动。02规律性要求图形元素之间E帽依存、中目豆制约，融为一体，达到版面编排的目的。版式设计首先要明确传播信息内容确定设计的主题，根据主题来选择合适的元素。03指的是页面上除去上下左右余臼后，版面所占的面积比率。它反映了版面设计对页面空间的利用情况，是评估版面设计效率与紧凑度的重要指标，直接影响阅读体验。04在版式设计中的顺序性首先体现在设计流程上，是设计的关键。需要确定好元素的出现顺序，确保信息传达的连贯性和逻辑性，使观众能够按照设计者的意图顺畅地接收信息。05指示性顺序性版面率直接性创意表现手法标准型版式标准型版式的结构组合通常是标题和图片，然后是说明文字和标志图形，这种编排方式简单明了，视觉效果直接，能够迅速吸引读者的注意力并有效传达信息。文字型排版该版式编排中的主体构成部分必然是文字的应用，而图片、标志等其他元素只需起到衬托辅助的作用。文字排版需考虑字体、字号、行距、字间距等要素。全图型版式全图型版式最具视觉冲击力的，往往整个版面全部被人物特写或是创意应用的图片所占据。在这种全国式冈格中，加入适当的文字标题组合，极具震撼力。重复型版式重复型版式具有极强的画面趣。未性，版式画面视觉效果有一种鲜明的节奏感，这种版式编排，会选定某一固定的视觉元素进行重复排列，形成鲜明的设计特色。散点型版式打破形式美法则将视觉元素有意识的无秩序的排列，形成一种特殊的传播气。在设计过程中，每一元素的位置都是需要精心布置的，稍苟变化就会使整体版面杂乱无章。视觉传达效果对比度对比度在版式中用于衡量元素间的差异，通过调整字体大小、颜色、空间布局等手法，营造视觉冲击力，有效引导视线流动，确保关键信息脱颖而出，增强信息传递效果。01平衡感平衡感是版式设计中至关重要的要素，它关乎整体布局的稳定性与和谐度。通过精准调整元素位置、大小及重量分布，设计师可创造出视觉上的平衡状态。韵律感韵律感是版式设计中的高级美学追求，通过有序或无序的元素排列，营造独特的视觉节奏与氛围。恰当运用韵律感，能增强版式的吸引力和观赏性，提升观众的阅读体验。层次感层次感是版式设计中的关键要素之一，通过精心布局不同元素的前后关系、大小对比及色彩变化，营造出丰富的空间感和视觉深度，有效引导观众视线流动。02030404版式设计构成要素点的构成与作用在版式设计中，点作为基本的视觉元素，虽不孤立存在，却通过依附于特定形体，以任意形状和大小展现其独特魅力，成为平衡画面、吸引视觉注意的关键要素。点的定义版面中的点，因大小、形态、位置各异，而展现出不同的视觉效果，如强调、动感和肌理，成为版式设计不可或缺的元素，丰富了视觉层次，提升了设计感。点的视觉效应在版式设计中，点通过上下、左右、边缘发散及自由式的分布，结合排列、线化及面化处理，形成多样的视觉效果，为版面增添活力与创意，丰富读者的阅读体验。点的运用线是点的移动轨迹，拥有独特的形态、方向和万向感。线的种类虽多，但主要分为直线与曲线，各自展现出截然不同的视觉魅力与情感表达。线的定义曲线种类繁多，能赋予版面温和、女性化、优美等特质。恰当应用能增强动感，若使用不当，则可能显得版面不安定，缺乏稳定感，需注意曲线的选择与搭配。垂直线具有引导视觉上下移动的特质，能产生上拉或下拽的视觉效果。然而，过多垂直线可能削弱其特性，引导视觉向左右移动，赋予版面宽阔感。010302线的类型与功能线在版式中引导视线流动，构成形状，并分割版面。通过线的重复排列和封闭形状，形成动态趋势和丰富信息区块。同时线作为版面骨髓能撑起整个版面。版面的视觉要素通过线串联起来，形成流动感。线不仅是版面中明确可见的线，也是版面空间中无形的流动线，即视线。同时线具有分割作用。0405线在版面中的作用垂直线线在版面中的构成曲线面的分类与应用面是版面中的基本元素，由点放大、点密集或线重复构成。面没有厚度，是体的表面，受线界定呈一定形状。在空间中占的面积最多，具有明显量感和实在感。面的定义面分为积极面和消极面。积极面由点、线移动或放大形成；消极面则是由点、线聚集而产生。在版式设计中，最常见的一种形式就是由文字所构成的虚面。面的分类面有偶然形态、曲面、几何面等。偶然形态自然朴实；曲面柔美动态；几何面简洁理性。同时面的表现包容了色彩、肌理变化，形状和边缘对面性质影响大。面的表现形式肌理是质感的一种表现，分为触觉肌理和视觉肌理。在版式设计中，文字、图片、纸张等可构成不同视觉效果；同时色彩能直接传达内容，影响情感表达。肌理和色彩设计面在版式中划分区域，创造空间层次；面的形状和边缘变化丰富，影响视觉心理感受。同时面作为基本视觉要素，其影响力最大，需把握整体和谐。面在版式中的作用05版式设计表现形式重复与节奏在排版设计中，不断重复使用的基本形或线，它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。重复之美重复构成的视觉感受高时容易显得呆板、平，炎、缺乏趣昧性的变化，因此，我们在版面中可安排一些交错与重叠，打破版面果板、平淡的格局。重复避呆板节奏是均衡的重复，是在不断重复中产生频率节奏的变化。版式设计中的节奏慰安照一定的条理、秩序、重复连续地排列，形成一种律动形式。节奏与律动韵律不是简单的重复，而是比节奏要求更高一级的律动，用版面来说，无论是图形、文字或色彩等视觉要素，在去旦织上合于某种规律时F月给予视觉。韵律与美感对称均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉1心理上的静与稳定感。均衡分为对称均衡与非对称均衡。对称与均衡对比与调和通过巧妙的对比手法，如大小、形状、颜色等差异，可以创造出引人注目的视觉效果，有效吸引读者的注意力。视觉冲击力调和缓矛盾综合运用对比为加强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者E为因果，共同营造版面的美感。运用调和原则，寻求设计元素间的共同点，可以缓和设计中的矛盾，使整体设计更加和谐统一。在版式设计中，对比与调和需综合运用，通过合理搭配差异与共性，实现版面的最佳视觉效果和阅读体验。对比调和比例与适度比例是形的整体与局部以及局部之间数量的一种比率。比例又是一种用几何语言和空间关系表现现代生活和现｛制学技术的抽象艺术形式。适度是版面的整体与局部与人的生理或习性的某些特定标准之间的大小关系，也就是排版要从视觉上适合读者的视觉心理。比例与适度，通常真高秩序、晴朗的特性，予人一种清新、自然的感觉。在版式设计中追求比例与适度的平衡。比例美学适度原则比例适度变异与秩序秩序美之灵魂秩序美是排版设计的灵魂，宫是一种组织美的编排，能体现版面的科学性和条理性。在秩序美中溶入变异之构成，可使版面获得灵动的效果。变异秩序变异是规律的突破，是一种在整体效果中的局部突变。变异的形式有规律的转移、规律的变异，可依据大小、方向、形状的不同来构成特异效果。虚实与留白变化统一变化与统一官们在版式中发挥着不同性质的作用。前者的特色在于改变编排结构，赋予版式生命力；后者的特色在于利用规整的排列组合。虚实相映虚实对比处理往往能使版面层次更丰富TN．．．AEEZPRFA￥aFEZZEa王...,.....甜，，oltoι．．．．】．”。锐，。回＂＂＂白刷刷』－”mW崎句，A帽盼…－＝’e‘－·－·翩O翩翩...翩翩－翩翩”‘’”a翩翩副翩…．…翩W翩翩·’，，..＇－‘t.…－＝’e【’虚实留白中国传统美学上高M计臼守黑”的说法，冥中”黑”是指编排的内容，也就是实体，”自”就是指留白。留白是指版面中未放置任何图文的空间。变化与统一在版式中发挥着不同性质的作用。前者的特色在于改变编排结构，赋予版式生命力；后者的特色在于利用规整的排列组合，以避免版式整体显得杂乱无骂王。变化统一通过变化与统一的巧妙运用，版式设计能够吸引读者的视线，引导其按照设计师的意图阅读，从而增强信息的传达效果，提升整体版面的艺术价值和实用性。视觉吸引变化与统一06版式设计构图方法骨骼型构图骨骼型构图竖向分栏为主，适用于需要强调竖向阅读或展示较长文本的场合，如报告、论文等。应用优势设计原则构图步骤骨骼型构图基于黄金分割法则，对版面进行精准分割，确保设计元素的重复性与组合性。在骨骼型构图中，明确骨骼线条，确保设计元素精准对齐，以营造专业、严谨的视觉效果。根据版面需求设定骨骼框架，合理安排设计元素的位置和大小，确保整体构图既平衡又富有美感。满版型构图整体效果大方、舒展，层次分明，通过图片与文字的巧妙搭配，提升版面美感与阅读体验。设计特点在满版型构图中，注重图片与文字的和谐共生，通过精心布局和色彩搭配，增强版面吸引力。构图技巧适用于商品广告等需要立即吸引观众注意力的场合，通过满版设计快速传达商品特色与优势。应用场景满版型构图以图片为核心，通过饱满的版面设计，营造强烈的视觉冲击力，直观传达信息。满版型构图上下分割构图上下分割型构图简洁明了，将版面划分为上下两部分，实现图文明确分工，提升阅读流畅性。设计要素在上下分割型构图中，合理调配文字与图片的比例，确保各元素和谐共生，避免杂乱无章。应用场景适用于需要清晰区分主次内容的场合，如产品介绍、会议纪要等，通过上下分割提升信息可读性。构图原则在上下分割型构图中，注重上下部分的平衡与协调，确保整体版面既稳定又富有美感。上下分割构图左右分割构图设计要点在左右分割型构图中，巧妙运用图片与文字的对比效果，增强版面活力，吸引读者视线。构图原则在左右分割型构图中，注重左右部分的平衡与呼应，确保整体版面和谐统一，避免给人杂乱无章之感。左右分割构图左右分割型构图将版面划分为左右两部分，通过图片与文字的强弱对比，营造视觉不平衡感。应用场景适用于需要突出主题或焦点的场合，如海报、宣传册等，通过左右分割的构图方式强化主题表达。中轴型构图通过精心布局图形元素于版面的中轴线上，确保各元素间达到完美平衡。中轴型构图中轴型构图中轴型构图以其严谨、对称的特点著称，为观众带来一种稳重、高雅的视觉享受。设计特色适用于需要展现对称美的场合，如建筑设计、产品展示等，通过中轴型构图凸显主题。应用场景在绘制中轴型构图时，需巧妙安排图形元素的位置和大小，确保整体版面既平衡又富有美感。构图技巧曲线型构图设计优势曲线型构图能够赋予版面更多的动感和流畅性，使整体设计更加生动有趣。构图原则在曲线型构图中，注重曲线的流畅性和连贯性，避免过于生硬或杂乱无章。曲线型构图曲线型构图通过灵活弯曲的线条或形状，引导观者的视线自然流动，营造独特的视觉体验。应用场景适用于需要营造轻松愉悦氛围的场合，如艺术插画、时尚设计等，通过曲线型构图增添艺术感。倾斜型构图倾斜型构图通过文字或图片的倾斜编排，赋予版面强烈的视觉冲击力，使整体设计显得动感十足，有效吸引读者的目光。倾斜视觉冲击力倾斜的版式构图能够创造视觉上的飞跃感，为观众带来新颖、刺激的视觉体验，使版面更显活泼与生动。通过倾斜元素的巧妙布局，版式构图成功实现了视觉上的引导与聚焦，有效吸引读者的注意力，提升信息传达的效率。视觉飞跃感受在版式设计中，倾斜型构图技巧的运用，不仅打破了传统的布局束缚，还注入了活力与新鲜感，使页面焕发蓬勃生机。倾斜构图活力01020403引人注目效果对称型构图1234对称平衡之美对称型构图通过轴心的精准运用，实现版面元素的精准对称布局，不仅确保了设计的平衡与稳定，还展现了和谐与美感。在版式设计中，对称构图以其严谨的结构和精确的布局，营造出一种稳重、专业的氛围，赋予版面高度的权威性和可信度。严谨对称设计灵活对称应用尽管追求对称，但设计并非一成不变，通过细微的变化和灵活的调整，版面元素仍能展现出丰富的层次感和多样的视觉效果。避免呆板之虞在追求对称的同时，设计者还需注意避免版面显得过于呆板或单调，通过巧妙的元素选择和色彩搭配，确保设计的生动性和吸引力。重心型构图巧妙布局，精准定位视觉焦点于版面中心，有效吸引读者目光，确保关键信息一目了然，提升信息传递效率。向心型构图元素环绕中心聚拢，营造紧凑和谐的氛围；离心型则反之，元素向外扩散，创造开阔活跃的效果，丰富视觉体验。在版式设计中，视觉引导线扮演着至关重要的角色，它们有效引导读者的目光流动，创造视觉焦点，增强版面的吸引力和影响力。巧妙地运用空间资源，合理安排正负空间比例，不仅有助于提升版面的平衡感和稳定性，还能增强设计的整体和谐与美感。重心型构图重心视觉焦点聚拢离心之态视觉引导之线空间布局之韵三角型构图三角稳定之感三角形构图以其独特的形态稳定版面，营造视觉焦点，有效传达信息核心，赋予设计以坚实与可靠之感。正倒三角之异正三角构图传递积极向上、稳健扎实的氛围，而倒三角则赋予版面以灵动、流畅之态，展现非凡活力与创造力。三角形应用之趣三角形构图在版式设计中应用广泛，其灵活多变的形态有效增强版面层次感与视觉冲击力，丰富设计语言。三角形之美无论是正三角还是倒三角的构图方式，均能通过精心布局展现设计之美，赋予版面独特的视觉魅力与深厚的艺术内涵。并置构图适用于展现相近或相关的图片内容，通过有序排列强化主题表达，使信息传达更加清晰、有力。相近图片之展并置型构图在版式设计中应用灵活多样，其严谨的布局方式有效提升设计的专业性与可信度，丰富视觉层次。设计应用之广01020304并置型构图通过多个相同大小的图片排列，营造一种高秩序的重复美，赋予版面以规整、专业的视觉效果。并置秩序之美通过并置构图手法精心排列的图片元素，不仅增强了版面的秩序感与美感，还提升了信息的清晰度和传达效率。视觉效果之强并置型构图自由型构图自由灵动之美自由型构图打破传统格局，以无拘无束的散点式布局展现设计元素，营造轻松愉悦、自由灵动的视觉效果。采用不规则形状的元素排列方式，赋予版面独特的个性与魅力，使设计作品充满现代感与创意空间。自由式构图通过巧妙的元素布局和色彩搭配，产生强烈的视觉冲击力，有效吸引读者的目光并留下深刻印象。在自由型构图中尽情挥洒设计师的创意与灵感火花，让每一幅作品都焕发出独特的魅力与无限可能。不规则美之韵视觉冲击力之强设计创意之无限四角型构图四角型构图将版面视觉元素分别安排在版面的四角，或者在连接四角的对角线结构上编排，结构规范，给人一种严谨、规整的感觉。自由型构图将版面中视觉元素分散排列在版面的各个部位，具有自由、轻快的感觉。将版面构成要素做不规则分散状排列，会形成随意、轻松的视觉效果。07网格系统应用网格平衡之美网格系统深植于数学比例之中，运用精准计算将版心细分为尺寸统一的网格单元，不仅确保了版面的比例感、秩序感、整体感与严肃性，更展现了简洁朴实的艺术风貌。网格构成法则网格功能多样网格能将版面的梅成元素如点、线、面协调一致地编排在版面上，其数量与版面设计的主题和传播媒介紧密相关，如多栏网格适合复杂信息展示。网格系统巧妙维持版面均衡，确保文字与图片和谐共生，通过一系列等值空间或对称尺度，构建视觉与结构上的和谐统一，赋予版面严谨而灵动的秩序感。网格类型与特点对称网格设计对称网格平衡对称网格以其左右页边距相等、网格数一致及版面布局对称的特点，有效组织信息，平衡版面，分为单栏、双栏、三栏及多栏等四种形式。01单栏对称网格单栏对称网格适用于纯文字书籍，如小说、文学著者等。在使用单栏对称网恪时，可以适当在版面中配以图示，以缓解画面的枯燥感。三栏对称网格将版面左右页面分为三栏，适合版面信息文字较多版面，可以避免每行字数过多造成阅读时候的视觉疲劳，从而提升了阅读体验。多栏对称网格多栏对称网格适用于编排奇关表格形式的文字，如联系方式、术语表、数据目录等，使信息展示更加清晰、有序，便于读者快速查找。020304非对称网格设计非对称网格灵动非对称网格打破传统对称格局，通过灵活调整版面网格栏大小比例，赋予版面更多变化与活力。这种设计方式强调视觉冲击力。非对称网植适用非对称网格特别适合设计散页，能够打破常规对称的束缚，使版面更加灵活多变，充满现代感和动态美，有效吸引读者目光。模块网格应用非对称模块网恪非对称模块网恪则根据需求设定不同大小的单元格，支持文字和图片的多样排列组合，灵活调整大小与位置，使版面丰富多样。对称模块网榴对称模块网榴通过将版面分成同等大小的单元榕，再将文字与图片安置在相应的单元格中，间隔距离可自由调整，但间距相等。模块网格单元模块网格以单元模块为基础，分为对称模块网格和非对称模块网格两种。这种设计方式灵活多变，适用于多种版面编排需求。基线网格作为版面设计的基准线系统，为设计师提供精准的视觉参考，确保设计元素的位置、大小等符合规范。基线网格基准基线网格辅助排版，确保文字、图形等元素的精确对齐，是版面设计中不可或缺的工具，提升设计效率与作品质量。基线网植助力基线网格功能成角网格创新成角网植应用成角式网格在版式设计中的应用使版面结构错落有致，避免呆板，增添变化与动感，为版面设计注入新活力。成角网植倾斜成角式的网格在通常情况下都是选恺相同角度进行倾斜的，以避免造成版面内容的混乱，确保版面结构清晰。08网格突破与创新满版式设计突破满版视觉冲击力满版式设计以图片为核心，充分填充版面，营造强烈的视觉冲击力，直观展现内容精髓，让读者迅速捕捉信息要点。图文融合层次明满版设计中，文字巧妙融入，或置于上下、左右、中心，构建清晰层次，确保信息传达准确无误，同时丰富版面视觉体验。网格变形灵活用满版设计灵活变形单栏网格，适应多样版面需求，视觉表达直观生动，增强设计表现力，让信息呈现更加丰富多彩。垂直轴线与基线精准交汇，塑造绝对对称之美，平稳而庄重。细微偏移轴线，则打破对称，引入活泼元素，赋予版面灵动气息。垂直轴线对称美倾斜轴线赋予版面方向性与流动性，打破几何形态，增添动感和趣味性。此构图方式活跃版面氛围，引领视觉流畅穿梭于画面之中。斜辘线动感性强无规则轴线随字形边缘灵动变化，彰显独特个性与创意。此设计赋予版面无限活力，激发想象空间，引领观众探索未知视觉领域。无规则轴线显活力轴线式设计变化发散式设计应用发散式元素组织发散式设计以焦点为核心，高效组织多元元素。犹如光线四射，元素自中心自然延伸，构建有序而丰富的版面布局。视觉流动美感足以焦点为引，元素有序外扩，形成视觉上的流动美感。这独特的构图方式不仅增强版面活力，更营造引人入胜的视觉盛宴。灵动版面吸引目发散式布局打破传统规整，以灵动跳跃之姿吸引目光。其独特的视觉魅力，让版面内容跃然纸上，瞬间捕获观众心。版心无边界设计突破传统页面构图，文字超越边界，视觉冲击力强烈。此创新理念挑战常规排版，引领设计新风尚。版心无边界冲击解构性是自由式设计的灵魂，通过点、线、面等抽象元素重组版面结构展现无限创意。这种设计方式打破传统束缚，激发全新视觉可能。字圊一体技术巧妙融合文字与图片，构建丰富层次视域。此设计手法不仅增强可读性，更营造独特视觉体验，引领自由式设计新潮流。010302自由式设计特点自由式设计中，信息可读性被削弱，元素更多作为装饰图形出现。这种设计手法强化版面的视觉美感，提升艺术价值，同时挑战传统信息传递方式。自由式设计倡导字体多样且追求新颖现代感，以丰富版面视觉层次。这种设计方式不仅增强版面表现力，还引领字体应用新潮流。0405局部不可读装饰字圄一体层次丰字体多样性展现解构性创新强09版式设计实践目标掌握基本构成要素深刻理解并灵活运用版式设计的基石——点、线、面元素。通过精准把握其形态、大小、位置及排列组合，创造富有视觉冲击力。点线面元素巧妙运用文字、图片、色彩等视觉元素，结合版面