web端文章详情页-喜欢按钮视觉效果优化
2017-06-12 本文已影响76人
一只小虾
存在的问题
将鼠标hover到点赞按钮上,“喜欢”跟“喜欢人数”都会高亮,如下图所示。这样用户会以为这是一个按钮,而忽略了点击“喜欢人数”可以查看喜欢这篇文章的用户列表。

改进方案
鼠标hover到“喜欢”或“喜欢人数”上时,做视觉区分。如下图所示:


将鼠标hover到点赞按钮上,“喜欢”跟“喜欢人数”都会高亮,如下图所示。这样用户会以为这是一个按钮,而忽略了点击“喜欢人数”可以查看喜欢这篇文章的用户列表。
鼠标hover到“喜欢”或“喜欢人数”上时,做视觉区分。如下图所示: