如何区分链接到其他网站的菜单项

平面设计 网站设计 字体推荐
2022-02-09 16:36:28

我在一所大型大学工作,我们正在尝试为我们的下拉菜单提出一些想法,这些想法相当标准,不太花哨。

该大学有自己的主站点和许多子站点,每个站点都有自己的一组菜单链接。除了域名和主题之外,这些基本上都是独立的站点。

这些子站点通常在其主菜单中相互链接,这可能会让人迷失方向。您单击菜单中的链接,转到页面,想要查看相同的菜单,但您完全在不同的站点上,因此您有不同的菜单选项。

有没有好的方法可以直观地区分这些跨站菜单链接?我想知道链接旁边的箭头图标或其他东西是否有助于让人们知道他们正在离开该网站。

4个回答

我会简单地使用一个小的、不显眼的“新窗口”图标....

在此处输入图像描述

为什么不将所有外部链接放入一个名为Partners或类似的下拉列表中,并使用本文中建议的所有微妙指标?

我不会假装这些都是我自己的想法,它们来自这篇文章中的所有其他人。我刚刚将它添加到自己的下拉菜单中,因为对我来说,这比将它与内部导航混合更有意义。

在此处输入图像描述

结合所有指标,我认为很明显是在说“这些链接在站点之外”,或者简单地说,“这些链接是不同的,一旦你点击它们就会明白为什么”。

如果您必须在站点上包含每个站点,为什么不创建一个多色导航面板,如果它们不同,则使用每个站点的颜色。单击顶层将指向站点的新页面,但也允许以颜色样式作为背景的下拉导航,或者在左侧或右侧做一条实线以仍然表明您在该站点中。

可能是这样的,但我会在底部使用一条简单的线而不是纯色背景:

在此处输入图像描述

如果您需要列出所有这些,我还会在页脚中添加一个站点地图以便于访问。

从个人网页设计的角度来看,我可能会将每个站点定位为顶部的预标题,它不使用下拉菜单,而是target="_blank指向站点。这将有助于获得更好的体验,然后只需为每个站点编写页脚,将站点作为页眉,并将其下方的链接与每个站点的主导航面板一起编写。生成带有指向站点地图的链接的后页脚选项

你当然应该以某种方式给它们一个不同的外观(它几乎可以是任何东西,只要它在所有站点上都是一致的),但要伴随它,title="Opens a different website in a new window这样消息就会在悬停时作为工具提示弹出。您还可以将访问者带到一个中间页面,告诉他们他们将离开当前站点。

除非您有令人信服的理由不这样做,否则我还建议您制作所有此类链接target="_blank",以尽量减少混淆。