圆⾓矩形背后的含义｜深度解析
图形是产品设计中被讨论的最多的元素之⼀。视觉设计师使⽤不同形状的图形来表达事物的多样性；交互设计师选择不同形状的图形解决⽤户在某场景下的诉求问题。其中争议最⼤，且被更多互联⽹设计师使⽤的图形，是圆⾓矩形，⽽当中的讨论点是：同样的图形，圆⾓处理与直⾓处理所传递的信息有什么不同？为什么圆⾓成了趋势？
要讨论这个问题，需先理清圆⾓矩形被⼴泛传播，且被⼈所注意开始。许多⼈认为图形外框的多样化趋势是由CSS 技术的⾰新开始，但正确的时间点，应该是在 iPhone 4 被发布的那⼀刻。
当中的差异是：前者是通过技术参数来改变形状内容以引起⽤户注意；后者是通过传播真实产品塑造⽤户对于图形外观的全新认知。认知的转变，需作⽤于习惯与⾏为，⽽当中的核⼼⼿段，就是设计。（参考滴滴类产品改变⼈的出⾏⽅式）
⽤户对于⼀款产品的认知，主要依据产品所能解决的实际问题以及外在形式。⽽设计师需要关注的点会更多，包括产品架构，流程，技术等内容。同时还需要站在⽤户视⾓观测产品是否易于使⽤，我们通常将其称为「⽤户⼼理模型」。类⽐于⽤户只需了解⼿表是否正常⾛动，能否准点报时；设计师则需要理解⼿表设计框架，结构形式等详细内容。其中最重要的，还是⼀名设计师对内容的全局认知。
回到图形外观的话题上，同样的道理是，⼈们对于产品设计中的图形使⽤已经逐渐理想化，好⽐图形外观的形式如何已经不重要，重要的是图形所传递的信息本⾝。这样的认知稍显⽚⾯，对于设计师⽽⾔，图形以圆⾓形式呈现的背后逻辑，⽐表⾯上它所表达的信息更为重要。理解这⼀点之后，设计师再使⽤圆⾓矩形传递信息，理解上会更显深刻。
所以我后⾯会围绕下⾯这⼏个问题，来说明圆⾓矩形的意义：
1.为什么 iPhone 4 的发布是圆⾓矩形成为设计趋势的转折点？
2.圆⾓矩形传递的信息有什么不同之处？
3.头像与按钮之所以越来越多使⽤圆⾓？
圆⾓矩形为何成为趋势
虽然在iPhone 4 发布时，⼤多数的软件图标都还是拟物风，但它们的图形外框⼤多是以圆⾓矩形的⽅式来处理。在iOS 系统⾥，这种圆⾓矩形的载体已经成了其系统统⼀承载内容的形式。
也许有⼈会问为什么 Apple 选择了这样的呈现⽅式，⽽不跟 Android ⼀样，为了体现内容的丰富性，让图标外框多样化呢？
原因有两个：其⼀是乔布斯认为所有物件都有圆⾓，⽽相⽐圆形与椭圆，圆⾓矩形反⽽是⽣活中更为常见的现象。
原因有两个：其⼀是乔布斯认为所有物件都有圆⾓，⽽相⽐圆形与椭圆，圆⾓矩形反⽽是⽣活中更为常见的现象。
Andy Hertzfeld 在 Round Rects Are Everywhere 中讲了关于圆⾓矩形诞⽣的故事。
Apple 的天才程序员 Bill Atkinson 创⽴了⼀种能够快速绘制圆形与椭圆的⽅法，乔布斯认为圆形与椭圆都不错，但是圆⾓矩形会更好。⽽ Bill Atkinson 并不这么认为，他觉得圆⾓矩形更难绘制，且⼈们也不需要圆⾓矩形。于是，乔布斯回应道：“到处都是带有圆⾓的矩形！“ 他指着房间⾥的各种物件，⼏乎所有地⽅都可以看到圆⾓矩形。他甚⾄说服 Bill 和他⼀起绕着街区⾛⼀圈，指出他能到的每个带有圆⾓的矩形。当他们看到带有圆⾓的禁⽌停车的标⽰时，Bill 终于被乔布斯说服，第⼆天就拿出了绘制圆⾓矩形的⽅案。
之后，他们将其命名为「RoundRects」。在接下来的⼏个⽉⾥，Roundrects 逐渐进⼊⽤户界⾯的各个部分，并很快变得不可或缺。
尤其是在13 年，iOS 7 对圆⾓的更新。它已经与我们平时认为的圆⾓矩形不同，这个圆⾓的优化过程⾮常复杂，当中涉及的数学算法如果不是专业的研究学者，可能⽆法理解其差异。
简单说就是：Apple 采⽤的圆⾓曲率所⽣成的图形，是更圆滑，⽆明显切⾓的。这样的圆⾓矩形在过渡上更平滑，且在视觉上的体验也更融洽。
其⼆是，为了打造沉浸式体验，乔布斯认为应该让 iPhone 的各个元素形式统⼀化。
与上述圆⾓图标相似的是 iPhone 机⾝。
向烈士致敬的话简短的iPhone 机⾝所呈现的圆⾓在制作⼯艺上，⽐软件图标的圆⾓更为复杂。⽽其内外⼀致的表现形式就是为了打造沉浸式体验，形成产品的品牌认知。⽽ iPhone X 的⾯世，就是为了将这⼀概念彻底落实。
改革开放意义前⾯提到，⽤户与设计师对于⼀款产品的认知是不同的。⽤户认识⼀款产品，⾸先关注的是外观表现，其次才是被承载的内容。所以当⽤户对iPhone 以及其软件图标的展⽰形式已经形成认知，那么iPhone X 的全⾯屏也就是很⾃然的⼀种结果。
机⾝形态与软件形式的⾃然结合，能够让⽤户更好的接受产品的外在形式，且其全⾯屏的设计也能更好地被⽤户认可。甚⾄被很多⼈吐槽的 iPhone X 齐刘海也是依据这样的圆⾓形式来设计的，⽬的就是为了营造统⼀的产品形态。
以⾄于其他⼀些产品在机⾝上的模仿，导致让⼈误以为类似的⼯业特性所产⽣的第⼀直觉都是「这是⼀款iPhone」，仔细⼀看才知道，噢，原来是…
当⼀款真实的产品被⼈所接受，以普遍使⽤在⽣活场景中，其中逐渐营造出⽤户对圆⾓矩形的惯性认知，以⾄于它的可接受度也逐渐提⾼。
这也是我在开篇提到说「iPhone 4 的发布奠定了圆⾓矩形成为设计流⾏趋势的基调」的原因。
到这为⽌还只是背景，下⾯我们再深⼊聊聊特性。
房产过户税圆⾓矩形所传递的信息特性
苹果手机怎么下载铃声上节讲述了圆⾓矩形兴起的背景，当然这只是⼀部分，圆⾓矩形成为流⾏趋势，不能说完全是因为Apple。还有⼀点是，它⾃⾝本就具备的优势。
上⾯提到乔布斯说服⽐尔，要有圆⾓矩形，因为⽣活中到处都是圆⾓矩形。但是这⾥有⼀个问题没有解决，即「为什么⽣活中到处都是圆⾓矩形」呢？
玩3D ⼯具的⼈应该知道，在C4D 等软件⾥，想要对⼀件物体创建圆⾓通常是选择「倒⾓」，再控制「段数」，之后通过「平滑」选项，将⾓度变得更为圆滑（当然还有其它⽅式）。⽬的是在渲染的时候不⾄于让物体看起来太尖锐，⾊泽也更通透。
泽也更通透。
中国游客拒绝下船在⽣活中，物件棱⾓如果过于锋利，则显得不够安全；⼯业⾓度，圆⾓/倒⾓可以让物件更好组装。相⽐棱⾓过于尖锐以⾄于让⼈觉得冰冷，圆⾓的设计反⽽让⼈更能感受到温度。所以对于推崇⾃然⾄上的乔布斯，在选择元素时，也就会希望能贴近⽣活吧。
从视觉，触感，便捷等因素能了解到真实物件的圆⾓优势，但优势是否适⽤于图形元素呢？
这⾥有个相通点，即虚拟图形依附于视觉⽽存在。⼈眼在接收图形信息时，对圆⾓矩形的认知会优于直⾓矩形。因为⼈眼结构中辨识⼒最强的部位，会优先识别图形的视觉中⼼。⽽圆⾓与直⾓矩形的区别就在于内容速度的识别差异。
之所以存在这样的差异，主要是因为图形存在视觉引导的作⽤。圆⾓因为其平滑的四边，将⽤户的视线过渡到图形中⼼，⽽直⾓矩形因为尖锐的特性，导致⼈眼在图形识别上容易发散。因此，在图形元素的选择上，为了让⽤户聚焦，圆⾓则获得了设计师的青睐。
所以之后在其它设计系统与设备上，更多圆⾓类图形也被投⼊使⽤。尤其是在各类App 与⽹页设计中，圆⾓矩形更是被⼴泛应⽤于头像、按钮等元素上。
头像与按钮的圆⾓含义壮组词
随着互联⽹产品的普及，⼈们对于产品界⾯的审美意识与体验意识逐渐提⾼，界⾯的视觉呈现也成了互联⽹公司所重视的对象。头像作为产品界⾯中⽤于⾝份信息识别的主要元素，⼀直是⽤户以及设计师最为关注的内容之⼀。
因此，头像外框形状的选择则要尤其谨慎。当中最为常见的主要就是两类：圆形、圆⾓矩形。所以在进⾏选择时，设计师除了针对于两类图形依附于界⾯本⾝的视觉效果外，还需整体考量图形与界⾯元素的融合程度进⾏综合分析。⾄于直⾓矩形，⽬前很少会见到其⽤于头像的设计上。
以圆形的表现形式⽽⾔，其周围没有任何节点与棱⾓，给⼈以灵动、均衡、平滑、优美的感受，通常会在带有设计感或内容元素较为丰富的产品上出现，如ins、微博、知乎等。相⽐圆形⽽⾔，棱⾓尖锐的直⾓矩形给以⼈沉着、冷静、拘谨、冰冷的感受，所以很少产品会将其作为展⽰型头像开放给⽤户使⽤。⽽圆⾓矩形正好中和了这两者的⽓质，也成了很多产品选其作为头像的原因。通常这类头像会出现在设计较为简约的界⾯上，如⾸页的⽤户头像。
⽆论是圆形头像，还是圆⾓矩形头像，其最终⽬的⽆⾮是⾝份识别以及彰显个性。上节聊过，圆⾓在识别上会引导⽤户倾向于图形的视觉中⼼，⽽头像作为辨识⾝份的信息，并不需要仔细审视，只需要快速识别即可。所以只有在点击⽤户头像时，才会以矩形形式完整呈现。
这⾥有⼀个点是，当圆⾓矩形以头像形式出现在界⾯中时，通常是以⼩图的⽅式呈现。因此，当⼩图集中于元素复杂的界⾯中时，圆⾓矩形牺牲了构图结构，省略了四边内容背景反⽽成为了优势，信息与细节明显少于直⾓矩形，以⾄于在界⾯上帮助⽤户更快识别头像内容，判断图形有⽤信息。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论