如何排版才好看(排版怎样排好看)

本文主要介绍如何让排版好看(如何让排版最)，下面跟着东辰网详细了解一下吧。

以前我都是用现成的设计资料排版。后来，当我试图直接选择一张没有任何修改的照片进行排版时，我意识到把单词和图片搭配起来实际上是一个非常复杂的问题，所以我很好地研究了这个问题一段时间。我去翻看各种设计网站的优秀作品，去寻找时尚杂志和精品绘本，但我的目的不是从中寻找感觉，而是通过一种科学严谨的方法，寻找优秀作品之间的视觉规律。我写这个回答是想和大家分享这个过程。然而，我我只是一个设计专业的学生，我我不精通艺术，我的写作也不好...因此，在解释回答如此复杂的问题的过程中必然会有许多缺点，所以让让我们交换一下。

为这个答案做一个导航图，证明这真的是一个很复杂的问题...

首先，我挑选了一些我个人认为不错的设计作品。根据这些作品的设计目的和最终效果，我把它们分为A和B团体。

A组是图片是杰出的，而文字的目的只是为了粉饰这张照片。

B组是文本突出显示，文本在图片背景下突出显示。

然后切它们的文本部分，然后按照原文样式和文本组合进行分组排列。

效果图如下:

B组中的单词松散地放置并组合在一起，在视觉中形成点。

2.主题和视觉焦点

主体的视觉焦点是一幅摄影作品中的两个基本要素，所以照片中通常会有一个突出的人或物作为主体。其他的，比如风景摄影，即使照片中没有清晰的主体，也会有视觉焦点。

摄影作品的主要对象和视觉焦点很容易看到，如下所示:

为了用优秀图片和照片，还制作了效果图。在c组和d组中展示。

C组是文本部分和主要对象之间的位置关系。

D组是文字部分和视觉焦点的位置关系。

(C组暗块为主物，D组白点为视觉焦点，白块为文字)

事实上，我不知道。;我不需要多说。你应该能从上面的效果图中大致看出文字和两个元素的关系吧？我根据我的观察结论做一个安排:

如果你能观察到足够多的C型效果图和，你会发现在所有这样优秀的设计作品中，文字部分与主要对象的位置大小关系有三个原则:

1.文本部分的区域不得大于或接近主要对象的区域。

2.单词脸和脸与主体的边界线保持联系脸和脸(直线或平)。

3.文本与文本之间的距离脸和脸或者图片的边缘几乎等于主体之间的距离脸和脸和图片的边缘。

现在让我们让我们看看D组，课文部。点与视觉焦点的关系基本类似于上面的铁律，唯一的特殊之处是当视觉焦点位于图片中心线时，文字部分居中。

然而，在观察了足够的效果图和，我发现视觉焦点的位置不仅和构图有关，还有很多必须注意的特殊情况:

1.当照片的主体比较分散，没有意义的时候，视觉焦点默认在画面的中心。

2.当照片被场景或物体切割时，视觉焦点只会出现在切割线上。默认情况下，它位于中心点或颜色密集的地方。

3.眼睛单独作为视觉焦点

开始点提到的照片主体比较分散，没有意义。例如，他们的题材一般是拍摄天空、无边无际的森林树木或下雨的场景等...这类照片的视觉焦点默认在画面中心，文字部分只能固定在画面中心，因为此时文字部分需要弥补原图中视觉焦点的不足。(D组，开始栏，第三张图)

第二点是指一些照片，整幅照片被一个场景或物体切割，通常是因为地平线或海岸线的原因。也有类似的情况。当照片中的被摄主体大到剪去背景后出现一条切割线，就不能把被摄主体当成脸了。例如，在组D中，第二行和第三行在第二行...就是这种情况，视觉的焦点通常位于其中一条切割线上，通常是颜色比较密集的地方。

第三点很重要！在画面内容中，眼睛的存在会形成视觉焦点。不管是人的眼睛还是其他生物的眼睛，只要看到眼睛，文字部分的排版就要以眼睛和眼睛(视觉焦)而不是人本身。

已经说了很多.....现在让我们s实际上操作了当前的理论，并做出了一组文字粉饰图片。

让让我们先看第二部分开头的两张照片...文字部分会直接拿到a组。

如何选择上例中文本部分的位置，详见下图:

右图中，视觉焦点决定于照片透视的消失点。因为在图片中心线，所以文字部分居中。此外，由于照片中的主题不清晰，没有提及文字与边缘的距离。只要与视觉焦点的接触保持不变，文本部分的位置就是任意的。

后面我又加了两个例子，因为前两个例子是针对视觉焦点补的，所以第三个例子是基于主物体(杯)的，过程和前两个差不多，我就跳过了。最后一个例子是因为照片的主体比较分散，没有意义，所以文字部分只能固定在画面中央，弥补主置。

其实我想多举几个例子来说明各种情况，但是感觉篇幅已经很长了。现在我只谈了amp的一些原理和规律文字粉饰图片，现在我要谈谈图片突出单词在下一节中。的特点。

开始种:形状图形

形状图形主要指正方形、圆形和一些不规则形状的图形。

(以下效果图是我统计优秀作品最常用的方法)

上图是方块的三种使用。让我从左到右解释一下:

集中:这种方法是在不削弱画面的情况下，将文字集中在一个正方形内，增加可读性。是包装设计中经常出现的排版。

这是一个平方的例子集中和。方块的存在突出了文字本身，保证了阅读的流畅。同时这个正方形可以在这张照片上的任何位置，没有任何影响，所以非常适合做包装设计。

关于形状的颜色和透明度设置，请参见本文的颜色部分。

上图是关于圆的常用:

普通:这是比较普通的排版。

高光:这比正方形有更好的高光效果。这个圆可以用一些材质代替，比如墨滴之类的圆形材质，甚至可以利用图片本身存在一个巨大的圆形物体来突出文字部分。

适用性:这种方法也可以突出脸和脸文字，这就是为什么这种方法经常出现在各种商业宣传册、海报和中...

上图就是一个例子。古文字也可以当圆用。

第二种:直线

直线有两种，一种是纯直线，一种是由微小的单词组成的一段文字(通常是英)。

以上是纯直线应用的例子。

联系人:It这是一个非常常见的应用方法，所以它不。;不需要解释...

浓度:功能与平方相同集中和，只不过这是一个由两条线组成的看不见的正方形，比较正式。与此不同的是，它只能出现在颜色单一或大量留白的照片中。

连接器:增加相似感的小东西...可用于连接两段文字。服装设计作品最常用。请在下面打个问号，因为连接器有很多种。上图只是一个例子...

这是另一种直线和直线，由一排微小的字组成。

联系人:同上，但仅适用于标题文字较少的情况。剩下的两个不需要解释...每个人都应该知道。

第三种:人物

一般是指数字和英文字母，搭配单词能有更好的突出效果。如上图，而阿拉伯数字的效果最好。

上图是出现频率最高的一种协调，一个有文字的圆形，然后用一个连接符把你要表达的文字连接起来。这是最经典的合作类型。至少突出文字的效果很好！

4.颜色组合模型

我我不能肯定这个结论的正确性，因为我还没有。;t对PS:以下颜色部分做了很多实际操作。所以颜色部分仅供参考，只希望大家能从中得到一些启发。

这时候，如何分辨上图中这些色群的视觉心理呢？教材中使用的方法分为补色、对比色、相近色、相邻色四种。那样地然后解释这些类型的视觉心理学，例如互补色具有突出和华丽的效果或更引人注目等...但是这种方法只能解释那些只使用了少量颜色的照片或海报，所以这种方法在面对一张色彩丰富的照片或海报时过于笼统和片面。

在大部分的网络配色教程中，都是用色卡来解释色彩群体的视觉心理。色卡是从TINT中提取一张有三到六种主要配色方案的照片，他们认为色卡的视觉心理效果(情)和原始照片是一样的，所以大部分设计作品都会以此为参考进行配色。

但是我看过很多关于配色的书或者文章，大部分都认为a色卡远远不足以解释一张照片的视觉和心理效果。认为一张照片的视觉感受并不是这张照片中所有颜色共同作用的结果。它还显示了照片中的颜色数量、颜色之间的面积、冷暖对比等...都会影响一张照片的视觉心理效果。

于是我总结了这些文章的观点，我重新设计了一个色彩组合模型来描述多重色调的视觉心理效果，如下图:

上图是TINT的模型。我把它设计成倒三角形的形状。我简单解释一下:倒三角形的最上面一块是主色，是这张照片中最突出的颜色，通常是照片中面积最大的。下一个是副色，比主色弱。再往下是一些辅助色和一些很小的装饰色等等...

这个模型可以解释TINT的很多视觉心理效应，如下图所示:

x:亲和力强度

主色和副色的对比会影响照片的视觉心理。当主色和副色的配对较弱时，画面的表现会较柔和。相反，主色和副色的对比度越大(通常是由于它们的暖度、面积和色相的)，画面的表现力就会越强。

y:一般优秀

这是指原色和次原色与其他颜色之间的面积比例关系。当主副色的面积与其他颜色的面积相差无几时，画面呈现出一种美好的感觉。反之，当主色和副色的面积远远超过其他颜色的总和时，画面的意境就完全被主色和副色主导了。

z:单调——丰富

我们这里比较的是一张照片的颜色数量。数量少的话会显得单调，反之会更丰富。

上图的大模型中，将三类色彩模型做成一个三维坐标系，表示任意一张照片的色调都是XYZ坐标系中的一个点，也就是说任意一个色调模型都会同时满足三种类型中的一种，最终形成八个色调模型(八种情)。以下是一些例子:

总而言之，让让我们从刚才的图片中选取一些例子，如下所示:

第二个例子是突出文字的图片。虽然这张照片的颜色属性是强壮和杰出与杰出，但颜色是单调。我的做法是加两笔粗粗的笔触(粗)来突出一个主色。然后放一段陀红色的英文，丰富了色彩组，同时，用粗糙的古代，使色彩的情感更加明显。

流程见下图:

笔画的区别在于粗细。粗笔画用于强调，细笔画用于修饰细节，比如突出一件商品的精细做工。还有一种特殊的情况就是粗细的组合，笔画粗细的区别其实就是形体装饰的变化。

以前我都是用现成的设计资料排版。后来，当我试图直接选择一张没有任何修改的照片进行排版时，我意识到把单词和图片搭配起来实际上是一个非常复杂的问题，所以我很好地研究了这个问题一段时间。我去翻看各种设计网站的优秀作品，去寻找时尚杂志和精品绘本，但我的目的不是从中寻找感觉，而是通过一种科学严谨的方法，寻找优秀作品之间的视觉规律。我写这个回答是想和大家分享这个过程。然而，我我只是一个设计专业的学生，我我不精通艺术，我的写作也不好...因此，在解释回答如此复杂的问题的过程中必然会有许多缺点，所以让让我们交换一下。

为这个答案做一个导航图，证明这真的是一个很复杂的问题...

首先，我挑选了一些我个人认为不错的设计作品。根据这些作品的设计目的和最终效果，我把它们分为A和B团体。

A组是图片是杰出的，而文字的目的只是为了粉饰这张照片。

B组是文本突出显示，文本在图片背景下突出显示。

然后切它们的文本部分，然后按照原文样式和文本组合进行分组排列。

效果图如下:

B组中的单词松散地放置并组合在一起，在视觉中形成点。

2.主题和视觉焦点

主体的视觉焦点是一幅摄影作品中的两个基本要素，所以照片中通常会有一个突出的人或物作为主体。其他的，比如风景摄影，即使照片中没有清晰的主体，也会有视觉焦点。

摄影作品的主要对象和视觉焦点很容易看到，如下所示:

为了用优秀图片和照片，还制作了效果图。在c组和d组中展示。

C组是文本部分和主要对象之间的位置关系。

D组是文字部分和视觉焦点的位置关系。

(C组暗块为主物，D组白点为视觉焦点，白块为文字)

事实上，我不知道。;我不需要多说。你应该能从上面的效果图中大致看出文字和两个元素的关系吧？我根据我的观察结论做一个安排:

如果你能观察到足够的效果图和C组的，发现在所有这类优秀的设计作品中，文字部分与主要对象的位置和大小关系有三个原则:

1.文本部分的区域不得大于或接近主要对象的区域。

2.单词脸和脸与主体的边界线保持联系脸和脸(直线或平)。

3.文本与文本之间的距离脸和脸或者图片的边缘几乎等于主体之间的距离脸和脸和图片的边缘。

现在让我们s看d组，文字部分与视觉焦点的关系基本类似于上面的铁律，唯一特别的是当视觉焦点位于图片中心线时，文字部分居中。

然而，在观察了足够的效果图和，我发现视觉焦点的位置不仅和构图有关，还有很多必须注意的特殊情况:

1.当照片的主体比较分散，没有意义的时候，视觉焦点默认在画面的中心。

2.当照片被场景或物体切割时，视觉焦点只会出现在切割线上。默认情况下，它位于中心点或颜色密集的地方。

3.眼睛单独作为视觉焦点

开始点提到的照片主体比较分散，没有意义。例如，他们的题材一般是拍摄天空、无边无际的森林树木或下雨的场景等...这类照片的视觉焦点默认在画面中心，文字部分只能固定在画面中心，因为此时文字部分需要弥补原图中视觉焦点的不足。(D组，开始栏，第三张图)

第二点是指一些照片，整幅照片被一个场景或物体切割，通常是因为地平线或海岸线的原因。也有类似的情况。当照片中的被摄主体大到剪去背景后出现一条切割线，就不能把被摄主体当成脸了。例如，在组D中，第二行和第三行在第二行...就是这种情况，视觉的焦点通常位于其中一条切割线上，通常是颜色比较密集的地方。

第三点很重要！在画面内容中，眼睛的存在会形成视觉焦点。不管是人的眼睛还是其他生物的眼睛，只要看到眼睛，文字部分的排版就要以眼睛和眼睛(视觉焦)而不是人本身。

已经说了很多.....现在让我们s实际上操作了当前的理论，并做出了一组文字粉饰图片。

让让我们先看第二部分开头的两张照片...文字部分会直接拿到a组。

如何选择上例中文本部分的位置，详见下图:

右图中，视觉焦点决定于照片透视的消失点。因为在图片中心线，所以文字部分居中。此外，由于照片中的主体不清晰，没有提及文字与边缘的距离。只要与视觉焦点的接触保持不变，文本部分的位置就是任意的。

后面我又补充了两个例子，因为前两个例子都是由视觉焦点构成的，所以第三个例子是以主物体(杯)为参照的排版。流程和前两个差不多，直接跳过。最后一个例子是因为照片的主体比较分散，没有意义，所以文字部分只能固定在画面中央，弥补主置。

其实我想多举几个例子来说明各种情况，但是感觉篇幅已经很长了。现在我只谈了amp的一些原理和规律文字粉饰图片，现在我来说说图片突出单词在下一节中。

开始种:形状图形

形状图形主要指正方形、圆形和一些不规则形状的图形。

(以下效果图是我统计优秀作品最常用的方法)

上图是方块的三种使用。让我从左到右解释一下:

集中:这种方法是在不削弱画面的情况下，将文字集中在一个正方形内，增加可读性。是包装设计中经常出现的排版。

这是一个平方的例子集中和。方块的存在突出了文字本身，保证了阅读的流畅。同时这个正方形可以在这张照片上的任何位置，没有任何影响，所以非常适合做包装设计。

关于形状的颜色和透明度设置，请参见本文的颜色部分。

上图是关于圆的常用:

普通:这是比较普通的排版。

高光:这比正方形有更好的高光效果。这个圆可以用一些材质代替，比如墨滴之类的圆形材质，甚至可以利用图片本身存在一个巨大的圆形物体来突出文字部分。

适用性:这种方法也可以突出脸和脸文字，这就是为什么这种方法经常出现在各种商业宣传册、海报和中...

上图就是一个例子。古文字也可以当圆用。

第二种:直线

直线有两种，一种是纯直线，一种是由微小的单词组成的一段文字(通常是英)。

以上是纯直线应用的例子。

联系人:It这是一个非常常见的应用方法，所以它不。;不需要解释...

浓度:功能与平方相同集中和，只不过这是一个由两条线组成的看不见的正方形，比较正式。与此不同的是，它只能出现在颜色单一或大量留白的照片中。

连接器:增加相似感的小东西...可用于连接两段文字。服装设计作品最常用。请在下面打个问号，因为连接器有很多种。上图只是一个例子...

这是另一种直线和直线，由一排微小的字组成。

联系人:同上，但仅适用于标题文字较少的情况。剩下的两个不需要解释...每个人都应该知道。

第三种:人物

一般是指数字和英文字母，搭配单词能有更好的突出效果。如上图，而阿拉伯数字的效果最好。

上图是出现频率最高的一种协调，一个有文字的圆形，然后用一个连接符把你要表达的文字连接起来。这是最经典的合作类型。至少突出文字的效果很好！

4.颜色组合模型我我不能肯定这个结论的正确性，因为我还没有。;t对PS:以下颜色部分做了很多实际操作。所以颜色部分仅供参考，只希望大家能从中得到一些启发。

这时候，如何分辨上图中这些色群的视觉心理呢？教材中使用的方法分为补色、对比色、相近色、相邻色四种。然后解释这些类型的视觉心理学，例如互补色具有突出和华丽的效果或更引人注目等...但这种方法只能解释那些只有几种颜色的照片或海报，所以在面对一张色彩丰富的照片或海报时，这种方法过于笼统和片面。

在大部分的网络配色教程中，都是用色卡来解释色彩群体的视觉心理。色卡是从TINT中提取一张有三到六种主要配色方案的照片，他们认为色卡的视觉心理效果(情)和原始照片是一样的，所以大部分设计作品都会以此为参考进行配色。

但是我看过很多关于配色的书或者文章，大部分都认为a色卡远远不足以解释一张照片的视觉和心理效果。认为一张照片的视觉感受并不是这张照片中所有颜色共同作用的结果。它还显示了照片中的颜色数量、颜色之间的面积、冷暖对比等...都会影响一张照片的视觉心理效果。

于是我总结了这些文章的观点，我重新设计了一个色彩组合模型来描述多重色调的视觉心理效果，如下图:

上图是TINT的模型。我把它设计成倒三角形的形状。我简单解释一下:倒三角形的最上面一块是主色，是这张照片中最突出的颜色，通常是照片中面积最大的。下一个是副色，比主色弱。再往下是一些辅助色和一些很小的装饰色等等...

这个模型可以解释TINT的很多视觉心理效应，如下图所示:

x:亲和力强度

主色和副色的对比会影响照片的视觉心理。当主色和副色的配对较弱时，画面的表现会较柔和。相反，主色和副色的对比度越大(通常是由于它们的暖度、面积和色相的)，画面的表现力就会越强。

y:一般优秀

这是指原色和次原色与其他颜色之间的面积比例关系。当主副色的面积与其他颜色的面积相差无几时，画面呈现出一种美好的感觉。反之，当主色和副色的面积远远超过其他颜色的总和时，画面的意境就完全被主色和副色主导了。

z:单调——丰富

我们这里比较的是一张照片的颜色数量。数量少的话会显得单调，反之会更丰富。

在上面显示的大模型中，三种类型的颜色模型被制作成三维坐标系，这表明任何任何一张TINT的照片都是XYZ轴系中的一个点，也就是说任何一个TINT模型都会同时满足三种类型中的一种，最终形成八个TINT模型(八种情)。以下是一些例子:

总而言之，让让我们从刚才的图片中选取一些例子，如下所示:

第二个例子是突出文字的图片。虽然这张照片的颜色属性是强壮和突出，颜色是单调。我的方法是加两笔粗的笔触(粗)来突出一个主色。然后放一段陀红色的英文，丰富了色彩组，同时，用粗糙的古代，使色彩的情感更加明显。

流程见下图:

笔画的区别在于粗细。粗笔画用于强调，细笔画用于修饰细节，比如突出一件商品的精细做工。还有一种特殊的情况就是粗细的组合，笔画粗细的区别其实就是形体装饰的变化。

了解更多如何让排版好看(如何让排版最好)相关内容请关注东辰网。