597

问答题 597 /857

在某一页面中,分为上下两个区域,上区为图片预览区,下区为图片查看区,用户可将预览区的图片拖拽至查看区来查看图片详情,也可将查看区的图片拖回预览区;预览区最多可同时展示6张图片,查看区最多可同时查看5张图片。在当前页面中,预览区的图片数量加上查看区的图片数量总数不可超过6张。请设计一种交互和展示方案,满足当图片总数为1~16张中任意数量时,使得用户可以随时预览并查看所有图片。

参考答案

上方预览区,以小图标的形式呈一行排列,队列长度最大16,仅显示前5张预览图。
下方查看区,默认打开一张图片,如无指定即为预览区队列第一张。

交互方式:默认打开预览区第一张,不喜欢或不需要放到查看区则上划,该图片自动排序到预览区队列尾部。喜欢或保持到查看区则下划,收藏到展示面板,展示面板最多容纳6张图片,左划页面进入展示面板。点击对列内的预览图即打开到查看区,其他操作同上。