大型网站面包屑设计
2020-05-18
网站建设
1400
如何看懂这张导航图呢？有三点。第一点，找到自己的方位；第二点，找到曾经走过的方位；第三点，找到自己要去的方位。这便是面包屑规划的初衷。
什么是网站面包屑规划？
为什么要叫面包屑规划呢？这源于一个西方童话故事，故事中两个孩子用面包屑组成一条回家的路。在数字世界中，面包屑为您的站点用户供应了追溯到原始着陆点的功用。因此，在外行人看来，“面包屑”是辅佐导航，帮助您的用户经过您的网站/应用程序。
关于一些企业网站来说，其实并不需求面包屑规划，访客可以一眼即知，自己处于网站的何种方位。可是关于大型网站而言，如购物网站、门户网站，访客需求知道自己处于网站的哪个方位，这就需求面包屑规划。
面包屑规划的目的
面包屑是一个有用的视觉辅佐，因为它表明晰用户的方位在网站的层次结构。因此，这使得用户很简略了解他们地址的方位以及他们可以导航的其他方位。
除了用户的观点，面包屑也非常有用的搜索引擎优化，因为它很简略导航经过你的网站，你的弹跳率大幅下降。
此外，您还期望最小化用户的操作数量，并为他们供应无缝体会。一项研讨显现，运用面包屑导航的用户结束网站使命的速度要比不运用面包屑导航的用户快得多。
面包屑规划三要素
在咱们深入研讨面包屑的规划方面之前，面包屑规划一般包含如下三个要素。
1.途径:
望文生义，根据途径的面包屑显现用户抵达当前页面的途径。这种类型的面包屑供应了类似于跋涉和撤退按钮的功用，因此它是最少运用的。
2.地址:
根据方位的面包屑指示当前页面在网站层次结构中的方位。
3.特色:
根据特色的面包屑根据网站的特色或类别来辅导用户。这种类型的面包屑更常用于电子商务网站。
面包屑规划准则
不是主导航。面包屑不是首要的导航;它是一个非必须的功用，只是为了支撑用户的导航。你的主页不需求面包屑。
不要突出规划。 因此，它们不应该被规划成一种招引任何注意力的方法。简略来说，它们不应该是你规划的中心。过于众所周知的规划可能会分散拜访者对首要导航的注意力。
风格与页面匹配。元素的样式和大小调整应该使其与页面的其余部分完全结合在一起。它应该是你的用户在拜访你的网站时注意到的第一件事。不要让你的规划太突兀，也不要规划得让人很难找到。'
方位很要害。你的主导航应该在页面的顶部，因为面包屑是非必须导航，它应该在你的主导航之下，但在页面内容之上。
相似性。 因为在你的网站的每个页面上都有面包屑，所以要确保它们以相同的方法放置，并占有相似的空间。
运用通用符号。一般的面包屑都是运用大于号，不要运用古怪或者不常见的符号。
防止在移动网站运用。 如果你觉得你的移动网站需求导航栏来导航用户，那么你的检查表上的第一件事应该是从头检查和剖析你的规划。当涉及到移动站点时，面包屑甚至不应该出现在议程上。