郑州网站定制：网页设计中的视觉方向_极简慕枫

设计的一大秘诀是学习如何引导观众的视觉方向; 即使是经验最丰富的设计师也经常忽视这一原则，所以今天我们将深入研究它的工作原理。视觉方向控制着用户的眼球运动; 这可以通过仔细选择您的图像和良好放置和对齐的设计元素来实现。

郑州网站定制很明显，整个页面的默认眼球运动（在LTR中 - 从左到右 - 布局）是从左上角到右下角，如图所示：

然而; 事实上，通过以某种方式安排构图元素，设计师可以控制并强制观察者的眼睛在设计的布局中和周围移动。例如，眼睛将沿着诸如实线或虚线的实际路径行进，或者它将沿着更微妙的路径移动，例如从大元素到小元素，从暗元素到更亮元素，从颜色到非颜色，从不寻常的形状与通常的形状等。大小的重复，相关元素的重复形状和大小巧妙地引导眼睛。

1。用图像控制方向

图像可以轻松控制客户查看设计的方式，下面是方向图像的一些明确示例，既可以用作设计的一部分，也可以用于引导页面访问者的内容：

当然，这些图像指向的方向非常明显，但是许多图像可能不太清楚，请看一下这些其他示例：

2。引领眼球

这是设计师和内容编辑所面临的最大错误之一，通常情况下，永远不会让您的图像从页面向外，图像（尤其是面部和眼睛）应该朝向设计的中心。

看看CNN和BBC网站上的这些例子：

在BBC示例中，左上方的两个图像都远离页面中心，这导致沿着默认路径“看不到”重要信息，如图所示：

1. 您从左上角开始作为通常的默认位置

2. 沿着默认路径移动，您会遇到第一个向外看的图像，因此您的视觉会自动移动到页面之外

3. 你的眼睛开始回头看向页面的中心

4. 您会遇到另一个向外看的图像，让您的视觉再次移动到页面之外

5. 最后，你的眼睛开始朝向页面中心移动，但是图像放置和方向标记为“？”会产生大的“盲点”。

现在将BBC主页的下一个“固定”版本与上面的原始版本进行比较：

看看这个版本，你会注意到你的眼睛没有移动到页面之外，人们向内看的脸可以帮助你向相同的方向看向页面的中心。

3。形式

看一下这个示例，其中显示了两种将标签与表单字段对齐的方法，这可能会极大地影响用户填写表单的难易程度：

在左侧，我们有顶部对齐标签，比左或右对齐标签（右侧）更快更容易填写。这是因为顶部对齐标签所需的眼球移动量是左或右对齐标签的一半。顶部对齐的标签还允许用户在一个视觉方向上向下移动表单，而不是使用左右对齐标签的两个视觉方向。这样可以更快速，更轻松地填写表单。

放置不仅可以控制眼睛的移动方式，还有助于使设计更易于使用，即使是在潜意识层面。

4。设计方向

方向元素可以对设计的情绪产生强大的影响，但是对设计中的主导方向做出良知决定会对作品的氛围产生明显的影响。

有时，图像或布局将决定主导方向。有时它会允许你对它施加指示。

下面设计中清晰的水平线条给人一种静止，稳定，安宁和平静的感觉。

在下面的第二组中，元素的对角线放置增强了运动和动作的感觉。

第三组具有显着的垂直方向，这可以增加静态有序的影响，可能是随机的，也给人一种警觉和形式的感觉。

在这三张照片中可以看到相同的角色变化。每个主题都是相同的，定向强调的变化在每个图像中创造了不同的氛围。

第一张图像中的垂直强调给人一种有序形式的感觉，第二个水平强调感觉平静和稳定，而第三个对角强调感觉活跃和动画。

结论

郑州网站定制始终牢记您希望观众的感受，通过选择设计方向来设置心情，然后通过选择正确的内容布局和图像选择来强制执行此操作。

在表单或基于文本的设计方面，了解访问者如何将设计转移到设计上将大大提高工作的可用性。