江苏龙网

  1. 首页 > 人文 > >

你对圆角所有的困惑，这里都帮你解答了( 四 )


比如知乎、知识星球和各类招聘软件 ， 即便产品本身定位偏向成熟 ， 但是由于产品本身鼓励陌生人相互交流 ， 因此它们的头像依旧是圆形 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
相对应的 ， 微信主打的则是熟人社交 ， 更加注重隐私 ， 因此它在设计上更为克制和冷静得使用了圆角矩形；而支付宝的朋友页面 ， 近乎直角的圆角矩形头像也在时刻提醒用户谨慎得进行金钱交易 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
有意思的是 ， 我发现在支付宝的生活号业务中 ， 评论模块中的所有用户并不存在金钱这类敏感交易 ， 但是却全部设置成了圆角矩形；而且评论区中的用户并不像朋友动态与朋友界面有前后关联的关系 ， 因此一致性这个原因也无法站稳脚跟 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
我基于圆形头像鼓励陌生人交流的特性 ， 推测可能是由于除文章作者可以回复评论外 ， 用户之间是无法相互评论的；因此才用圆角矩形这个不近人情的形状来避免用户激发社交兴趣 ， 降低用户出现圆形头像中“可以相互回复”心理预期的可能性 ， 而这个推测在微信公众号评论中也得到了证实 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
而支付宝的基金讨论区中 ， 由于用户之间并不仅仅像生活号那样仅仅有点赞功能 ， 还可以相互评论互动 ， 因此便用了平易近人的圆形来调动用户的社交兴趣 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
五、卡片篇
卡片作为承载内容的容器 ， 通常上需要用户能够更快注意到容器内的内容、引发用户兴趣 。
比如支付宝在最新的改版升级中 ， 便将首页的所有的通栏直角卡片改为了圆角卡片 ， 就是为了去引导用户更多得注意到下方的各类生活服务 ， 以实现由过去传统的支付工具向生活服务数字平台的转型 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
而支付宝交互专家——Bob大佬在之前的直播分享中 ， 谈到了有关改进后的理财标签页 ， 这个标签页也存在着大量一级页面即可操作的的圆角卡片；卡片中配以全圆角CTA按钮来迅速吸引、引导用户进行点击行为 ， 从而降低了漏斗损失 ， 大幅度提升了业务转化 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
其他同样用到圆角卡片的还有弹窗、商品位等等 ， 再次不一一列举 。
当然 ， 通栏直角卡片也并非不好 ， 相比圆角卡片 ， 它们往往可以节省更多宝贵的有限空间 ， 并有效增加页面的沉浸感——这一点在feed流中得到了广泛的运用 。
你对圆角所有的困惑，这里都帮你解答了
本文插图
六、最后
圆角对于ui的意义至关重要 ， 但是 ， 我们设计师也需要根据业务需求、产品本身的调性以及用户使用场景等多个因素去衡量圆角的使用 ， 而不是滥用圆角！
但愿我今天的分享对你能有所帮助 ， 下期见 。
作者：Andrewchen；微信公众号：转行人的设计笔记
本文由 @Andrewchen 原创发布于人人都是产品经理 ， 未经许可 ， 禁止转载 。
题图来自 Unsplash ， 基于CC0协议 。


推荐阅读


上一篇：淮北市|安徽省投资集团公司原董事长杜长棣被公诉

下一篇：降幅为|15股股东户数连降3期以上 最多已降15期