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


你对圆角所有的困惑,这里都帮你解答了
本文插图
究其原因 , 可能是由于这类产品主要靠线上订单实现盈利 , 因此从选品到下单所有的操作在网页上即可完成 。
除了平日特有的运营活动 , 它们对于引流的需求并不高;引流按钮是可以加 , 只是不会像其他类型产品那么强调;因为一旦用户去进行下载 , 往往由于交互步骤的繁多而增加订单损失的风险 , 这对于以线上盈利为主的产品往往是非常不值的 。
2. 圆角与全圆角的相互转换
大多数时候 , 全圆角和圆角可以同时存在 , 甚至可以根据用户使用场景的不同而发生相互转换 。
比如 , 知乎在进行查看回答的行为时 , “关注”这个功能是圆角按钮 , 而当点开答主的个人主页后 , “关注”则由圆角按钮变为了视重更重的全圆角按钮 。

你对圆角所有的困惑,这里都帮你解答了
本文插图
这就是由于在答案页面时 , 用户专注的是内容而不是人 , 如果”关注“变为全圆角则会相当于将聚焦用错了场景 , 反而对用户产生干扰;而当用户进行了点击答主头像这个行为后 , 意味着用户对其产生了特定的兴趣 , 用户专注的是人而非内容;因此才有了形状、颜色的变化 , 促使关注行为的发生 , 这就是用对了场景 。
值得一提的是 , App store商品列表页和详情页的按钮仅仅是和知乎一样的样式上的改变 , 但是形状均为全圆角 。
你对圆角所有的困惑,这里都帮你解答了
本文插图
这可能是由于App store的列表和详情页中 , 用户所关注的对象均为商品 , 不论是哪个页面 , 获取商品都是最终的用户诉求 。
只是列表页的使用场景也包含着搜寻 , 因此仅在按钮视重上做出差异化;而知乎不光光是使用场景的差异 , 回答和个人主页分别对应着获取答案信息和关注用户两种不同类型的最终诉求 , 所以按钮在样式改变的同时也调整了形状 。
3. 圆角与产品的调性
当一些按钮不具备行为召唤属性时(比如表单提交按钮) , 按钮的圆角一定程度上与产品本身的调性有关;受圆角亲和感特性的影响 , 拥有活泼、童趣、热情这类暖系调性的产品往往比那些偏向冷静、成熟、严肃类的产品更适合全圆角风格 。
比如淘宝和微博的登录按钮全部使用了全圆角按钮 , 而QQ更加极端得省略掉矩形的边缘特征 , 直接以圆形作为登录按钮来凸显年轻的定位 。
你对圆角所有的困惑,这里都帮你解答了
本文插图
而知乎、微信和支付宝这类冷系调性的产品统一采用了圆角矩形 。
你对圆角所有的困惑,这里都帮你解答了
本文插图
全圆角依然有边缘的存在 , Google在Meterial Design中甚至创造了一种全新的按钮——FAB悬浮球 , 配合高饱和度的颜色可以迅速引导用户的注意力并进行点击 。
四、头像篇
头像作为用户身份的彰显 , 在ui中也存在不同的圆角差异 。
拿鹅厂最典型的两个社交产品来举例 , 为什么微信的头像是圆角矩形 , 而qq的头像却全部是圆形?
你对圆角所有的困惑,这里都帮你解答了
本文插图
一方面与产品本身的定位有关:qq更针对的是陌生人之间的连接 , 鼓励陌生人社交 , 而圆形本身的强聚焦属性可以帮助用户快速聚焦到头像以激发社交兴趣 。
另一方面 , 与按钮一样 , 圆形本身的亲和感也可以引导用户更好得破冰 , 更放心得交友;因此 , 并非只有QQ这样年轻、富有活力的产品才适用圆形头像 , 凡是鼓励陌生人进行交流的产品都适合用圆形 。


推荐阅读