设计导航有两个方面:如何构造内容,以及如何将结构呈现给用户。显然,这些不是分开的,并且结构(通常)有助于表示。
导航涉及策展(即使可能已经确定了需要包括的内容),如何构成该内容,各组之间的关系以及用户在它们之间的移动方式构成了导航。
菜单无论采用哪种形式,都为导航提供路标。它告诉用户他们在站点中的位置以及如何到达其他地方。
约翰·加尔
约翰·加尔( John Gall)可能以其书籍封面设计而闻名,他的网站以此为荣。代替了标准菜单,我们获得了“平装”网格,每个网格都是可单击的缩略图,可打开有关所选项目的信息。带有他首字母缩写的缩略图可打开有关他的信息。
如果您想使用这种方法,请确保所呈现的作品质量最高
这是一个非常简单的基本设计,无论在视觉上还是行为上。除了每篇精选作品的最简短信息以及外部和社交媒体链接之外,它的文字内容很少。这个站点是关于工作的全部;如果您需要意见和解释,那么还有其他地方。
但是,它并不感到冷漠,过于正式或缺乏个性。这样的导航不会感到困难或晦涩。内容就是导航,它给人以动手,身临其境的感觉。
遗憾的是,由于桌面行为被屏幕顶部的上一个,下一个和索引按钮所取代,因此在移动设备上有点令人失望。令人失望的是,桌面行为在移动设备上可以很好地运行。
这种剥开式的样式很难完全拉开,因为它完全取决于作品的质量。如果要使用这种方法,请确保所呈现的作品质量最高。
Jordan Sowers的作品集网站是导航工作缩略图的另一个很好的选择。在这里,图像彼此叠加,用户滚动以移动整个堆栈。单击任何项目都会打开一个模态,其中包含更多图像和一些详细信息。滚动到最底端会显示出最简短的职业和联系信息。 至少就用户所知,移动设备上的行为是相同的,这很高兴看到。 由于每个模态还包含指向所有其他内容模态的链接,以及一个关闭按钮,因此可以从任何地方立即感觉到所有内容。导航简单明了,易于使用,但与通常的导航有所不同,使该网站令人难忘。通过模仿轻拂一堆实物投资组合印刷品的动作,不仅可以简单地单击按钮,还可以唤起用户的参与感。 实际上,该杭州网站建设的巧妙之处及其精妙的执行力,给它所展示的任何作品都留下了深刻的印象。约旦撒种