Date 2026-04-20 15:18:22
@学习设K先生 ：本期带给大家的是视觉张力的应用技巧。听到这个词可能会给人一种雾中的感觉。我们在日常工作中总是听到这些「视觉张力」「视觉冲击力」「视觉重力」等等专业词汇。那么这些带有视觉前缀的力学词是什么意思呢？今天我们来分析一下。「视觉张力」，看看它在布局设计中扮演什么角色。接下来，让我们一起学习今天的内容。
首先，让我们了解一下张力的概念。从百科全书的解释中，我们可以初步了解到张力是由拉力引起的物体的牵引力。这还是有点头晕吗？
一些流行的解释可以理解为拔河时绳子两端的左右拉力。我们看到整个画面在视觉心理上有一种向左和向右扩张的感觉。
就像上图中的气球一样，内部充气产生向外膨胀。外部包裹部分也产生向内收缩力，产生相互限制的紧张感。
在艺术、设计和文学领域，视觉张力这个词经常被用来描述和谐与冲突之间的强烈对比，这是对审美经验和审美倾向的主观评价。
今天，我们不谈论如此深刻的直觉感受，而是从平面组成的角度深入分析视觉张力在布局设计中的作用，客观地理解康定斯基在其作品《点、线、面》中提到的视觉张力理论。
隐藏在我们身体内部的骨骼部分支撑着我们的身体形状。在布局设计中，整个布局的骨骼元素也需要支撑。
新设计师经常遇到的问题是他们会填满整个布局。他们认为这可以使布局完整。但事实上，这并不能解决任何问题。
我们需要改变思维模式，客观地重新理解布局中元素的作用。
从构图的角度来看，只要布局中出现一个小点，就足以吸引观众的注意力。点是视觉力量的中心，它可以占据布局中的空间。
当布局中出现两个点元素时，我们的视线会下意识地在它们之间形成一条看不见的线，即使它们离得很远。正是由于这种看不见的线段连接，两点之间才有关联。它们被视为一个整体，包括两点之间的空白区域。
当布局中出现三个点时，我们自然会在心理上形成一个负三角形，它与背景形成底部关系，点与点之间的距离决定了三角形的大小。
同样，当布局中出现四点时，矩形的负空间与布局形状相呼应。四点之间的内部将形成一个假想的视觉区域，点与边界之间的距离也定义了布局中心的大小，这也是布局中张力的主要来源。
点具有相互连接的属性，当许多距离相等的点占据水平方向时，会产生线段的印象。
一个阵列的点相互连接成一个表面。
例如，段落文字是由多个点组合而成的。
为了记住天空中的星星，古人将相邻的星星连接起来，就像图中的北斗七星一样。通过同形联想，它就像一个勺子。人们通过记忆勺子的形状来找到北斗七星。
西方星座也是如此。相邻点连接形成相应的图案，最终形成我们现在看到的星座图形。
当布局中只有两点时，我们可以得到的信息只有布局的宽度和距离，我们想要得到一个完整的布局。我们还需要一个确定高度的点，通过这三点的位置来弥补整个布局的张力。
也就是说，要达到支撑整个版心的目的，布局至少需要三个支撑点。
这种大脑补充的原因来自于视觉闭合心理，我们自动将那些区域闭合的图形视为一个完整的内容，就像图中的图形一样。人们通常认为它们是三个完整的组，因为括号中的距离更近，真的是这样吗？
事实上，六组图形的物理距离是完全相等的。括号外大于括号内的错觉完全是由于视觉心理。
到目前为止，我们可以大致总结布局中的张力是如何产生的，并以布局的四个角为支撑点。在此基础上，如果有剩余元素，可以安排在垂直和水平位置。通过这种方式，整个布局得到支持，形成一个完整的区域，并传达完整的视觉印象。在实际安排中，由于层次的干预，布局中的元素不一定等大。同时，随着主体轮廓的不同，也会形成不同位置的结果，如缠绕和排列。然而，所有的变化都离不开它的起源。布局中每个元素的聚散离合器都会影响整个布局的张力。
这个布局主要使用点的分散和连接。虽然点和点之间的面积很远，但它仍然被视为一个整体，其他层次的内容以线的形式出现在布局中。解构后，我们可以看到布局中的张力主要来自布局中心的四个角，这个布局由四个点支撑。
接下来，看看这个布局。首先，我们标记了角色的面积，然后是山峰的面积。文本以点的形式分散在布局中。由于点与点之间的连接，我们可以将其视为四条垂直线。线与线之间的连接成为一个表面。该布局主要支撑边缘的三个点。
对于这个布局，与之前的布局相比，布局中的元素并不大。它的元素分布可能是这样的。接下来，我们标记了它的心脏大小。很明显，这个布局中有三个主要的张力元素，而其他元素则分布在心脏的内部空白处。
从元素的排列来看，基本上可以得到出版心的大小。通过对齐和扩展，元素之间形成了一个方形区域，支撑了版心的四个角落。
让我们看看这个布局。它由一个主体、两个文字组和两个文字组组组成 logo 这是一个典型的由三点支撑的布局。
这也是由三点支撑的。
通过结构可以清楚地看到，元素分散到布局的四个角落，形成向外扩展的结构，其余的信息放置在空白位置。
这个布局比以前更复杂，看看它的结构，标记出版心可以看到元素基本上围绕心的大小，左下角为了增加元素的张力，仍然使用三点分布来占据更大的空间面积，从宏观的角度来看，布局仍然使用三点骨结构。
在这个布局中，我们可以看到出版的核心是由四个点支撑的。剩下的两个文本信息分布在布局的水平方向，即图片中标记为蓝色的位置。
有出血元素出现在这个版面上，看看它的版心和元素的构成，采用四点出血结构。
这个布局的变化比较困难。让我们来看看它的组成结构。我们可以看到，整个布局大致分为两栏。左栏和右栏的元素排列采用三个支撑点来产生心脏的张力效果。从整体的角度来看，布局也会得到同样的三个支撑心脏的印象。
在这个布局中，主体的形状发生了很大的变化。除了排列在四角的元素外，其他元素都以绕排的呼应形式排列在空白位置。总的来说，有四点可以产生张力。
这也是如此。纯文本布局占据四个角落，其他元素排列在空白位置。
至此，版心的张力主要来源于四个角落的元素位置。
让我们总结一下，当布局底部有一个大图像或文本时，只要布局顶部有一个元素，就可以支撑整个布局的张力。
两个元素也可以同时在顶部产生张力。
对于主体位于中心位置的布局，我们至少需要三点来支撑版心。
也可以用四点来描述布局的张力大小。
此外，如果此时需要添加其他元素，则可以添加到垂直和水平的空白位置。
接下来，让我们以这个布局为例。中心的圆是布局中最大的元素，排列在布局的中心。
然后是四个角落的文字元素出现在布局中，它们的出现增加了版心的张力。
随后，将剩余的文字信息排列到版心的垂直和水平位置，并靠近版心的边缘。
接下来，在垂直位置添加装饰点元素，以占据空间。
最后，继续在布局的空白处添加其他文本信息，这个布局基本上变得非常饱满。
接下来，让我们来看看它的元素构成结构。
不仅文本的位置可以加强布局张力，而且图形和图像也是如此。我们看这张照片，在去除周围的元素后，布局中原本活泼的氛围消失了，布局占据空间的张力变小了，但绝对不是说底部的布局是错误的，一切都是根据项目的定位来确定的。
这个布局也有一种活泼的节日气氛。去除周围的图像元素后，它明显变得荒凉，布局的张力也大大降低。
这个布局也是如此。去除周围元素后，布局的视觉张力缩小，与以前相比，缺乏冲击力，变得安静。
由于点元素的出现，这个布局给人一种非常饱满的整体感觉。删除点后，原来占用的空间变小，显然没有以前的布局有视觉张力。
这是一个广告牌，大小主要设置在一个人可以近距离观看的大小上，也就是说，布局中可以出现一些相对较小的文本。
（这里需要特别提醒的是，如果广告牌在实际应用中相对较高，则需要根据实际情况调整最小字体大小。否则，文本的出现就没有实际意义了。）
接下来，让我们来看看文案内容。航空摄影无人机的广告包含品牌标志、文案和图片信息。
根据文案信息，我们将气质关键词添加到项目中，并表现出技术的领先地位。同时，由于产品属于人性化定位，我们还需要加入一种轻松温暖的气质。主视觉决定强调产品名称，添加文本，扩大布局中最大的区域。
这里需要注意的是，这篇文章的外形轮廓给人一种浓厚的历史气息，就像演员走错了片场一样，与我们的定位完全不符。
换成无衬线后，明显感觉好多了。但是我还是觉得很奇怪。原因是它的外观没有给人特别的印象。从「S」可以清楚地看到，切割感很强，缺乏一些写作痕迹，整体上看起来有点平淡。
这种字体一般感觉很好，曲线有写作感，几何形状的外观似乎与定位非常一致。但作为布局中的主要视觉元素，它似乎没有装饰感。
最终选择了这种字体，同样具有书写感的曲线开口，具有几何特征的形状和类似于电路布线的装饰结构。
以橙红色为主色调，衬托出贴近百姓的色彩氛围。接下来，将产品堆叠在文字上，增强布局的层次感。
为了继续加强布局的中层变化，我们在文本和图像之间添加阴影。细节决定成败。一个简单的阴影也需要反映层次的变化。从模糊到清晰，从暗淡到强烈的变化是塑造细节的关键。这里为投影增加了三个强度和弱度的变化。这样，就完成了对阴影部分的描述。
与以前相比，添加阴影后的画面在视觉层面上更加丰富。在视觉表现上也更加立体。
最后，我们将文本信息划分为层次，然后再添加到布局中。这张照片完成了。主体位于布局的中心，其余信息分布在布局周围，形成向外扩散的视觉张力。总共使用三个点元素来支持布局的大小，而剩余的文本信息则添加到布局底部的空白位置。
我们试着把所有的信息集中在一起会发生什么？
可以看出，布局中的所有元素都集中在布局的中心，这使得原本占据整个布局的视觉张力变小，布局的两端会显得非常空旷，与以前的布局相比变得不那么饱满。在这种情况下，还可以使用添加图形元素的方法来填补布局两端的空白，使图片活泼，增强布局的动态和活力。
在这里，我们添加了一些抽象的气泡元素，并为布局添加了一些概念印象。添加元素后，新的问题再次出现，因为两侧的元素只作为装饰出现，但目前的视觉更引人注目，这部分干扰了主视觉的水平。
那么解决这个问题的方法也很简单，就是削弱两端的气泡元素，让主视觉和装饰元素之间的层次更加清晰。经过削弱，这个布局看起来舒服多了。这里需要注意的是，气泡的虚拟程度也遵循了强、中、弱的层次变化，进一步增强了整体视觉深度。
填充圆形气泡后，布局的张力恢复到以前的大小。整体给人更饱满的视觉印象。
今天，我们学习了视觉张力在布局中的应用技巧，了解了图像和文本在布局中不同位置的作用，以及布局的骨骼是如何形成的。我希望我们的内容仍然能对你有所帮助。
微信微信官方账号欢迎关注研究:「2017年Yanxishe20」
