童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

6月2日 倾城傷投稿
  文章以网易云音乐评论区为例,给大家讲解一下如何做好直线分枝式评论?
  网易云音乐的评论区排版,分三部分:近期热评精彩评论最新评论。本文只探讨最新评论区,最新评论区是直线分枝式评论设计。
  左图是网易云音乐截图,右图是更改的样式
  顶部导航栏,“评论总数”换成歌曲的名字,点击名字,回到音乐播放界面;转发的三角形图标改成小十字架图标,功能也有变化,新增“最新评论”的顺序调整,用户可以选择顺序看,也可以选择倒序看(很多APP评论区只能倒序)。
  中间评论区,用户名字下移,时间移至右上角,“点赞”移至评论文本下方,“点赞”左边是“回复”,右边是“复制”。
  中间评论区,跟帖部分,被回复的评论和回复的评论位置上下互换,被回复的评论前面的“”去掉,同时用户姓名采用和评论文本一样的样色,两条评论之间采用细线隔开。
  理由:
  (1)“评论总数改成歌曲的名字”,评论区是通过点击音乐播放界面的评论小图标进入的,进入的时候,小图标会标明“评论总数”。出现在导航栏上的字,应该是评论区的主题,“评论总数”做不了主题,歌曲名字可以做主题。
  “转发的三角形图标改成小十字架图标”,左边小箭头是三条小线段组成,右边的三角形除了线段,还有圆,感觉不对称,换成小十字对称些,而且小十字图标也可以清晰表达三角形图标的含义。
  “用户可以选择顺序看,也可以选择倒序看”,增加的两个功能,有利于用户阅读,如下图:
  (2)“用户名字下移,时间移至右上角,“点赞”移至评论文本下方”,这里就不解释了,第一篇文章解释过。
  “点赞”左边是“回复”,右边是“复制”,“点赞”是数字小图标,“回复”和“复制”都是汉字。所以“点赞”在中间,两边是汉字,这样对称。网易云评论区,评论底下是没有这三者的,那样做更美观。只是要回复某条评论,得两步操作,点击评论,然后出现一个弹框,在弹框里选择“回复评论”,如下图:
  把“回复”和“复制”两个功能放到评论下方,可以减少操作步骤。
  (3)“被回复的评论和回复的评论位置上下互换”,我们习惯性从上往下看,这样变更利于阅读。
  “被回复的评论前的“”去掉,同时用户姓名采用和评论文本一样的样色,两条评论之间采用细线隔开”。去掉“”,是为了使评论左侧都是文字,看起来统一。用户名和评论文本采用同一种颜色,为了使评论区看起来统一。
  “”和名字的色差,是用来定位新一段评论的开始,这里用下划线来替代,下划线可以有效起到区分不同评论的作用。名字的色彩,还可以用来标明评论文本的开头,可以让读者快速聚焦文本,把色差去掉,就难以做到快速聚焦文本,会影响读者阅读效率。所以这种模式,谨慎采用。
  声明:写“评论区设计”,是临时起意,突然就开写,没有深思熟虑,前两篇文章出现过一些错误,有的设计相互冲突了,所以你参考的时候,还望谨慎。
投诉 评论 转载

订单结算管理系统的产品设计思路(上)通过对企业商户的各种业务的订单进行管理,财务人员免去了QQ微信沟通及导出订单人工计算的环节,同时相关订单结算记录也可以查询。笔者在一家物业集团科技公司负责平台型产品,有幸……评论区设计(三):如何做好直线分枝式评论?文章以网易云音乐评论区为例,给大家讲解一下如何做好直线分枝式评论?网易云音乐的评论区排版,分三部分:近期热评精彩评论最新评论。本文只探讨最新评论区,最新评论区是直线分枝式……干货:如何设计一套微信表情包?本篇文章作者给大家分享了一套微信表情从设计到上架的整个流程,感兴趣的小伙伴看完也可以自己试一下哦一、概述1。微信表情是什么?微信算是表情家喻户晓,每个用微信表……集体人格与WMS的设计集体人格是现实中普遍存在的现象,而作为一个产品经理,需要理解它,去借用它的力量,运用到产品工作中。集体人格是什么?集体人格就是一堆角色。这是梁宁在《产品思维3……6个方法,使你的设计项目对比度更明显很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。……设计文章列表时,左文右图还是左图右文好?当我们仔细看APP的文章列表时我们会发现:有些采用的是左文右图;有些采用的则是左图右文。这个时候我们有没有进一步思考过,这两种方式有什么区别呢?各自的优缺点又是什么呢?在……译文HoloLens的手势交互指南本篇文章是微软官网上对HoloLens手势交互的说明,作者做了翻译,并分享给大家用户可以通过手势在混合现实的环境下完成一些指令和操作。HoloLens的交互方式是用目光凝……一次背包旅行引发的对P2P旅行产品的思考前段时间独自去西藏背包游,结束后开始了解旅游p2p产品让志趣相投、非常了解当地文化和生活的当地人直接为游客提供服务的旅游产品;旅游p2p是不是一种正确的模式呢?产品是否有可改进……“邀请好友“功能的设计逻辑今天和大家分享的是邀请好友功能的设计逻辑,希望能对初次接触“邀请好友”功能的小伙伴有所帮助启发。一、为何要设计邀请好友功能?大多数的APP都有邀请好友功能,……我对谷歌浏览器的优化设计:一键打开所有网站新版本的谷歌浏览器在界面上做了不少优化,但在用户体验上还有很多提升的空间。本文作者就是从这个角度出发,并设计了对应的解决方案,希望能给大家带来启发。一、最初的直觉在……互联网公司的创意设计师,都在做什么?创意人人都有,但创意设计师可不是谁都能当。互联网公司有很多设计师、体验设计师、界面设计师、创意设计师、视觉设计师、等等。体验设计师专注于给用户带来积极的用户体验,让……Dropbox设计师总结:如何让界面信息更加聚焦?始终围绕用户目标做设计决策,根据功能优先级做出不同的设计形式,强化核心功能,是一篇非常棒的细节优化方向参考文章。内容不多,但是蛮有启发,分享给大家!想想看,在手机上工作是……
从子弹短信说一说:产品设计的第一性原理后台产品设计:流程设计(三)金融APP首页,怎么做流量分发?移动端设计:图文布局和按钮解析四元素模型解析:从0到1的产品迭代模型产品心得构建B2C平台型产品,重在做好标准化服务基础向:电商平台的订单设计流程如何盘活一个说明书性质的APP?全民攻略:教你抢占滴滴的市场份额3个步骤,让你把握设计切入点科普一张表格告诉你,到底H5和小程序哪个好推送系统从0到1(三):推送任务的建立
寄新定苏七太守和珅到底多有钱?和珅的资产究竟有多少?尴尬的几岁梦想与现实对撞顾肃:当代保守主义与自由主义的主要分歧凡尔纳气球上的五星期主要内容概要及赏析NBA个别球员有多脏,最后一个是所有人的噩梦很多人特别容易出汗,这样到底是好还是不好?早知早受益大白鲨怎么画出来?电脑不进系统解决办法【歌词】一直到底歌手:妮波寺乐队热博聚热点网 孩子反复发烧谨防尿路感染夜奶一晚要喂几次什么时候可以断夜奶怎么断更轻松?一文讲清

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界