建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网页设计之文本链接和按钮的分析
发布日期:2018-05-08 阅读次数:735 字体大小:

  网页设计之文本链接和按钮的分析

  在网页设计中,我们经常遇到这样一个问题:“这是一个非常重要的文本链接。我们可以做一个更突出的按钮吗?”

  在按钮问题上,我曾经写过一篇文章,“按钮是谁?”它在干什么?首先,让我们简单地重复一下:目前,网页上有一些按钮不是真正的按钮,而是文本链接。我叫他们假按钮。不应使用按钮的形式使用伪按钮。

  文章没有提供更好的方法来显示伪按钮。现在,我不得不说,也许伪按钮仍然需要用按钮的形式来表达。

  伪按钮需要存在

  在现实生活中,电视遥控器有一个按钮,门铃是一个按钮,电话上有一个按钮,你面前的键盘上有一串按钮。按钮清楚地告诉用户,“这是可以点击的”,正是因为它是明确表达的,所以计算机的图形用户界面也模拟了现实的外观,并且有一个按钮。

  该按钮的最本质的意义是“点击”,点击后的效果是后来由设计规定。也就是说,我们完全可以说这个按钮并不意味着要提交什么表格。这样,将一个非常重要的文本链接显示为按钮似乎并不错误。

  一个网页不能指望自己的网页像用户所熟悉的使用Word软件,网页设计总是面向“新手”用户,大多数页面对用户来说都是陌生的,面对新的页面,大按钮无疑是指路明灯。

  没有其他的表达方式,假按钮只能是按钮的外观。

  一排蓝色的下划线的文本也显示可点击的,但它将更加突出、更加醒目如果做成按钮。

  显然,在将文本链接更改为按钮后,页面上的链接将更加突出。但谷歌没有这么做。实际上,谷歌页面上没有假按钮。他们不会把文本链接变成一个按钮来引导用户。这显然不足以满足大多数网站的需求。甚至像Flickr这样复杂的网站也需要一个像这样的伪按钮:

  也许你可以图形化链接文本链接?但这种图形很容易被误认为是广告。

  因为没有更好的方式来表达“点击”按钮的形式,一个伪按钮只能按钮。伪按钮的存在违反了图形用户界面的设计标准。所以,

  试着辨别真假按钮。

  “设计两种不同风格的按钮”-这似乎是一个很好的方法。然而,这样做是很不容易的。首先,你需要设计不同的图像,让用户知道这些东西可点击按钮。它们应该是立体的,上面的文字应该清晰显示文本。

  除了像我可以点击,两个还表示文本链接和按钮之间的差异:文本链接到另一个接口,点击后不会出现什么严重后果,如果你后悔,然后单击浏览器上的后退按钮。

  更可怕的是,按钮。点击后,邮件将被发送到对方的邮箱。这篇文章将被成千上万的人看到…两个如此抽象的概念,通过两寸尺寸来表达图像是困难的,雅虎要试一试:

  在小鼠中通过“我的雅虎!”在下划线的情况下,同一样式链接到该页上的其他文本。它看起来像一个按钮,但现在是时候告诉用户,页面上的按钮和其他文本链接有一些相似的地方。而真正的按钮“Web搜索”并不表现为文本链接。设计者使用这个下划线来区分真按钮和假按钮。

  另一种类似的方法是,下划线总是显示在按钮的文本中。虽然具体的形式不同,但想法是一样的:让伪按钮既有文本链接的外观,也有按钮的外观。

  然而,这种设计不够好。大多数用户会看到它是一个按钮。如果你有耐心和仔细研究,我可能会认为这是一个奇怪的按钮,即使你可以告诉“我的雅虎!”不同于“网络搜索”,很少有人能理解这种差异意味着什么。

  到目前为止,这样的测试还没有成功。

  有一种方法可以做到!

  由于这些重要的文本链接需要看起来像一个按钮,所以很难让用户理解页面上的两种不同类型的按钮。所以,不要做一个区别。只有两个元素的文本链接和按钮只看到用户。点击按钮的结果将被按钮上的文本解释。

  如果不区分真假按钮,我们需要花更多的时间来考虑哪些文本链接可以被“升级”为按钮。因为“升级”一个文本链接到一个按钮意味着他非常重要,而且在一页上不应该有很多重要的内容。

  同时,按钮上的单词表达也需要大量的精力,特别是对我们来说。我相信,大多数在中国,网页设计师和我一样,没有很强的表达能力。很明显,这个按钮不可能很长,用几句话来形容这个效果并不容易。但这是必要的。

  重要的是要强调一个整洁的按钮样式不应该是系统标准按钮,因为系统按钮是“真正的按钮”的标准模型。想象中的“了解更多”为标准的按钮看看,肯定比现在更可笑的话,阿扁。