UI.

5个控制焦点提示

Ezequiel Bruni. 经过 Ezequiel Bruni.  |  7月26日,2019年

您网站内容的一些比特比其他人更重要;这只是一个事实。 “立即购买”按钮几乎肯定比整个“关于我们”页面更重要,并且如果您真的想要那个销售,你需要相应地指导用户的焦点。这就是我们在这里的原因:您可能会致电NewBie的控制焦点指南。

你将以这样的方式建立你的网站,即眼睛自然地从一个步骤到下一个步骤。

我的妹妹曾经通过严厉而平静地完成控制我的重点,告诉我在一天内从十五到四十次回到四十次。但是您的用户不会拨打一些音乐和“扣”完成浏览您的网站,他们需要绘制。

呼吁采取行动 - “购买”按钮,例如需要查看 好的.

 

对比

抓住眼睛的第一种和最简单的方法是使用对比。通过“对比”,我的意思是 设计的重要元素 需要以有意义的方式从其他方面脱颖而出。看看我在那里做了什么?

现在,讨论有几种对比度:

  • 浅色/暗对比
  • 颜色对比
  • 尺寸对比度
  • 对比风格

大多数这些都是相当自我解释的,但让我们走过来。

光线暗

光的东西从黑暗的东西中脱颖而出,反之亦然。相当简单,对吧?嗯......这取决于。如果你的大部分网站都非常明亮,那么让你的呼吁发生大而黑暗(或者至少比其他一切都越暗)是有意义的。

光线暗

然而,在那里有很多设计,其中高光/暗对比是整个布局的一个特征,并且对比度用于使一切都具有结构感。在这种情况下,您需要使用另一种对比来指导人们的焦点。

颜色

好的,这一是 自我解释。溅起的颜色,甚至是一种不同的颜色,足以让事情脱颖而出。在此示例中,颜色用于切割大量印刷噪声。

颜色

尺寸

使得比其他按钮更大的重要按钮。使您的标题文本比其他文本更大。尺寸对比度不仅可以让事情脱颖而出,而且有助于在页面中建立层次结构。

尺寸

风格

风格的差异可以通过较早的粗体笑话如同粗体笑话说明。但要查看一个更加偏心的榜样,让我们​​谈谈“幽灵按钮”。幽灵按钮是具有轮廓的按钮,但没有背景颜色,它们通常与常规按钮组合使用,如Indiegogo的主页:

鬼房

我打赌你可以告诉他们哪个按钮 真的 希望你点击。风格对比使这清楚。

 

2.图像

无论是在谈论摄影,插图,绘画或3D图形,图像抢眼球。您可以通过图片轻松地重定向任何人的注意力。唯一真正的例外情况是其他图片包围的图片。

当然,您可以使用图像作为焦点对象,但您也可以使用它们将眼睛绘制到其他东西,例如放置在其中的文本或按钮。你不认为这些只是漂亮的背景,你呢?这可能是如何开始的事情,但这几天的一切都很重要。

如果你真的想全力以赴,请将您的呼叫放在这样的方式,使其看起来像是照片指向它。这就是你的经理称之为“协同作用”,尽管听起来如此非常有企业,但它往往会工作。

Imagery2.

 

3.动画

如果你认为我们喜欢照片,请告诉你 移动图片。不,但认真地说,如果在一个房间里没有什么比在一个房间里更有趣,我的眼睛会因任何被留下的电视而被绘制,无论是在玩什么。它可能是运动,白天谈话表演,甚至是肥皂歌剧,我会遇到困难。我们大多数人都会。

运动只是抓住这种方式。它开始作为生存反射,现在我们只是 要知道Brian会恢复他的记忆并嫁给Patricia,或者如果她会永远被他的邪恶双胞胎德雷克困住。通过将一些轻的动画融入按钮,有用的工具提示以及您真正希望人们首先阅读的任何文本,将一些轻的动画与您的优势结合到您的优势中。

动画片

 

4.公约

最后,利用您的用户的默认行为模式。作为Web用户,我们大多数人都接受过培训,以查找附近的导航,呼叫在此下进行操作,底部更多CTA。提出了人们希望找到它们的重要信息和功能是一个完全有效的策略。

还要记住您是否为左右读取的人或左右设计。例如,英语扬声器,例如,将首先查看其屏幕的左侧。虽然有些东西可以说是为了打破模具,但从不低估简单而深入的习惯的力量。

习俗

 

5.谨慎使用重点

当一切都是大胆的时,粗体文本往往往往会模糊,而不是将重要信息燃烧到用户的大脑中。当页面上有很多图片时,您没有运行摄影产品组合,用户可能会分心。不要让我开始过度使用动画。当一切都在移动时,你希望他们如何阅读你的任何文字,这是一个不仅仅是一个句子?

为了真正吸引和关注您的用户对一两件事的注意,您需要消除,或者至少不明望可能争夺他们的注意力。与其他网站竞争,而不是您自己的内容。