零根本系统学设想之《版式设想》

把心掏給珎丶

来历：知乎


版式设想是应用人体工程学和视觉心理学停止的一种根本设想，是视觉转达的重要手段，是现代艺术设想的重要组成部分。概况上它是关于编排的学问，现实上，它不可是一种技术，更实现了技术与艺术的高度同一，是设想师必须把握的根基功之一。

01.什么是版式设想

版式设想是指在特定版面内，按照设想主题和视觉需求，应用外型要素和形式原则，将笔墨、图片、色彩等视觉转达信息要素，停止有构造、有目标的组合排列的设想行为与进程。

02.版式设想的目标

版式设想的目标是使想要转达的信息对于大大都人来说都更易于辨识和了解，从而使读者发生共鸣，动心和行动。对于处置版式设想的人来说，只要晓得版式设想的目标才能加倍轻易斟酌到在版式设想中应当经过什么样的方式来获得预期设想结果。

03.版式设想的根基原则

• 直观，主题鲜明突出
  

当人们旁观某些工具的时辰，大部分人都有自己的旁观习惯，在旁观的一瞬间城市判定“这是什么”，主题鲜明突出，条理清楚，旁观者可以快速了解内容主从关系、空间条理，从而到达最好诉求结果。

• 易读，形式与内容同一
  

笔墨是设想作品中不成或缺的要素，笔墨的放置必须替读者斟酌，以易读为原则，这不但与笔墨的形体有关，也与笔墨的巨细、字间距、行间距、笔墨的编排等要素相关，字体辨识度低、太小、过量装潢等都有障碍阅读。版式设想所追求的完善形式必须合适主题的思惟内容，既无形式美感，又有思惟感情，两者相互同一，才能表现版式设想的特有代价。

• 美妙，强化整体结构
  

作品必须给人带来美好的感受，是标致的，这是版式设想的使命地点。当直观和易读等根基题目已经处理，才能起头斟酌美妙的题目。为了实现这一点，需要将版面的各类编排要素，如配色、页面组成等在编排结构上做整体设想，使版面具有条理性，增强整体结构构造的视觉次序，从而获得加倍杰出的视觉结果。


04.版式设想四大法例

• 密切性
  

页面中，假如某些元素在了解上或相互之间存在某种关系，那末这些元素在视觉上也该当有关联，位置能否靠近可以表现出元素之间能否存在关系。将相关的元素组合在一路建立更近的密切性，就能自动实现条理性和构造性。假如信息很有条理，更轻易阅读，也更轻易被记着。

• 对齐
  

对齐的底子目标是使页面同一且有条理，要让页面上的一切元素看上去同一、有联系而且相互相关，任何元素都不能在页面上随意摆放，需要在各个零丁的元素之间存在某种视觉纽带，每个元素该当与页面上的别的一个或多个元素存在某种视觉联系。
对齐在某种水平上是与密切性相互依存的，密切性控制的是元素空间的次序，而对齐控制的是画面的视觉逻辑次序。人的视觉都是都喜好看整洁、清楚了然的事物，设想中的元素整洁、结构清楚能帮助我们更好的表达信息，也进步了观者的阅读体验。对齐方式有：左对齐、右对齐、居中对齐、两头对齐、顶部对齐、底部对齐等， 凡是页面只利用一种对齐方式。

• 反复
  

版面中的设想要素，如点、线、面、外形、巨细、色彩、肌理、字体、材质、空间关系等反复出现，既能增加画面的条理性，还可以增强同一性，让版面更富有条理感、逻辑性，可以进步阅读效力和信息的转达效力。有纪律的反复可以发生节奏感和韵律美，增强视觉结果和观者的印象，假如一个作品看起来很风趣，它常常也更易于阅读。

• 对照
  

对照不但可以用来吸引眼球，还可以用来制造焦点，构造信息、清楚层级、在页面上指引读者，所以对照就是突出最重要的，弱化主要的。对照是为页面增加视觉结果的最有用路子，也是分歧元素之间建立一种有构造的条理结构最有用的方式。假如两个元素虽然分歧，但区分不大，这个就不是对照，是抵触，对照必须激烈，要截然分歧。对照范例有：巨细对照、粗细对照、明暗对照、色彩对照、真假对照、冷暖对照、曲线和直线对照、质感对照等。


05.版式设想的组成要素

笔墨：笔墨会影响版式的整体结果，必须捉住笔墨本身的形式特征停止挑选，原则是方便阅读，合适主题气概。
图片：包括图画和照片。图画：包括艺术作品和插画，是历史上最陈腐的文化产物；照片：对物体的再现才能使其成为设想中不成或缺的工具。
色彩：一切的版式设想都有色彩，色彩影响人的心理和心理，一般以为，终极决议版式整体结果的要素是色彩，所以把握配色是版式设想的最根基要求之一。
线条：具有功用性感化和美妙的感化，功用包括夸大、明白分隔、突出边框、暗示继续、朋分、指导偏向、营建节奏感等。
留白：留白的重要功用是经过页面内容使读者感遭到心理上的舒适。设想师的很多工作就是处置留白。


06.版式设想中笔墨的编排

笔墨是版式设想中最重要的要素之一，为了使想要转达的信息对于大大都人来说都更易于辨识和了解，可以从以下几方面临笔墨做调剂和处置。

• 变化和夸大
  

字体范例：字体挑选是笔墨编排设想的第一步，对整体编排具有很是重要的感化。分歧的字体具有分歧的外型特点，有的字体苍劲有力、有的清秀清雅、有的则规矩松散。需要按照内容和主题气概去挑选字体。
字体巨细和粗细：按照需要对字体巨细和粗细做调剂，有突出夸大的感化，字体不要太小，不易阅读。
字体色彩：按照需要改变字体色彩，使版面加倍切近需要的设想气概和主题。
字距：字与字之间的间隔，也叫字间距，字距的改变能使版面显现松散或舒缓的结构结果。


行距：行与行之间的间隔，也叫行间距，行距必须适当，过窄高低行笔墨相互干扰，眼光难以沿字行读取，影响阅读；过宽下降笔墨的联贯性和延长性，行距的宽窄是设想师较难把握的题目。
段距：调剂段落之间的间隔，可使内容条理加倍清楚，更具有条理性和构造性。
栏数：栏数也是表示气概的方式。
栏距：是表现条理性和构造性的方式。
加线框、底色、标记等装潢性元素：为了夸大笔墨的重要性、内容的逻辑性可对笔墨加线框、底色、标记等装潢性元素。

• 对齐方式
  

左对齐：将笔墨段落的左端停止对齐，使另一端构成良莠不齐的编排结果，合适受众的阅读习惯，能给人带来更加顺畅的阅读感受。
右对齐：每一行肇端不法则的部分干扰了用户的阅读，所以右对齐的利用频次并不是很高，常常为了与一些图片建立某种联系而利用，会显得比力本性。
居中对齐：将每行或每段笔墨的轴心停止对齐排列，段落的两头会显现良莠不齐的结果，视觉上给人激烈的稳定感。
左右均齐：笔墨段落的首尾两头均以对齐的方式停止排列，组成标准的矩形结果，显现松散、工整的视觉结果。
齐上：竖排的笔墨中，将笔墨段落的上端停止对齐，给人传统感、复古感。

• 笔墨与图片的编排
  

左文右图：左侧放置笔墨，右侧放置图片，让读者先读内容，有表现内容重要性的感化。
右文左图：左侧放置图片，右侧放置笔墨，让读者先看图，图片更具吸引力，有表现图片重要性的感化。
上文下图：上面放置笔墨，下面放置图片，夸大主题。
下文上图：上面放置图片，下面放置笔墨，突出图片。
笔墨绕图：笔墨围绕图片的外表面排版，给人亲热，自然，和谐的活泼之感，同时具有兴趣性。
笔墨压图：全压是笔墨全数编排在图片上；一部分笔墨排列在图片上叫半压，具有一定条理感，活泼不拘束。

• 错位排列
  

单项错位：在垂直或水平偏向上停止单一的错位排列。单向错位在编排上具有一定的纪律性，经过对版面中的散布笔墨或段落施以该种排列方式，能使它们在编排结构上的节奏感获得增强，并给观者带来一种别样的视觉感受。
多项错位：笔墨要素依照多个分歧的偏向停止错位排列，从而组成带有无序与自在结果的版式结构。在版式设想中，经过对笔墨采用多向的铺位排列，以使版面发生激烈的冲击感，从而加深受众对版面的记忆。

• 笔墨的图形化设想
  

图形笔墨：以某个视觉的表面为基准，将笔墨依照该外形停止有纪律的排列，从而构成笔墨的图形化结果。一般会按照主题的要求决议将笔墨编排成什么范例的图形结果，如器物图形、动物图形等。
材质笔墨：将带有肌理结果的帮助元素增加在字体结构中，从而赋予该笔墨以响应的材质结果，给人带来史无前例的感官冲击，如金属字体、玻璃字体、烟雾字体、液体字体，实物类字体等。
描边笔墨：对版面中部分笔墨的表面结构停止描边，使描边笔墨与其他笔墨之间的视觉差别变得清朗化，从而使前者的形象变得更加突出。为了增强描边笔墨在视觉上的号令力，可以从配色方面来实现这个结果，比如将描边元素的色彩与字体色彩调配成带有激烈对照结果的互补色。能提升笔墨的观注度，还能赋予笔墨纷歧样的视觉形象。
意象笔墨：将人们潜认识中存在的某些感情身分，经过客观的表示形式显现在受众眼前，从而赋予该事物以意象化的视觉形象。将笔墨的字面寄义与视觉表示停止有机连系，从而赋予笔墨以意象化的视觉结果，并使人们在打仗该字体时，能联想到与其信息相关的事物。意象化的创作理念赋予了笔墨加倍激烈的传染力，并使全部信息的表示变得加倍形象，同时还带给受众丰富的联想空间。给受众的阅读带来兴趣的同时，刺激他们的思维并感受笔墨的内在意蕴。
笼统笔墨：笼统是指从众多事物中舍去个此外、非本质的特征，并抽取配合的、本质的特征的进程。将笼统概念融入笔墨的结构设想中，并将其分为完全笼统与半笼统两种创作形式。前者是指对笔墨的原有结构停止完全舍弃，并应用全新的创作方式来赋予其崭新的内部面孔。半笼统笔墨是对笔墨停止笼统处置时，适当地保存了该笔墨原本的笔画结构，经过这些结构能使人们分辨出笔墨的原本脸孔。相比于完全笼统来说，该类笔墨能给人加倍理性、松散的视觉感受。


07.版式设想中图片的编排

图片作为版式设想中重要的设想元素，可以从以下方面临图片做调剂，从而到达设想意图。
调剂图片的巨细：如缩小，放大、裁切、满版等；
调剂图片的外形：如方形、圆形、多边形等；
调剂图片的位置：按照主题气概等调剂图片的位置；
调剂图片的色彩：如黑白、暖色系、暖色系等；
对图片停止抠图处置：把人物、产物等抠出利用，也可以再做描边等处置；
对图片停止朋分处置：图片朋分红多个部分利用，也可以做均等朋分利用；
对图片停止分解处置：按照需要做分解，使其到达更具吸引力的图片；
对图片做减淡、模糊等处置：用于笔墨布景、装潢等；
对多张图片停止块状或散点组合排版；
斟酌页面气概是高图版率还是底图版率。
08.版式设想中色彩的应用

色彩作为版式设想中需要的设想元素之一，可以从以下方面斟酌来满足设想意图。
从色彩关系斟酌如：同类色、类似色、邻近色、对照色、互补色；
从色彩性质斟酌如：有彩色、无彩色、特别色；
从色彩纯度斟酌如：高纯度、低纯度；
从色彩明度斟酌如：高明度、低明度。
09.版式设想的根基范例

• 骨格型
  

是一种标准的理性朋分方式。常见的有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏、四栏等，一般以竖向分栏为多。在图片和笔墨的编排上则严酷依照骨骼比例停止编排设置，给人以松散、和谐、理性的美。骨骼经过相互夹杂后的版式，既理性、条理，又活跃而具弹性。

• 满版型
  

一般以图片添补全部版面，不留白边，笔墨压置在图片上，直观、视觉冲击力强，满版型给人以风雅、伸展的感受，是商品广告常用的形式。

• 高低朋分型
  

把全部版面分为高低两个部分，在上半部或下半部设置图片，另一部分派置文案，设置图片的部分感性而有活力，文案部分理性而静止，高低部分派置的图片可所以一幅或多幅。

• 左右朋分型
  

把全部版面朋分为左右两个部分，别离在左或右设置文案。当左右两部分构成强弱对照时，则形成视觉心理的不服衡。这仅仅是视觉习惯上的题目，也自然不如高低朋分的视觉流程自然。不外，倘使将朋分线虚化处置，或用笔墨停止左右反复或穿插，左右图文则变得自然和谐。

• 中轴型
  

将图形作水平或垂直偏向排列，笔墨设置在高低或左右。水平排列的版面，给人稳定、恬静、和蔼与蕴藉的感受；垂直排列的版面，给人激烈的动感。

• 曲线型
  

同一版面内的图片和笔墨等元素排列成曲线型，构成一定的节奏和韵律，发生一定的兴趣性，可以指导观者的视野。

• 倾斜型
  

版面主体，图片或笔墨做倾斜编排，形成版面激烈的动感和不稳定身分，引人注视。

• 对称型
  

对称是一种视觉元素高低相对、左右相对，结构纪律性很强的构图形式，是构图中最常用的构图方式之一，相互对称的设想元素不是单一元素简单地反复排列，而是一种新的、更丰富的分歧和同一的视觉美感，对称的版式给人稳定、庄重理性的感受。对称有绝对对称和相对对称，一般多采用相对对称，以避免过于松散。

• 重心型
  

重心型版式发生视觉焦点，使其加倍突出。有三品种型，中心：间接以自力而表面清楚的形象占据版面中心。向心：视觉元素向版面中心集合的活动。离心：如同石子投入水中，发生一圈一圈向外分散的弧线活动。

• 三角型
  

在圆形、四方形、三角形等根基形状中，正三角形（金字塔形）是最具平平稳定身分的形状，而圆形和倒三角形则给人以动感和不稳定感。分为正三角形、侧三角形、倒三角形。

• 并置型
  

将不异或分歧的图片作巨细不异而位置分歧的反复排列。并置组成的版面有比力的意味，赐与原本复杂喧哗的版面以顺序、恬静、和谐与节奏感。

• 自在型
  

在版面结构中没有任何纪律，随意编排图片和笔墨等元素，有活跃、轻盈之感。

• 四角型
  

将版面中的视觉元素别离放置在版面的四个角，如将四张图片别离放置在版面四个角的位置上，使版面结构能给人一种朴直、松散的感受。选用四角型构图规整版面信息时，为使得版面相对平稳的视觉结果，需要将置于四个角的图片缩放至不异或类似的巨细，这样才能保证每个边角的平衡度，笔墨则可规整地编排于版面中心的空缺地区里。

• 放射型
  

版面上的某个元素以某个视觉中心为轴心，向四周射出、分散出类似环状的放射性结果，可以进步版式结构的活跃性、给人激烈的活动冲击力。


010.版式的视觉流程

A、单向视觉流程
使版面的活动线更加简明，间接地诉求主题内容，有简洁而激烈的视觉结果。

横向视觉流程：给人稳定、舒适、条理性强的感受。
竖向视觉流程：果断、直观的感受。
斜向视觉流程：以不稳定的静态引发留意，具有较强的视觉冲击力。



B、曲线视觉流程
S型：将版面元素依照类似于字母S的外形停止编排，S外形的首尾可所以曲线型的，也可以互为镜像。可以发生冲突的盘旋感，使画面有一种隐藏的内在力，也会让画面的视觉空间结果加倍灵动。
O型：视觉要素随着圆弧外形活动变化的视觉活动，O形曲线给人的感受是优美而流利，将笔墨或图片置于O形当中，不单可以起到突出重点的感化，同时也会同画面中的其他排版方式构成鲜明的视觉差别，借以指导人们的视野点从O形向四周分散，发生以O形为中心的视觉空间。
没法则型：将笔墨和图片以不法则的方式排列在版面中，使全部画面显得加倍具有朝气，不会出现呆板的烦闷感。
向心型：把四周的物体依照圆的弧线排列起来，让物体都向版面的重心集合，这样的结果可以给我们带来一种温和、扭转的视觉结果，同时也可以把人们的视觉点牵引到画面的中心地带。由于向心型曲线视觉空间采用的是一圈圈围绕向内的视觉结果，人们在将视野放在画面之上时，会不由自立地由着那一圈圈的帮助图形或笔墨把视野点向着中心的圆心内容，这样就到达了我们操纵向心力视觉流程牵引人们视野的结果，并会让全部画面发生恍如在视野中活动起来的结果。
离心型：操纵的道理是物体扭转而发生离开扭转中心的力，从中心的圆心把画面的元素向外不竭放射进来，恍如就像水波一样一圈一圈地向外分散，有很大的张力，能使画面加倍具有穿透性。
利用的离心型视觉流程加倍具有现代设想气味，是一种当下比力风行的设想方式，会让画面在有中心的情况下，还有不竭向外扩大的新视觉元素，这样就使得画面布满灿艳、 能量。



C、兴趣性视觉流程
反复型：将一个或多个视觉元素反复排列在一路，以到达某种特此外结果，如透视感大概空间感等。反复型视觉流程增加了画面的厚重感，不会由于视觉元素的缺少而显得全部画面落空生命力，让人落空爱好。
L型：将画面的布景拼接成L外形，使全部画面不会太显得中规中矩，给画面增加了一丝轻盈和活力。
指导型：视觉流程其原本的目标就是用以指导人们熟悉感知画面的寄义，而这里的指导型视觉流程指的却是加倍清朗、加倍简单的指导，例如利用导向性的笔墨、偏向性的箭头或手势和人物的视野等，让人们的视野点按照这些明白的指示变化移动，头绪清楚，条理明白，画面的生命力也在这一指当中获得了最大的开释。
十字型：画面上垂直或水平线穿插性的构图方式称为十字型视觉流程构图，在十字的穿插点上一般都是排列画面所要转达的主题笔墨或图片，排列四周的笔墨或图片都是对中心的诠释或拓展，主次关系明白，因其怪异的四格块面使得画面显得条理感更强，也使得作品主题在四周视觉元素的映托下显得具有生命力和传染力。
组合型：把两个大概两个以上的视觉流程停止组合，让全部画面加倍系统化、综合化。组合型的视觉流程比力常用于广告设想当中，将图片和笔墨应用分歧的视觉流程，给笔墨大概图片增加了新的生命力，让画面细致、活泼。
重心偏向型：对版面的重心按照主题思惟停止调控编排，分歧的版面重心会给画面带来分歧的结果。分为重心在左、重心在右、重心在上、重心鄙人、重心在中心。



D、散点视觉流程
部分散点型：视觉元素只散布在画面一定方位的构图称为部分散点型视觉流程。
全局散点型：将画面的视觉元素以各类形状或外形散布于画面的各个方位，使全部画面有一种空间穿插和元素密布的感受，这样让画面既像一个个自力自立的个体，也像是一个息息相关的整体，让空间感获得更好的诠释和夸大。视觉元素的散布更广、范围更大。



011.版式的形式法例

形式法例是对美的形式纪律的经历总结与笼统概括，是一种具有相对自力性的审美工具，是缔造美感画面的首要手法。经过对形式美法例的研讨与摸索可以培育人们对形式美的敏感度，指导人们去创作和发现美，组成美的版面，他们具体包括以下几种形式。

• 纯真与次序
  

纯真化包括了根基形的精练和版式结构的简明、纯真。应用理性和逻辑思维，对图文材料停止大胆取舍，建立清楚的形式感。纯真化可使版面获得完整感和次序感，具有杰出的视觉结果。
次序指版面编排方式，编排越简明，版面的整体性就越强、视觉冲击力就越大，反之编排方式越复杂，版面次序就越紊乱。
现实设想中常常条件是受限的，版面中图形、文案元素的几多不由设想者所决议。是以，我们必须晓得前者繁，后者必简；前者简，后者必繁，从而到达版式设想中杰出的视觉效应。

• 对照与和谐
  

对照是将不异或相异的视觉元素作强弱对照编排所应用的形式手法，是人们对感知天下的认知方式。首要有：主次对照、巨细对照、强弱对照、疏密对照、消息对照、真假对照、色彩对照等，它们相互融合，相互并存于版面当中。对照关系越清楚鲜明，认知水平就越清朗明显。
和谐是指内容与形式的和谐，是在类似或分歧类的视觉元素之间寻觅相互调和的身分，也是在对照的同时发生和谐，是人们在心理心理中的平衡需求。
对照夸大差别，发生抵触；和谐追求配合点，缓和冲突，两者互为因果，配合营建版式设想的形式美感。

• 对称与平衡
  

对称与平衡是一对同一体，常表示为既对称又平衡，本色上都是求取视觉心理上的静止和稳定感。关于对称与平衡可分为两方面来分析，即：绝对对称平衡和非绝对对称平衡。绝对对称平衡给人庄重、严厉之感，是高风格的表示，是古典主义版面设想气概的表示，但处置欠好轻易单调、单板。非绝对对称平衡是指版面左右双方等量不等形，以求取视觉心理上既平衡与又变化的状态。后者比前者更具活泼灵活，富于变化，是较为风行的具有现代感的版式平衡设想手段。

• 节奏与韵律
  

节奏与韵律都来自音乐的概念，沃尔特佩特说“一切的艺术都在不竭地向着音乐的境界尽力”。
节奏是有纪律的反复，是在不竭反复中发生频次的变化（在视觉上可以了解为面积对照和明度对照的反差变化），这类变化小为弱节奏，变化大为强节奏。
韵律是经过节奏的反复而发生的。以版面来说，笔墨、图形、色彩等元素在构造上符合于某种纪律时所予以视觉心理上的节奏感，即是韵律。首要建立在以比例、轻重、缓急或频频、突变成根本的纪律形式上。

• 变化与同一
  

变化与同一是形式美的总法例，是对峙同一纪律在版面组成上的利用。两者完善连系，是版面组成最底子的要求，也是艺术表示力的身分之一。变化是一种聪明、设想的表示，是夸大身分中的差别性，形成视觉上的腾跃。变化首要借助对照的形式法例。同一是夸大物资和形式中身分的分歧性，最能使版面到达同一的方式是连结版面的简洁。也就是说版面的组成要素要少，而组合的形式却要丰富。同一手法可借助平衡、和谐、次序等形式法例。

• 真假与留白
  

版面中的“虚”，可为空缺，也可为细弱的笔墨、图形或色彩。为夸大主体，可成心将其他部分削弱为虚，甚至以留白来陪衬主体的“实”，所以留白是版面“虚”处置中一种特别的手法。版面中的真假关系为以虚衬实，实由虚脱。
留白的形式、巨细、比例，决议着版面的质量。留白的感受是一种轻松，最大的感化是引人留意。在版面组成中，奇妙地留白，讲求空缺之美，是为了更好的陪衬主题，集合视野和形成版面的空间条理。从美学意义上讲，留白与笔墨和图片具有同等重要的意义。没有空缺就难以很好地表示笔墨和图片。版面留白的几多，则需按照所表示的具体内容和空间情况而定，如报刊杂志一类信息量大的读物，空缺则少；而休闲抒怀类的读物或广告，版面的留白率则高。


012.网格系统

网格：是版式设想的一种手段和方式，经过网格的应用可以使版面的编排变得更理性、更简单，是在夸大阅读功用的根本上，将版面的图文模块化、格式化。
网格系统：是一种理性的版面构造方式，它是经过将版面均匀地分别红特定的分数，再应用这些牢固的形式去构造版面中的元素，使版面的编排变得加倍轻松。

• 网格的构件元素
  

栏目：指能包容笔墨和图片的栏目容器。页面或屏幕栏目标宽度和数目根据内容的分歧而分歧。
模块：是指从持续的空间平分手出来的单个的分块，能供给持续的、有序的网格。相连的模块可以建立分歧尺寸的行列模块。
空缺：指缓冲区。代表修剪区（包括边槽）和页面内客之间的空间数目。空缺区可以供给正文和说明笔墨等二级信息。
空间区：指可以为笔墨、广告、图像或其他信息组成特定地区的模块组或栏目组。
流线：指可以将空间分红横条的线，即行的对齐方式。流线不是一条实线，它是一种操纵空间和构件元素指导读者阅读的方式。
标志：帮助读者寻觅文件。标志标明出现在同一个位置的素材的方位，包括页数、页首题目和页脚（标头、页脚），以及图标。

• 网格的品种
  

单列网格：一般用来指持续的文本，如论文、报告或书籍。页面及对开页面的首要特点是文本区。
双列网格：用来控制很多文本或在分隔的栏目中供给各类分歧的信息。两列的宽度既可以均等，也可以不均等。理想的分派是，当一列的宽度大于别的一列的宽度时，较大的栏目比力窄的栏目要大一倍。
多列网格：可以供给比单列和双列栏目更多的灵活性，可以把分歧宽度的多列栏目连系起来，这对杂志和网站很有帮助。
模块网格：对于需要处置复杂信息的作品，如报纸、日历、图表和表格等，模块气概是一种最好的挑选。它可以把横栏和竖列连系起来，把全部结构排列成较小的空问小块。
层级网格：用来把页面分红小区。很多层级网格都由横栏组成。



零根本系统学设想的第六课是《版式设想》，版式设想利用范围很广，必须把握！

原文地址：https://zhuanlan.zhihu.com/p/389239982
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！