经典交互设计框架:首页—列表页—详情页

1个月前 (11-18 10:08)阅读1回复0
kewenda
kewenda
  • 管理员
  • 注册排名1
  • 经验值81710
  • 级别管理员
  • 主题16342
  • 回复0
楼主

典范交互设想框架:首页—列表页—详情页

一个典范的交互设想框架——“首页—列表页—详情页”

那个框架契合一般用户的利用习惯,也是人们处置信息的根本形式。

用户在列表页上的次要行为是对信息停止挑选和比力,以便做出决策,决定进入哪个详细条目去领会详情。因而,列表页承载的是用户对下一层信息的概略领会,是详情页信息的缩略版。

若是列表中的条目比力多,就会需要某些排序规则或分组规则,以便让列表中的条目信息的闪现更有法例。列表页底部常常会呈现翻页器,有时也会用“无限加载”那种处置体例。

列表的详细形式 垂曲式列表

因为用户的阅读习惯一般都是“从左往右,从上往下”的,所以垂曲式列表一般接纳的都是左对齐的款式。在设想的时候需要平衡好条目标详细水平和条目数量之间的关系。因为条目内容越详细,条目所占空间就会越大,响应地单屏上条目标显示数量就会越少。好比淘宝订单列表页和通信录的差别。

垂曲式列表一般有三种形式:原则形式、图文连系形式以及掌握形式。

横向式列表

就是轮播图和走马灯,用户通过摆布手势滑动来聚焦到当前的内容。横向式列表的条目数量不克不及太多,掌握在5~7个以内为好,以制止用户操做委靡。在设想上可供给表示,例如露出下一张的部门内容,或者添加分页指示器,让用户在阅读条目时连结明晰的标的目的感和对数量的认知。

网格局列表

兼顾了两种维度的列表形式。根本上都是以展现图片为主,间或会共同一些文字阐明。展现大量图片时,网格局列表是更好的选择。原则的网格局列表是“田字格”形式,排版上有一丝严谨和标准的意味,而“瀑布流”的排版款式则显得较为随意,常见于一些图片阅读类的软件,如花瓣等。

0
回帖

经典交互设计框架:首页—列表页—详情页 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息