笔灵AI论文写作三步搞定，GO>>
等量条目分隔线思维导图
免费下载
免费使用文件
小周不恰香菜 浏览量：02022-09-14 16:35:39
已被使用0次
充分了解互联网中产品经理关于交互规范的内容（等量条目分隔线），记住关键知识点。
树图思维导图提供 等量条目分隔线思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 等量条目分隔线思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：a199c9eb25925ee2769d0dbb1c808d7d
思维导图大纲
等量条目分隔线思维导图模板大纲
【设计意图】
使页面更加有条理，看起来更清晰
让用户清楚自己当前浏览的条目位置
让用户感觉到一部分告一段落，减轻用户的视觉疲劳和心理负担
【应用条件】
同一页（或同一框架）中显示超过70条记录时
列表条目之间无逻辑分组的关系
【模式描述】
组成
横线 + 条目数指示
应用规范
分隔线只是起辅助作用，不是用户注意的重点，视觉上不能过于醒目，不能干扰用户的视觉重心
每20条记录出现一条分隔线
分隔线中间标注该分隔线分隔截至的条目数或其他指示
条目数指示同样不易过于醒目
分隔线的分隔效果需要有合适的留白来辅助完成。故在分隔线上方和下方必须留出合适的空间
分割线的宽度不能贯穿整个列表区域，两边需要留一些余地（否则无法起到分隔作用，还会将页面割断）
【扩展描述】
上/下条目跳转
在分隔线的两端分别显示向上和向下的图示，用户通过点击它们分别可以转到上一个或下一个分隔线处
两个图示的视觉感觉不能太强烈，在鼠标移过时可以清晰一些以提供受范式反馈
返回顶部
在分隔线右侧显示“回到顶部”的图示
图示的视觉感觉不能太强烈，在鼠标移过时可以清晰一些以提供受范式反馈
可以加以文本说明作为反馈形式
沪公网安备 31011502019485号
上海工商