文章以網(wǎng)易云音樂評(píng)論區(qū)為例，給大家講解一下如何做好直線分枝式評(píng)論？

網(wǎng)易云音樂的評(píng)論區(qū)排版，分三部分：近期熱評(píng)——精彩評(píng)論——最新評(píng)論。本文只探討最新評(píng)論區(qū)，最新評(píng)論區(qū)是直線分枝式評(píng)論設(shè)計(jì)。

左圖是網(wǎng)易云音樂截圖，右圖是更改的樣式

1. 頂部導(dǎo)航欄，“評(píng)論總數(shù)”換成歌曲的名字，點(diǎn)擊名字，回到音樂播放界面；轉(zhuǎn)發(fā)的三角形圖標(biāo)改成小十字架圖標(biāo)，功能也有變化，新增“最新評(píng)論”的順序調(diào)整，用戶可以選擇順序看，也可以選擇倒序看（很多APP評(píng)論區(qū)只能倒序）。
2. 中間評(píng)論區(qū)，用戶名字下移，時(shí)間移至右上角，“點(diǎn)贊”移至評(píng)論文本下方，“點(diǎn)贊”左邊是“回復(fù)”，右邊是“復(fù)制”。
3. 中間評(píng)論區(qū)，跟帖部分，被回復(fù)的評(píng)論和回復(fù)的評(píng)論位置上下互換，被回復(fù)的評(píng)論前面的“@”去掉，同時(shí)用戶姓名采用和評(píng)論文本一樣的樣色，兩條評(píng)論之間采用細(xì)線隔開。

理由：

（1）“評(píng)論總數(shù)改成歌曲的名字”，評(píng)論區(qū)是通過點(diǎn)擊音樂播放界面的評(píng)論小圖標(biāo)進(jìn)入的，進(jìn)入的時(shí)候，小圖標(biāo)會(huì)標(biāo)明“評(píng)論總數(shù)”。出現(xiàn)在導(dǎo)航欄上的字，應(yīng)該是評(píng)論區(qū)的主題，“評(píng)論總數(shù)”做不了主題，歌曲名字可以做主題。

“轉(zhuǎn)發(fā)的三角形圖標(biāo)改成小十字架圖標(biāo)”，左邊小箭頭是三條小線段組成，右邊的三角形除了線段，還有圓，感覺不對(duì)稱，換成小十字對(duì)稱些，而且小十字圖標(biāo)也可以清晰表達(dá)三角形圖標(biāo)的含義。

“用戶可以選擇順序看，也可以選擇倒序看”，增加的兩個(gè)功能，有利于用戶閱讀，如下圖：

（2）“用戶名字下移，時(shí)間移至右上角，“點(diǎn)贊”移至評(píng)論文本下方”，這里就不解釋了，第一篇文章解釋過。

“點(diǎn)贊”左邊是“回復(fù)”，右邊是“復(fù)制”，“點(diǎn)贊”是數(shù)字+小圖標(biāo)，“回復(fù)”和“復(fù)制”都是漢字。所以“點(diǎn)贊”在中間，兩邊是漢字，這樣對(duì)稱。網(wǎng)易云評(píng)論區(qū)，評(píng)論底下是沒有這三者的，那樣做更美觀。只是要回復(fù)某條評(píng)論，得兩步操作，點(diǎn)擊評(píng)論，然后出現(xiàn)一個(gè)彈框，在彈框里選擇“回復(fù)評(píng)論”，如下圖：

把“回復(fù)”和“復(fù)制”兩個(gè)功能放到評(píng)論下方，可以減少操作步驟。

（3）“被回復(fù)的評(píng)論和回復(fù)的評(píng)論位置上下互換”，我們習(xí)慣性從上往下看，這樣變更利于閱讀。

“被回復(fù)的評(píng)論前的“@”去掉，同時(shí)用戶姓名采用和評(píng)論文本一樣的樣色，兩條評(píng)論之間采用細(xì)線隔開”。去掉“@”，是為了使評(píng)論左側(cè)都是文字，看起來統(tǒng)一。用戶名和評(píng)論文本采用同一種顏色，為了使評(píng)論區(qū)看起來統(tǒng)一。

“@”和名字的色差，是用來定位新一段評(píng)論的開始，這里用下劃線來替代，下劃線可以有效起到區(qū)分不同評(píng)論的作用。名字的色彩，還可以用來標(biāo)明評(píng)論文本的開頭，可以讓讀者快速聚焦文本，把色差去掉，就難以做到快速聚焦文本，會(huì)影響讀者閱讀效率。所以這種模式，謹(jǐn)慎采用。

聲明：寫“評(píng)論區(qū)設(shè)計(jì)”，是臨時(shí)起意，突然就開寫，沒有深思熟慮，前兩篇文章出現(xiàn)過一些錯(cuò)誤，有的設(shè)計(jì)相互沖突了，所以你參考的時(shí)候，還望謹(jǐn)慎。

本文由 @?言吉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議