河畔志 首页 关于 链接

红绿灯设计实例

最简单的红绿灯,仅安排一个灯变换颜色,它无法支持色盲者。
但若区分出红、黄、绿三灯,基于位置关系,色盲亦可辨别。

针对行人优化,红灯为停的人形,绿灯为两帧行走幻灯片(简单动效),区分明显而人性化。

曾经看到的一种再优化,很欣赏。
适当调整LED灯的位置和数量,让绿灯动效从两帧变为5帧(更加平滑)。并且越临近红灯,动画播放得越快。
(不仅表现了剩余时间,行人亦会受到动画的暗示,跟随动画加快脚步)

黄灯优化

在黄灯前闪烁绿灯,作为「黄灯前的黄灯」。
初衷应该是减少「闯黄灯」的概率,但猜测实际可能会产生反作用。

固定链接: https://gearkey.vvnote.org/index.php/post-72.html 

发表评论:

(邮件地址不会被公开,同时用于显示与之关联的 Gravatar 头像)