第57章 鱼尾巴

  林听记完，又看向李悦。李悦说：“光晕用box-shadow动画，震动用transform: scale。可以。”

  叶明想了想：“还有头像框。用户註册的时候选个默认头像，玩到一定成就能解锁新框。论坛里用，头像下面掛一排，谁有什么成就一目了然。”

  李悦眼睛亮了一下：“这个好。成就徽章也可以一起做，解锁隱藏成就弹一个徽章，掛在头像下面。”

  林听没说话，低头在速写本上画了起来。

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

  又画了几个徽章，盾牌、奖盃、星星，小图，线条乾净。

  她把速写本转过来：“是这样吗？”

  叶明看了看：“对。”

  李悦也凑过来看了一眼：“可以。”

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

  叶明看向李悦。李悦说：“过渡效果可以做，淡入用css3的transition，滑进来也简单。

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

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

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

  李悦在速写本上记了一笔：“行，按你的来。”