第57章 鱼尾巴(2 / 2)

她画得很快,几分钟就勾出几个头像框的草图,圆形,边缘有简单的花纹,金色的那款加了一圈光晕。

又画了几个徽章,盾牌丶奖杯丶星星,小图,线条乾净。

她把速写本转过来:「是这样吗?」

叶明看了看:「对。」

李悦也凑过来看了一眼:「可以。」

林听把速写本翻回去,又抬起头:「事件切换的时候呢?每个事件弹出来,需不需要做个过渡效果?比如淡入,或者从边缘滑进来。这些视觉上需要我提前设计吗?」

叶明看向李悦。李悦说:「过渡效果可以做,淡入用CSS3的transition,滑进来也简单。

这些是前端的事,你不需要管具体怎么实现。

但如果你有视觉上的想法,比如希望滑进来的方向统一,或者淡入的速度,可以提出来,我按你的设计稿做。」

林听点了点头:「那我回去把过渡效果的方向和速度标注在设计稿里。淡入,从正上方落下来,像翻一页纸落定。速度不用太快,0.2秒,让用户知道翻过去了。」

李悦在速写本上记了一笔:「行,按你的来。」

叶明又说:「事件选项呢?用户点选的时候,按钮需不需要反馈?比如点下去的时候暗一下,或者弹一下。」

李悦说:「这个我做。按钮反馈是基本交互,点下去变个色或者加个阴影,用户知道点中了。林听你只需要标注按钮的默认丶悬停丶点击状态的颜色就行。」

林听点了点头,在速写本上记了一笔。

叶明想了想,又说:「还有排行榜和好友榜。这两个页面不需要太花哨,但数据要清楚。排名丶用户名丶积分,按顺序排下来就行。可以做个分页,不用一次加载太多。」

李悦接话:「分页好。一次加载太多,资料库压力大。前端做个分页组件,每页显示二十条,用户自己翻。」

林听低头记了一笔。

叶明又说:「借我人生和共赢人生,这两个是互动功能。界面上需要突出『借用』和『共赢』的按钮,让用户一看就知道点了之后会发生什么。文案上也可以做点文章,比如『借用好友的人生开局』。」