迭戈·普利多：设计和技术的挑战

abeehabintehuma

我们如何安排网络界面的元素来帮助我们的用户？这个问题经常在各种场合重复出现，因此我们必须建立一系列变量，根据内容的重要性来构建内容。 九个有序的圆圈，其中一个根据其大小而突出，其中最大的一个被突出显示。 界面设计中的视觉层次结构是指根据屏幕元素的重要性和自然程度的顺序分布屏幕元素的原则，以使内容更易于理解、更少歧义和更直接。为了更清楚地说明这一点，让我们看一下以下文本示例： 举例说明视觉层次结构的文本 左边的表格对应的是没有层次结构的散文文本，而右边的图像对应的是相同的文字，但顺序清晰，这有助于我们更好地输入语句及其内容。 当构图具有良好的视觉层次时，眨眼几毫秒就足以获得中心主题的第一幅图像。 这是如何运作的？ 为了设计这种友好的结构，设计师必须利用沟通和视觉语法的资源来寻求构图的平衡，这些资源是： 尺寸 这可能很明显，但记住最大的元素永远是最重要的，也是我们最希望从其他元素中脱颖而出的元素，这并没有什么坏处。 颜色 创造良好的色彩对比度是引导用户视线的好方法。我们经常可以看到应用程序如何使用与其他元素相比脱颖而出的颜色来突出显示其号召性用语。 结盟 对于人眼来说，对齐的元素具有相似的特征。错位元素是强调和突出显示组中某个对象的一种方法。

重复 在整个构图中保持视觉连贯性强化了这样的想法：重复的元素保持相同的重要性水平，并且由于它们是相对相同的元素，因此给人的印象是内容是相关的。 接近 疏远元素或元素组使我们能够创造关联和差异。元素越接近，通常意味着它们一定是相关的。如果距离较远，则说明他们可能没有血缘关系。简而言之，邻近性创建了这些关系并为信息提供了组织和层次结构。 空格处 在物品周围保持空间可以吸引人们的注意。这个理论非常简单。如果你在 电报号码数据 一张白纸的中间放置一个黑点，眼睛会自动转向中心。如果您想更深入地研究这一点，这里有一篇关于UX 中的负空间的文章。 质地 使用不同的纹理还可以帮助用户理解差异。这是因为对于人眼来说，有纹理的背景或图像比平坦的背景或图像具有更多的视觉信息，因此更容易引起注意。 建立牢固的层次结构的技巧 尽管并非所有项目中的所有内容和用户都相同，但在确定组合的优先级时，有一些值得考虑的一般建议。 用户对界面的反应非常快。一个好的层次结构应该清楚地表明用户可以在网站上找到什么以及他们可以从那里做什么。 用户的眼睛遵循可预测的阅读路径，这是受文化影响的。我们已经知道人们不会阅读，而是按照“F”或“Z”形模式扫描界面。我们可以而且应该使用有利于我们用户的证据。



格式塔原则：了解人类感知的这些原则将帮助我们了解人们如何理解他们的环境，使我们能够设计更好的视觉结构。 考虑这些元素对于我们的界面实现其目标并促进用户的压缩过程至关重要。理解视觉层次结构作为内容的基础将为我们带来巨大的好处，这是我们不应该忘记的。我的平台或体验如何给用户带来自主感？我的平台如何确保用户对能力的需求？如何确保体验符合刺激和乐趣的需求？？ 应对这一挑战没有单一的方法。我们能做的是检查我们网站的工具、按钮、表单和内容，彻底分析它们如何影响用户的情感需求。 从这个意义上说，形式影响用户的自主性，内容影响乐趣和愉悦，过滤器影响对能力的感知，配置文件的配置我们的自尊，因此我们必须注意的很长一段时间等等。设计经验的时间。 因此，我们必须极其谨慎地对待我们生产产品或服务的方式，如果我们不能满足这些基本需求，我们的客户就会抛弃我们，转而寻找更愉快、更轻松的替代方案。避免这种情况的主要建议是关注细节并分析我们设计的用户，只有这样我们才能确定如何帮助他们进行交互。