html实现点赞评论功能_UI设计中评分功能设计总结

　　很多 APP 中都有评分功能，比如豆瓣的按照 1-5 颗星给电影评分，或者知乎中按照赞同或反对给答案的评分等等。这篇文章主要分享一下评分功能的作用以及常见的模式。今天我就针对UI设计中评分功能设计总结进行简单的说明。

　　评分的作用

　　主要作用有三个：1.对评价进行可视化处理，便于查看和理解，让用户对内容有一个感性的认知;2.给内容创造者给予反馈，比如 QQ 空间的点赞让人获得成就感;3.供他人作参考，帮助他人做决策，比如根据一部电影的评分决定要不要看。

　　评分的模式

　　不同的评分展现模式，具有不同的特点和使用场景，也会给别人带来不同的感受和认知。主要的展现模式有四种：

　　1.单向评分

　　这种模式只能表达正面的想法，常见的有“点赞”或“喜欢”，适用于只鼓励用户表达积极评价的场景。比如好友之间的交流，没有负面评价，可以使交流氛围更加融洽。如下图：

　　以 QQ 和微信为例，基本上都是朋友或同事，尽管设置一个和点赞相对立的按钮，就算有负面的想法但是出于礼貌可能也不会去点。还有值得注意的一点就是，点赞数在一定程度上会影响人的判断。QQ 的点赞数所有人都可见，但微信的点赞数只有相同好友可见。比如看到 QQ 好友的动态那么多人都点赞了，也会忍不住点一下，点赞的动机可能是出于礼貌。但每当面对朋友圈，我都认为自