完全匹配和完美匹配完美匹配机制( 三 )

使用一个隐形三角形连接设计中的三个重点区域（构图）。
注意古腾堡图模式（Gutenberg Diagram）、F 模式（F-Pattern）、Z 模式（Z-Pattern）和层蛋糕模式（Layer Cake Pattern）的视觉扫描，并顺应趋势而不是反对趋势。

文章插图
没有视觉层次的网站没有明显的兴趣点。
三、留白、对齐和网格【完全匹配和完美匹配完美匹配机制】设计中的对齐和间距通过空间上的连接传达出一种秩序和组织感，这两个原则都在设计背后发挥重要价值。设计师早期学到的基本知识之一是在网格上编排设计，然后对齐和分隔这些元素。
左对齐、居中对齐、右对齐都没错，但你必须对齐，否则当元素没有对齐时，设计就会给人崩溃的感觉。它给人一种不安的感觉。

文章插图
没对齐的话，眼睛看着很难受
网格有很多不同的类型:列网格、基线网格、模块网格、层次网格、像素网格等。不同设计使用不同网格，但最基本的是设计元素的对齐和间距。

文章插图
(Illustration courtesy UX Engineer)
网格可以被打破。一个死板的构图可能会在视觉上无趣，除非一个元素从网格中脱颖而出。错位或“打破网格”是赋予元素更多视觉权重的一个机会。当在设计中设置视觉层次结构时，它可以用来强调某些东西。

文章插图
有时打破网格可以创造强调和移动
五、平衡设计上有两种平衡:对称和不对称。所有的构成元素：排版、颜色、图像、形状、图案、留白等，都具有一定的视觉重量。有些元素很重，很吸引眼球，而有些元素很轻，感觉不那么重要。
这些元素的放置方式能够在对称设计中创造出一种平等的顺序感，或者一种稍微偏离平衡能够创造出一种不对称的设计。无论对称还是不对称，我们的大脑都被某种平衡感所吸引，因为它创造了和谐、秩序和美学上令人愉悦的结果。

文章插图
多重原则:平衡、对齐和对称在网站上发挥作用
六、对比“对比”指的是使设计中不同的元素更容易区别开。强烈的对比可以在设计中强调一个区域，而微弱的对比可以弱化它，创造一个视觉层次。对比在设计中也扮演着重要的角色。对比不足会使文字特别难以阅读，尤其是对视力有障碍的人来说。

文章插图
在左边的设计中，一些文字和背景之间的对比不够
Web内容可访问性指南 (WCAG)呼吁“文本的视觉呈现应该有至少4.5:1的对比度”，除了大规模文本，它应该有至少3:1的对比度。因此，设计师需要确保内容保持舒适易读。
其他UI元素(如各种显示器和设备上的卡片、按钮、文字和图标)之间的适当对比也是必须的。如果UI元素之间没有明显的区分度，设计就容易产生混乱。
七、对称在格式塔原理中，对称和秩序的法则也被称为pr?gnanz，德语单词“好身材”的意思。这个原理说的是，大脑会以尽可能简单的方式感知模糊的形状，这都是为了节省大脑能量。
我们倾向于寻找一切事物的对称性。几项研究发现，面部对称能提高人们对人脸吸引力的评价(尽管完全对称的脸其实并不一定那么有吸引力) 。该理论认为，这种偏好与选择DNA最好的伴侣的进化优势有关。

特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

完全匹配和完美匹配 完美匹配机制( 三 )

完全匹配和完美匹配完美匹配机制( 三 )