第57章 鱼尾巴（1/2）

一个女生站在门口，背著黑色画筒，头髮扎得很高，马尾垂在肩后。

五官清秀，身量纤细，穿一件藏青色的薄毛衣。她没急著进来，目光扫了一圈机房。

李悦抬头看见，站起来迎过去：“学妹，这边。”

她拉著女生的胳膊往里走，带到桌边，转头对叶明说：“这是林听，校学生会宣传部副部长方晓专门推荐的，艺术学院大二，之前大广赛拿过全国奖。”

又对林听说，“这是叶明，这个项目的发起人，我们的老板。”

林听冲叶明点了点头。李悦拉了两把椅子过来：“坐下说。”

几个人围著桌边坐下。

林听从画筒里抽出几张草图，展开铺在桌上。

图纸画得很细，浅灰底色，深灰边框，留白很多，强调色用深蓝，像书页里的批註。

页眉页脚的位置留了白，中间是文字区域，边框做了旧，像纸张放久了的顏色。

叶明看了几秒：“能不能更像一本书？翻页的效果。点一下，翻一页，像真的在翻书。”

林听没急著接话，低头在速写本上记了几笔，然后抬起头，看向李悦。

李悦凑近看了看图纸，手指在纸面上轻轻点了两下：“翻页效果用css3做。2d变换没问题，3d兼容性不好说。先做轻量版，淡入淡出加边缘阴影，等用户量上来再叠代。”

林听点了点头，又记了一笔。

叶明又说：“抽卡的时候，稀有卡片能不能加个光晕或者震动？”

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

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

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

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

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

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

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

叶明看了看：“对。”

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

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

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

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

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

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

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

叶明又说：“事件选项呢？用户点选的时候，按钮需不需要反馈？比如点下去的时候暗一下，或者弹一下。”

李悦说：“这个我做。按钮反馈是基本交互，点下去变个色或者加个阴影，用户知道点中了。林听你只需要標註按钮的默认、悬停、点击状態的顏色就行。”

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

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

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

林听低头记了一笔。

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

李悦想了想：“按钮样式可以跟普通按钮区分开，顏色亮一点，或者加个图標。”

林听抬起头：“图標我可以画，简单的那种，不占资源。”

叶明点头：“行。那就这样。”

林听把速写本翻回去，把刚才记的需求又过了一遍：“翻页效果、抽卡特效、头像框、成就徽章、排行榜、好友榜、借我人生、共贏人生，加上书本感ui，再加上事件切换的过渡效果和按钮反馈的视觉標註。”她抬起头，“这些加起来，不是一两天能做完的。”

叶明问：“多久能出？”

林听低头算了算：“翻页和页面结构周日，头像框和徽章至少要周一。”

叶明又问：“价格呢？”

林听说：“五百打底，效果好再加三百。一共八百。”

叶明想了想：“行。翻页和页面结构周日给我们，头像框和徽章儘快。切图李悦姐来做，你只管设计稿和视觉规范。”

林听点头，把图纸和速写本收进画筒，站起来。李悦也站起来：“我送你。”

两人往门口走，李悦拉开门，侧身让林听先出去。走廊里传来几句低低的说话声，听不清说什么。门关上了。

过了两分钟，李悦推门回来，坐回自己位置上。

李悦刷了一下电脑屏幕，语气沉下来：“千度网盟13號上线，咱们备案还不知道要等多久。20个工作日，10月2號交的，10月8號才算第一个工作日，今天才第二个。等备案下来，黄花菜都凉了。”