Axure原型设计之yahoo组件库免费.docVIP

Axure原型设计之yahoo组件库 By 佳和讯拓软件设计组 2011年4月16日顶部导航条(Top Navigation Bar)_Yahoo_Pattern 3 解决什么问题? 3 什么时候用? 3 具体解决办法是什么? 4 为什么使用这个组件? 5 左侧导航条(Left Navigation Bar)_Yahoo_Pattern 6 解决什么问题? 6 什么时候用? 6 具体解决办法是什么? 7 为什么使用这个组件? 9 可访问性 9 开放式问题? 9 进度条(Progress Bar)_Yahoo_Pattern 10 解决什么问题? 10 什么时候用? 10 具体解决办法是什么? 11 为什么使用这个组件? 12 答疑 12 导航标签(navigation Tabs)_Yahoo_Pattern 13 解决什么问题? 13 什么时候用? 13 具体解决办法是什么? 14 为什么使用这个组件? 14 可访问性 15 搜索翻页(Search Pagination)_Yahoo_Pattern 16 解决什么问题? 16 什么时候用? 16 具体解决办法是什么? 16 为什么使用这个组件? 18 可访问性 19 项目翻页(Item Pagination)_Yahoo_Pattern 20 解决什么问题? 20 什么时候用? 20 具体解决办法是什么? 20 为什么使用这个组件? 21 可访问性 21 模块标签(Module Tabs)_Yahoo_Pattern 22 解决什么问题? 22 什么时候用? 22 具体解决办法是什么? 23 为什么使用这个组件? 23 可访问性 24 手风琴导航(Accordion) 25 解决什么问题? 25 什么时候用? 26 具体解决办法是什么? 26 为什么使用这个组件? 27 特殊情况 28 可访问性 28 顶部导航条(Top Navigation Bar)_Yahoo_Pattern 这个可能是最简单也最常用的组件了,所以内容也不多……. 原文地址:?/ypatterns/navigation/bar/topnav.html 用户为了完成任务需要找到必须的内容和功能.顶部导航条在水平的紧凑的空间内提供给用户已分类内容的访问入口. 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 2-12个分类 分类的标题相对较短并且可预测 分类数量基本不会变 为一个web产品展示顶级导航时 配合标签来展示二级导航 如果页面宽度很重要,用它来替代左侧导航条 通过控制导航条的状态来跟踪和展示用户当前位置很困难,成本很大时,用它来替代标签. 分类都属于一个产品时 具体解决办法是什么? 在一个水平的横条上显示一系列单行的链接,如果有网站头部,则放到头部之下. 可以通过与”标签”一起使用,在导航条中同时显示一级和二级导航 如果只使用顶部导航条,最好第一个链接是”首页(Home)”.应该指向网站的首页 但是如果顶部导航条是用在一组标签下,那么标签的第一个应该是”首页”并且具有同样的功能 在导航条中用留白和”管道符” “|”(或者是垂直居中的”点”,或者是简单的视觉元素)来分隔每一个分类 顶部导航条中链接的所有页面本身也一定要显示在顶部导航条 当顶部导航条数量过多时,建议使用”更多..”的链接,或者考虑使用左侧导航条 与标签一起使用来显示高层级的内容 跟左侧导航条一起使用来显示二级或三级内容 关注内容的划分范围(符合用户的心智模型)比关注页面的展示更重要.因为最常见的错误是将一系列没意义的内容归在一类. 尽可能降低分类之间的交集 让分类之间的界限尽可能的清晰(例如,很容易猜到想要的东西是否在一个分类中) 避免过于宽泛或者过于特殊的分类名字. 为什么使用这个组件? 顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容 左侧导航条(Left Navigation Bar)_Yahoo_Pattern 原文地址:/ypatterns/navigation/bar/leftnav.html 用户为了完成任务需要找到必须的内容和功能.左侧导航条在垂直的紧凑的空间内提供给用户快速访问已分类内容的入口. 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 分类至少有4个 分类可能会超过10个 分类的标题可能会很长或者是系统生成 页面宽度没问题 推荐二级导航内容;比如,当在信息架构层面,所展示的分类是这个页面标题的子元素时 当展开/隐藏是有必要的 为了让二级或三级导航条有更好的可见性,可以用来替代标签或顶部导航条 分类是属于一个单独的产品 具体解决办法是什么? 在页面标题下方以一列的方式显示一系列链接,并且左对齐. 对于更高级别的导航可以结合