要素四：输入区

输入区的设计要注意三点，一个是输入区的功能，比如是否支持多功能如@的功能，添加图片的功能，添加表情的功能。第二点是要注意文字的字符限制。第三点是评论删除功能的设计。

1、输入区功能

以豆瓣、微博为例，豆瓣的回复内容形式单一，表情的添加等都依靠输入法来完成。而微博的回复形式则多样，不但支持@功能，还提供了添加表情、#等功能，具有更强的互动性。是否需要强互动性还需要跟具产品的需求来定，有的时候功能多也不见得用户都会使用。

2、字符限制

以微博、小红书为例，微博是在输入框右侧以红色文字提示用户应删减多少字符，红色醒目且即时提醒用户字符数量。而小红书则是以Toast弹窗的形式告诉用户字符应在多少文字以内,实时提醒，更为醒目不宜被用户忽视。

3、删除功能

以微信公众号与微博为例，二者评论形式的不同，导致删除评论的设计样式也有所不同，但是都是支持用户删除评论的。在设计的时候不能忽略。

要素五：点赞

点赞的设计需要注意两个方面，一个是点赞的图标设计，一个是点赞所在的位置。

以小红书为例，点赞的设计形式为一个“爱心”，设计在右侧与头像平行的位置。这样做的好处是节省了空间又突现了点赞的位置。

以微博为例，点赞的形式是竖大拇指，设计在底部右侧的位置。微博是讲副功能放在了底部展现，可以同时支持三个功能。

以虎扑为例，点赞的形式是一个“灯泡”，设计在底部左侧的位置。

要素六：转发

转发的设计不是必须的，有一些转发的实际是与点赞、回复同级，而有的转发则是隐藏在更多的功能之中。

以小红书与为例，小红书并不支持评论转发，只支持评论回复。

以微博为例，微博的转发、评论、点赞为同级。

以虎扑为例，虎扑的转发隐藏在了更多的功能里。

要素七：加载样式

加载设计的形式一般有三种，一种是点击加载。一种是无加载样式，直接滑动直到底部。还有一种是下拉加载刷新。

以微博为例，微博的加载样式是点击加载，这样做的好处是给用户一个缓冲，当用户想看的时候才会点击，缺点是当用户沉浸浏览时会影响用户的沉浸体验。

以微信公众号为例，微信公众号的无加载样式，直接可以下拉滑到底部，没有加载反馈。

以小红书为例，小红书是下拉刷新的加载样式，每隔一些评论便会自动加载更多的评论。

总结

以上就是我总结的七个评论区的组成要素，它们分别是评论排序、用户名与头像、评论内容、输入区、点赞、转发、加载样式。这七个要素可以随机组合成一个评论区，有的要素也不是必须出现的，比如微信就不支持多项互动的功能，也不支持评论转发的功能。有的则根据产品功能展现不同的样式，比如点赞的设计样式与位置。这七个要素可以让你根据自己产品的需要，自由的筛选组合。