我们知道很多网站、APP等的评价系统都有按星级评分的功能，大部分是5个星级，依次代表1~5分。且不论这些系统背后的复杂逻辑，单纯从用户打分的角度来讲，似乎是一个非常简单的功能，用户只需要在某个星星上点击一下就可完成打分。但对于一个看起来简单的功能，用Axure画出它的原型时，却会有多种方式。这篇文章就是要教给大家一个超级简单的实现方式。
一、原型效果预览
二、评分功能解析
这里我用一张图来表示（如下图）
两点交互说明：
- 鼠标放在某颗星上时，其对应的一个或一组星星高亮显示（如上图对应关系），鼠标离开后，高亮效果消失，恢复为初始态。
- 鼠标点击某颗星星时，锁定一个或一组星星的高亮显示，鼠标离开后，高亮效果不会消失。
闽ICP备13000641号-4