如何通过构图创造流动和节奏


11

合成是创建视觉流程或节奏以引导观众的眼睛并引导他们浏览您的内容的绝佳工具。考虑您希望用户与您的内容进行交互的方式很重要-例如,您可能希望用户阅读说服他们购买产品的文本,然后再看到“立即购买”按钮。

一些有助于创建视觉流程的明显元素包括箭头,线条和透视图。重量,位置,间距和颜色也可以用于创建视觉流程和节奏。

在设计中创建视觉流程和节奏时应考虑哪些因素以及可以使用哪些特定技术?


一些例子:

纸浆手指

m1-设计

新政节

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明




1
没看到第一个问题,但是那个问题是为什么这个问题是怎么回事

Answers:


7

该问题的答案可能是硕士论文,因此,请考虑将我的答案视为观点,而不是技术性的答案。

设计,包括广告,海报,书的封面等,都是包装在设计作品中的直接信息。所有作品之间的共同要素是版式,视觉语言,圣经语言及其方向。当涉及印刷语言时,我们默契地谈论“方向”,而方向给了我们“时刻”。我们假设在任何版式设计中,眼睛都会从左到右,从上到下移动。这是任何视觉印刷作品的基本眼神,有人称其为“阅读模式”。

因此,我们已经在基于“阅读模式”的作品中有了一个开端,观众可以自然地跟随它。文字和一些图形将引导我们从最上/左开始,然后在下/右结束。在此答案中,我将其称为TL / RB规则或基本阅读模式,就好像我在阅读报纸专栏一样。这是非常基本的方向。

具有某些样式,颜色和任何视觉设计元素的构图可能会违反规则,例如字体粗细,颜色,样式,使用箭头,比例等。您提到的所有可能的构图都是规则打破者,但每种构图都是从规则开始的。我的意思是,当我们打算以某些样式破坏TL / RB规则(基本阅读模式)时,实际上是在我们希望传递给查看者的整个消息中创建小的“句子”。换句话说,我们从设计中的任何位置开始构图,并给观众自己的旅程,并根据我们的构图和观众的“文化”来理解我们的整体信息。

当我们决定吸引用户的视线并按照我们想要的方式重定向到我们的设计时,我们实际上是在编写一种可视化的语言来表达观看者的良心,并给他们足够的时间来使用基本的和默认的TL /来吸收其余信息RB规则并基于其文化。

很难说用户在我的设计中将从何处开始,但是我可以用一些引人注目的样式引导他。这并不容易,因为我正在用一种视觉语言与他交谈,并假设他可以理解我想对我的设计说些什么,什么信息,从哪里开始,在哪里结束以及如何理解我的设计。该语言不是直接的圣经语言,这意味着它不是可以直接理解的通用语言。这就是为什么我们称其为“设计哲学”。它可能反映一种通用的视觉语言,也可能不会,这取决于设计者和观看者的文化。

我并不是仅通过视觉语言通过我的设计与用户对话,而是说一种视觉语言,也可以根据用户的文化来理解用户。我的设计和他的文化必须在第一印象中融汇在一起。

这是我的概念,我可以说更多,但正如我所说,这可能是硕士论文。


您可以查看此答案以了解更多的ux.stackexchange.com/questions/81189/…–
hsawires

6

'F'模式

“ F”模式有一个众所周知的效果,即读者将从上到下,从左到右扫描页面,并以“ F”的形状大致注意左侧而不是右侧。这得到了研究和许多科学研究的支持。

这主要适用于文本繁重的页面,具有最少的图形元素。删除大块的正文文本并添加焦点元素后,该图案就会消失。但是,要记住这一点。

创建流程的技术

设计的流程和运动在整个过程中都需要牢记。首先,您需要了解要实现的目标-始终始终牢记整个设计过程中的明确运动路径,然后从对相关元素进行分组并创建独特的视觉信息层次结构开始。然后,您可以使用视觉提示来引导流程通过设计。通常用作视觉提示的一些元素包括线条,形状,箭头,比例,透视图和图像。

线条和形状

线条可以多种方式用于引导运动。垂直于运动方向的线将充当障碍物,共同改变方向或停止运动。方向性或手势性的线条和形状会产生运动和流动。

比较这些布局,并使用不同的线条:

线数

也可以使用更复杂的形状来引导流:

形状

箭头表示运动,您的眼睛自然会遵循箭头的方向,因此将箭头指向您希望某人看的地方是有意义的。比较这些箭头,然后指向内容:

指着不远处的箭头

指向的箭头

视觉权重和层次结构

较大的元素自然会吸引眼球。尺寸和比例尺的使用是创建视觉层次结构的重要部分,该层次结构将引导眼睛通过设计。使用对比的字体,粗细和颜色对相关元素进行分组并创建可感知的视觉重心,有助于对最重要的信息进行优先级排序。

在此处输入图片说明

透视

通过使用对角线和比例尺的透视图或通过使用图像的文字透视图是另一种技术。

在此处输入图片说明

眼睛

使人的大脑识别面部。一种有效的技术是对目标对准视线的对象使用摄影或插图。

在此处输入图片说明


她的眼睛似乎不集中在您的文字上,而是更近?
joojaa

1
这是一个非常快速的示例,我找到了第一张照片...

给予这个赏金有一个原因-“首先,您需要了解您要实现的目标。” 目标是您如何定义流程。当人们说“您要实现什么”时,认为它太广泛了....不,您就在那,就是这样!
瑞安(Ryan

感谢@Ryan yeeh技术很棒,但是在不知道您使用它们的目的的情况下是无用的!
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.