快好知 kuaihz

评论区设计(三):如何做好直线分枝式评论?

文章以网易云音乐评论区为例,给大家讲解一下如何做好直线分枝式评论

网易云音乐的评论区排版,分三部分:近期热评——精彩评论——最新评论。本文只探讨最新评论区,最新评论区是直线分枝式评论设计。

左图是网易云音乐截图,右图是更改的样式

顶部导航栏,“评论总数”换成歌曲的名字,点击名字,回到音乐播放界面;转发的三角形图标改成小十字架图标,功能也有变化,新增“最新评论”的顺序调整,用户可以选择顺序看,也可以选择倒序看(很多APP评论区只能倒序)。

中间评论区,用户名字下移,时间移至右上角,“点赞”移至评论文本下方,“点赞”左边是“回复”,右边是“复制”。

中间评论区,跟帖部分,被回复评论回复评论位置上下互换,被回复评论前面的“@”去掉,同时用户姓名采用和评论文本一样的样色,两条评论之间采用细线隔开。

理由:

(1)“评论总数改成歌曲的名字”,评论区是通过点击音乐播放界面的评论小图标进入的,进入的时候,小图标会标明“评论总数”。出现在导航栏上的字,应该是评论区的主题,“评论总数”做不了主题,歌曲名字可以做主题。

“转发的三角形图标改成小十字架图标”,左边小箭头是三条小线段组成,右边的三角形除了线段,还有圆,感觉不对称,换成小十字对称些,而且小十字图标也可以清晰表达三角形图标的含义。

“用户可以选择顺序看,也可以选择倒序看”,增加的两个功能,有利于用户阅读,如下图:

(2)“用户名字下移,时间移至右上角,“点赞”移至评论文本下方”,这里就不解释了,第一篇文章解释过。

“点赞”左边是“回复”,右边是“复制”,“点赞”是数字+小图标,“回复”和“复制”都是汉字。所以“点赞”在中间,两边是汉字,这样对称。网易云评论区,评论底下是没有这三者的,那样做更美观。只是要回复某条评论,得两步操作,点击评论,然后出现一个弹框,在弹框里选择“回复评论”,如下图:

把“回复”和“复制”两个功能放到评论下方,可以减少操作步骤。

(3)“被回复评论回复评论位置上下互换”,我们习惯性从上往下看,这样变更利于阅读。

“被回复评论前的“@”去掉,同时用户姓名采用和评论文本一样的样色,两条评论之间采用细线隔开”。去掉“@”,是为了使评论左侧都是文字,看起来统一。用户名和评论文本采用同一种颜色,为了使评论区看起来统一。

“@”和名字的色差,是用来定位新一段评论的开始,这里用下划线来替代,下划线可以有效起到区分不同评论的作用。名字的色彩,还可以用来标明评论文本的开头,可以让读者快速聚焦文本,把色差去掉,就难以做到快速聚焦文本,会影响读者阅读效率。所以这种模式,谨慎采用。

声明:写“评论区设计”,是临时起意,突然就开写,没有深思熟虑,前两篇文章出现过一些错误,有的设计相互冲突了,所以你参考的时候,还望谨慎。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:分枝  分枝词条  评论  评论词条  直线  直线词条  做好  做好词条  如何  如何词条  
设计

 Android 4.0平台交互简...

Android4.0继承了3.0的设计多任务、丰富的通知、可定制的主界面、可调整大小的控件、用于交互和分享的互动性元素。应用程序的结构日趋成熟,几乎没有发生变化...(展开)