News Center

最新的动态、网站设计、移动端设计、网页相关内容与你分享!

2020网页设计如何吸引用户注意力

发布时间:2020-04-14  

      网站中“立即购买”按钮比整个“关于咱们”的页面更为重要,假如您的确希望进行这种出售,则需求相应地确定用户的关注重点。召唤性用语(例如“购买”按钮)需求看起来不错。

   1.比照

  招引眼球的第一个也是最简略的方法是使用比照度。“比照”是指规划的重要元素有必要以有意义的方法与众不同。看看我在那里做什么?

  现在,评论几种比照:

  ●亮/暗比照

  ●色彩比照

  ●尺寸比照

  ●风格比照

  其中大多数都是自我解释,但让咱们细心研究一下。

  光线暗

  明亮的事物与黑暗的事物锋芒毕露,反之亦然。很简略,对吧?好吧...这取决于,假如您的网站大部分内容都很明亮,那么将召唤性用语设置得又大又暗(或许至少比其他全部内容都暗些)。

可是,有许多规划都具有高明暗比照,这是整个布局的特征,而且这种比照能够使全部东西都具有结构感。在这种情况下,您将需求使用另一种比照来引导人们的注意力。

  款式

  风格上的差异能够用我之前做过的粗体文字笑话来说明。可是,要看一个更注重UI的示例,咱们来谈谈“Ghost按钮”。Ghost按钮是带有概括但没有背景色的按钮,一般与常规按钮结合使用,例如IndieGoGo的主页上:

  尺寸

  使重要按钮大于其他按钮;使标题文字大于其他文字。大小比照不仅能够使事物锋芒毕露,而且还有助于在页面中建立层次结构。

  色彩

  这是不言自明的。光芒耀眼的色彩,甚至仅仅不同的色彩,足以使事物锋芒毕露。在此示例中,色彩用于消除许多排版搅扰。

      我敢打赌,您能够说出他们真实要您单击哪个按钮。风格上的比照使这一点很清楚。

   2.图片

  不管咱们是在谈论拍摄,插图,绘画或3D图形,图画都能招引眼球。您能够轻松地经过图片重定向任何人的注意力。唯一真实的例外是被其他图片围住的图片。

  当然,您能够将图画用作它们自己的焦点对象,但也能够使用它们来招引其他事物,例如文本或放置在其上方的按钮。您不以为这些仅仅漂亮的背景,对吗?那或许是工作开端的方法,可是现在,全部都经过了更多的核算。

  假如您真的想竭尽全力,请以图片指向的方法发出召唤。这便是所谓的“协同作用”,尽管听起来听起来很有合作精神,但它往往会起作用。

    3.动画

  假如您以为咱们喜爱图片,那么让我告诉您有关动态图片的信息。没错,可是,假如房间中没有其他风趣的工作发作,那么不管播放什么,我的眼睛都会无情地招引着剩余的电视。或许是体育比赛,白日脱口秀,甚至是肥皂剧,我都很难将视野移开。咱们大多数人都会。

  运动便是那样招引眼球。它开始是作为生存反射,现在咱们只需求知道Brian是否会重拾记忆并与Patricia成婚,或许她是否会永远被凶恶的双胞胎Drake困住。经过将一些动画作用融入按钮,有用的东西提示以及您真实希望人们首要阅览的任何文本等内容中,从而使用反射作用来发挥自己的优势。

   4.常规

  最终,使用用户的默认行为形式。作为网络用户,咱们大多数人都受过练习,能够在顶部查找导航,在其下方查找召唤性用语,在底部查找更多的CTA。将重要的信息和功用放在人们希望找到的当地是一种完全有用的策略。

  还请记住,您是为从右到左仍是从左到右阅览的人规划的。例如,说英语的人一般会首要看着屏幕的左边。虽然有话要说打破常规,但不要低估简略却根深蒂固的习惯的力气。

   5.少用重点

  当全部内容都是粗体时,粗体文本往往会模糊在一起,而不是将重要信息耗费到用户的大脑中。假如页面上有许多图片,而且您没有运行拍摄作品集,则用户或许会分神。而且不要让我开端过度使用动画。当全部进展顺畅时,您怎么希望他们阅览长于一句话的任何文本?

  所以如何吸引用户眼球,才是需要下功夫的地方。


标签:

如没特殊注明,文章均为梦魅网络原创,转载请注明来自http://www.monmei.com/news/show/519 。部分图片及文字来源于网络,若有侵权,请告知删除!