如何通过作曲创造流动和节奏

平面设计 页面布局 设计原则 作品
2022-01-08 09:01:18

构图是创建视觉流或节奏以引导观众的视线并引导他们浏览您的内容的绝佳工具。考虑您希望用户与您的内容交互的方式很重要——例如,您可能希望用户在看到您的“立即购买”按钮之前阅读说服他们购买您产品的文本。

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

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


一些例子:

纸浆手指

m1-设计

新政节

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

2个回答

这个问题的答案可能是硕士论文,所以请把我的回答看作是一种观点,而不是技术性的回答。

设计,当它带有广告、海报、书籍封面等时,是包装在设计作品中的直接信息。所有作品之间的共同元素是排版、视觉语言、经文语言及其方向。说到排版语言,我们默认的是“方向”,方向给了我们“瞬间”。我们假设在任何印刷设计中,眼睛都会从左到右,从上到下移动。这是任何视觉排版构图的基本眼睛时刻,有些人称之为“阅读模式”。

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

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

当我们决定抓住用户的眼球并通过我们的设计以我们想要的方式重定向它时,我们实际上是在编写一种视觉语言,与观众的良心交谈,并使用基本和默认的 TL/ 给他们足够的时间来吸收我们的其余信息/ RB规则并基于他们的文化。

很难说用户将在我的设计中从哪里开始他们的旅程,但我可以用一些引人注目的风格引导他。这并不容易,因为我正在用一种视觉语言与他交谈,并假设他能理解我想通过我的设计表达什么,信息是什么,从哪里开始和在哪里结束,以及如何理解我的设计。这种语言不是直接的圣经语言,这意味着它不是可以直接理解的通用语言。这就是我们称之为“设计哲学”的原因。它可能反映一种共同的视觉语言,也可能不反映,这取决于设计师和观众的文化。

我不是只用我的视觉语言通过我的设计与用户交谈,而是说一种视觉语言,用户也可以根据用户的文化来理解。我的设计和他的文化必须在第一印象中相遇。

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

“F”型

'F'模式有一个众所周知的效果,读者会从上到下,从左到右扫描页面,更关注左侧而不是右侧,大致呈'F'形状。这得到了研究和一些科学研究的支持。

这主要适用于文本繁重的页面,图形元素最少。一旦您删除大块正文并添加焦点元素,模式就会消失。然而,这是需要牢记的。

创建流程的技术

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

线条和形状

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

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

线条

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

形状

箭头意味着运动,你的眼睛会自然地跟随箭头的方向,所以把箭头指向你想让别人看的地方是有意义的。比较这些箭头,然后指向内容:

指向远方的箭头

指向的箭头

视觉权重和层次结构

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

在此处输入图像描述

看法

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

在此处输入图像描述

眼睛

人脑是用来识别人脸的。一种有效的技术是使用摄影或插图,其视线指向您的焦点。

在此处输入图像描述