美文网首页
常见的构图方式

常见的构图方式

作者: 嘎嘎开心 | 来源:发表于2022-06-11 00:25 被阅读0次

如果你不知道如何应用,世界上所有的构图理论知识都只能让你走到这一步。能够识别和实现对称与不对称设计、动态与静态组合、几何与视觉中心等,将使您成为更好的设计师。

虽然现实世界中的设计并不总是遵循这些构图指南,但最有效的设计几乎总是如此。了解这些构图方法对于设计师来说,如何工作的以及何时使用它们是明智的。

几何中心

围绕屏幕的几何中心构建构图是一种简单、安全的元素排列方式。它给用户一种稳定的感觉,同时也有效地吸引了他们的注意力。这是登录页面或海报的绝佳选择,但可能缺乏活力和活力。也就是说,几何中心并不总是适合某些设计元素。

构图中心

定义构图中心时,请确定用户的视线首先应该放在哪里。您可以实现平衡和稳定的构图,重叠构图和几何中心,或者您可以通过将中心移远来增加趣味性。不要忘记使用更大的字体、强调色或独特的形状来突出元素。

视觉中心

视觉居中的构图通常比几何构图更可取,因为它看起来更平衡而不显得无聊。用户的眼睛通常会倾向于构图的顶部,因此将构图的中心定位在几何中心的上方更美观

主导元素

构图中的哪个元素会立即引起您的注意?页面上的主导元素决定了所有其他元素的对齐方式和色调,当然最突出的是。 

例如,登录页面可能包含很多元素——标题、副标题、图像、注册按钮等——但标题是最能吸引用户的元素。通过比例、颜色和位置将您的主要元素与页面的其余部分区分开来。

对称构图

对称构图就像镜像一样,在中心轴的两侧创造出具有相同视觉重量的设计。对称设计让人感觉自然优雅,但要注意不要显得过于呆滞。 

对称界面非常适合特定的数字项目,例如专门介绍一种产品或艺术家作品集的网站。它们是一种优雅的解决方案,也比不对称组合更容易创建。

您的设计越复杂,保持对称构图就越困难。

不对称构图

不对称构图非常适合具有多个焦点的更复杂和令人兴奋的设计。它们也比对称构图更难做好,因为没有创建它们的数学公式——它们依赖于设计师的眼睛。

在这个例子中,左边的标题是设计的主要焦点,而不太重要的焦点——副标题和 CTA 按钮——在右边。实现这样的不对称构图在美学上仍然令人愉悦和平衡需要更多的练习。

封闭式构图

封闭的构图将所有元素排列在一个(大部分是不可见的)框架内。它们提供了一种完整感。当用户看一个封闭的构图时,他们的眼睛会集中在主要元素上,而不是徘徊。这样的设计感觉完成和稳定。

开放式构图

开放式构图没有边界或定义的边界。可以放置元素而不考虑屏幕的框架,提供自由和运动的感觉。 

开放式构图就像正在进行的故事,吸引用户滚动和探索。它们非常适合包含大量内容的页面。使用引导线、未完成的形状和图像以及不寻常的方向,设计师可以使他们的界面更加动态和吸引人。 

对页面较长且文字较多的网站使用开放式构图。

静态组合

静态组合看起来平静而令人愉悦。它们通常在结构上是对称的,缺乏运动,并且感觉安全且可预测。 

使用静态组合来组织需要易于扫描的信息块,例如表格或信息图表。由于它们的稳定性,它们非常适合用户可能认为高风险的活动(例如进行购买或预订)。 

不要将静态组合与静态网页(内容永远不会改变)混淆。

动态组合

我们的眼睛本能地寻找平衡,不平衡使我们不安。动态构图的不规则性利用这一点来增加深度和运动感。他们甚至可以制造紧张的感觉(并不总是一件坏事)。 

动态组合是一种强大的工具,可以引导用户完成您的设计并帮助他们踏上激动人心的用户旅程。当您希望您的用户对您的产品感到精力充沛时,请使用它们。

构图平衡

构图平衡是关于视觉重量的均匀分布。要实现它,请使用元素的大小、形状和颜色,以及它们之间的负空间。大而重的元素,如英雄形象,可以用负空间或中心垂直轴另一侧的一些较小的特征来平衡。 

平衡不等于对称——它可以通过不对称的组合来实现,从而产生更复杂和有趣的设计。

三分法则

三分法则是一种奇妙的构图工具,它来自摄影界的数字设计。想象一下屏幕被看不见的线条分成相等的水平和垂直三分之一。我们的目光直觉地倾向于那些线的交叉点。 

根据三分法则,这些交叉点是放置关键元素的理想位置,例如 CTA 按钮、标题和主图。他们最有可能在这些焦点上吸引用户的注意力。

引导线

设计师使用引导线——类似于网格线——作为构建他们作品的脚手架。它们之所以起作用,是因为我们的眼睛自然而然地会跟随设计中的线条,即使线条本身是不可见的。

与网格不同,引导线在创建非常规、出色的布局时提供了更多的自由。由您来设置沿这些线排列和分组内容的规则,使它们成为设计师工具箱中非常灵活的工具。

一点构图

顾名思义,一点构图只有一个构图中心,用户的大部分注意力都集中在这里。它可以实现简单、直接的布局,并允许用户的视线四处游荡并更详细地探索设计。元素不会通过这种类型的组合来吸引用户的注意力,使其成为关注单一产品的登录页面或网站的理想选择。

这种类型的构图非常适合没有过多信息的简洁设计。

两点组合

具有两点构图中心的设计传达了一种平衡与和谐的感觉。在我们的示例中,您可以注意到左右两侧的元素相互平衡,创造出不对称但和谐的构图。

随着您添加更多信息和功能,您的作品中的焦点数量自然会增加。

三点构图

三点构图通常会在您的设计中创建一个三角形。根据其方向,该三角形可以是稳定的或不稳定的。 

向上的三角形营造出稳定感和力量感,可以为您的设计提供统一感。另一方面,向下的三角形是令人兴奋的,会产生一种运动感,甚至是紧迫感。

三点构图通常用于主页——焦点是标题、主图和 CTA 按钮

四点构图

四点构图通常在页面上创建一个框架,从而形成一个封闭的构图。它们允许用户将注意力集中在页面内的元素上,而不会将注意力转移到框架之外。

不同的焦点可能会争夺用户的注意力,因此请谨慎使用这种类型的构图。它们非常适合产品列表或其他内容都应具有同等重要性的页面。

由于其稳定、集中的结构,四点构图非常适合图形、表格和表格。

本文内容为转载

相关文章

  • 婚礼剪辑与调色第四课

    婚庆后期前期篇----构图方式 课程要点: 了解视频拍摄的常见构图方式。 婚庆视频拍摄常见构图方式: 1、水平线构...

  • 常见的构图方式

    如果你不知道如何应用,世界上所有的构图理论知识都只能让你走到这一步。能够识别和实现对称与不对称设计、动态与静态组合...

  • 【水果类】来碗开胃山楂

    文/大脚 一、几种常见的构图方式 1.S型构图 绘画和摄影有很多互通之处 下面这幅作品就是典型的S型构图 这种构图...

  • 《完美构图》读书笔记

    本书�介绍了不少摄影构图中的概念以及常见的构图方式。构图还是得多拍,这种书并不能直接提高你的摄影构图水平,但是看多...

  • 常见又实用的构图方式

    在进行拍照之前,我们先要思考并确认照片的主体、想要表达的主题以及画面想营造的氛围情绪。同一个场景,想突出的主体,或...

  • 婚礼剪辑与调色第三课

    婚礼后期前篇----构图的常见错误 课程要点: 了解视频拍摄的常见构图错误。 有效避免问题的出现。 构图常见的错误...

  • 四种常见的构图方式

    一、九宫格网格构图: 常用于功能分类为主的一级页面,起到功能分类的作用。 常见的九宫格式设计:屏幕锁,app导航页...

  • 一秒教你你提升手机摄影逼格

    最近有好多同学问我关于摄影构图的事情,我在在这里说一下关于摄影构图的问题。 常见摄影构图 常见的摄影构图有1、平衡...

  • 【热门】新手如何学习插画的构图?常见的插画构图方式!

    插画构图是我们在创作的过程中的“核心思想”,它影响了整体的画面节奏和主题思想。有人说过画面位置应该如何安排、布局,...

  • 摄影笔记

    摄影视角 俯拍、平拍、仰拍 取景方式 远景、中景、近景、特写 构图方式 中央构图 直线构图:又分水平构图、直线构图...

网友评论

      本文标题:常见的构图方式

      本文链接:https://www.haomeiwen.com/subject/fhigjrtx.html