用户界面设计中的面包屑是什么？
Posted: Tue Jan 07, 2025 5:56 am
在用户界面 (UI) 设计中，面包屑导航是显示在网页顶部的辅助导航辅助工具。它们以清晰的分层格式呈现超链接，向用户显示返回主页或上一节的路径。这一系列链接对深度或分层网站非常有用，因为它让用户本能地了解他们在网站结构中的位置。
以下是面包屑导航在典型的电子商务网站上的显示方式的简单示例：
首页 > 分类 > 电子产品 > 手机 > iPhone
在此示例中，用户可以点击面包屑路径的任何部分，例如“类别”返回 西班牙 whatsapp 电话号码 类别页面或“电子产品”查看其他电子产品。该系统既是路线图，也是导航捷径，通过为用户提供多种导航选择来提高可用性。
面包屑的类型
并非所有的面包屑都是一样的。通常，它们有三种不同的类型，具体取决于网站的结构和设计目标：
基于位置的面包屑导航：这是最常见的面包屑导航类型。它们向用户显示其相对于网站其余层次结构的位置。例如，在电子商务网站上，面包屑导航路径可能如下所示：主页 > 男士 > 鞋子 > 运动鞋。
基于属性的面包屑：这种类型的面包屑传达特定页面内容的属性或元数据。它们主要用于电子商务，其中产品可以根据不同的特征进行分组。例如：首页 > 电子产品 > 手机 > 三星 > Galaxy S21。
基于路径的面包屑导航：这些面包屑导航显示用户到达特定页面的实际路径。这种导航不太常见，如果用户通过多个步骤或非线性路径导航到当前页面，可能会造成混淆。基于路径的面包屑导航通常类似于浏览器历史记录。
以下是面包屑导航在典型的电子商务网站上的显示方式的简单示例：
首页 > 分类 > 电子产品 > 手机 > iPhone
在此示例中，用户可以点击面包屑路径的任何部分，例如“类别”返回 西班牙 whatsapp 电话号码 类别页面或“电子产品”查看其他电子产品。该系统既是路线图，也是导航捷径，通过为用户提供多种导航选择来提高可用性。
面包屑的类型
并非所有的面包屑都是一样的。通常，它们有三种不同的类型，具体取决于网站的结构和设计目标：
基于位置的面包屑导航：这是最常见的面包屑导航类型。它们向用户显示其相对于网站其余层次结构的位置。例如，在电子商务网站上，面包屑导航路径可能如下所示：主页 > 男士 > 鞋子 > 运动鞋。
基于属性的面包屑：这种类型的面包屑传达特定页面内容的属性或元数据。它们主要用于电子商务，其中产品可以根据不同的特征进行分组。例如：首页 > 电子产品 > 手机 > 三星 > Galaxy S21。
基于路径的面包屑导航：这些面包屑导航显示用户到达特定页面的实际路径。这种导航不太常见，如果用户通过多个步骤或非线性路径导航到当前页面，可能会造成混淆。基于路径的面包屑导航通常类似于浏览器历史记录。