发布时间:2021-2-1 分类: 行业动态
中学习最基本的对比和对齐原则对比度和对齐是平面布局中最经典的设计原则。很多人可能不知道这两个原则的具体用法。今天,这篇好文章使用了很多案例来帮助你掌握这些基本知识!
01.比较原则
布局设计的对比实际上是差异化。如果两个元素不同,那么使它们完全不同,不要拖水。
例如,如果我使用两个圆圈来表示大小比较,那么下面的图片与教科书相反。
因为这个图中的尺寸比较不明显,我看不出要强调哪个圆,主要和次要是未知的,对比是模棱两可的。
与上图相比,该图具有明显的对比度,可以有效传递重要信息。因此,如果使用对比度,元素将更加强烈地区分。
比较分类
有许多类型的比较,例如:
除了这些,还有字体类型比较,距离比较,虚拟和真实对比,远近对比等,可以说在存在差异的地方存在差异。在布局设计中,我们必须最大化这种对比度,以实现引人注目且易于阅读的结果。
对比的作用
对比度可以简化图片,使布局主题更清晰,更直观。
对比度的使用可以使视觉冲击力更强大,更引人注目。
对比度使布局水平清晰,突出关键点,并更有效地传达信息。
比较申请
通常,作品不仅仅与一个比较相结合,而是多重比较的组合。例如,上面的左图比较了标题和身体的强度大小,并添加了光影对比,为主体创造了三维感,更加引人注目。右侧图像使用方向对比度和位置对比度,使布局更加活跃,视觉上更加拉伸。
几乎所有作品都使用对比原理,我们还必须在设计中使用对比原理。
2.对齐原则
对齐原则是通过在布局中的元素之间建立可视连接来创建顺序感。
在这种布局中没有应用对齐原则,元素之间没有连接,并且没有混乱,没有秩序感。
使用对齐原理后,整个布局整洁美观,营造出秩序感,使其更易于阅读。
对齐分类
左对齐:布局中的元素在左侧对齐。左对齐是最常见的对齐方式,简单大方,易于阅读。
右对齐:布局中的元素在右侧对齐。左对齐相对不常见,给人一种人为干预的感觉,阅读速度较慢。
中心对齐:布局中的元素在中心线上对齐。中心对齐给人一种严肃感和形式感。
对齐:布局中的元素被拉伸或缩放以与同一元素对齐。理由通常用于大段文本格式以便于阅读。
顶部对齐:与左对齐类似,布局中的元素在顶部对齐。
底部对齐:布局中的元素在底部对齐。
轴对齐:轴对齐与布局的中心线对齐,而不是元素的中心线。
除了上图的情况之外,下图的轴也是轴对准的形式。
轴对齐可以给出形式感,而每个部分都是可变的和灵活的。
对齐的作用
总之,对齐的效果只有一点,即使布局更加统一,更有条理,并引导视觉流动。
案例修改1
这是同学的名片工作,给人一种乱七八糟的感觉,没有秩序,信息也不清楚。那么问题出在哪里?
首先,绿点的文字大小几乎相同,缺乏对比度,导致逐渐的关系。
其次,对齐不均匀,没有秩序感。
那么在修改这两个原则后我们会使用什么呢?
我们强调名片夹的名称,并且联系信息的左侧信息和其他信息是左对齐的。 LOGO和二维码放在右侧。它不整洁,信息更传达。
同样,我们也可以将联系信息和QR码移动到布局的右侧。 LOGO位于左下方,也很规则,简洁美观,有利于沟通。
对齐和对比度的组合有很多变化,布局的使用将使布局更美观。
接下来,查看修改前后的比较图表。
案例修改2
这是一个同学的海报作品,你可以看到她的对齐是统一的左对齐,没问题。然而,图片中缺乏对比,主要和次要的感觉并不强烈。另外,图片选择并不美观。
在同一主题下,另一位同学的工作:
同学的作业突出了主题,对比也非常明显。信息层次结构的其余部分也具有对比度变化,视觉上丰富,并且统一的左对齐也非常有条理。
相同的内容和主题,对比度和对齐原则的应用将直接影响布局的美学和易读性。在大多数情况下,对比度和对齐是必不可少的。
当然,布局设计有四个基本原则,“对比”,“对齐”,“组合”和“重复”。通常,这四个基本原理组合使用。 “对比度”和“对齐”只是其中的一部分。 “组合”和“重复”将在后面讨论。毕竟,道路必须一步一步走,大米必须一点一滴地吃掉。
总结
« 弹性是基于增加全球市场扩张的基础 | [Dangbei Market]如何为小米TV 4S 75英寸安装第三方软件?高清直播免费观看 »