编辑导语：圆角设计在糊口中是较量常见的，在手机、网页端等等我们都能看到各类圆角设计，出格是苹果手机的软件设计都为圆角；为什么设计师喜欢用圆角？本文作者对此做出了具体的先容，我们一起来看一下。

圆角无处不在，岂论是banner中的按钮、彰显身份的头像，照旧承载内容的卡片。

可是，圆角的背后到底是什么样的逻辑？可能直白点说，为什么这里是圆形头像，哪里是矩形？这里呈现了全圆角按钮，哪里却不是？

假如你和我有一样的狐疑，但愿我的这篇文章能帮到你。

一、圆角的汗青

其实，互联网中的圆角矩形最早源自于1981年的Macintosh。

乔布斯但愿这种优美的形状可以或许呈此刻正在研发的苹果系统中，他用糊口中带圆角的桌椅、甚至是陌头带圆角的符号牌乐成说服了工程师比尔·阿金斯特实现了圆角矩形的绘制技能，并为其定名为RoundRects；之后，这个美好的形状便被沿用到了苹果所有的用户界面傍边。

值得一提的是，自谁人彻底转型扁平的ios7开始，所有的圆角矩形获得了非凡意义上的优化。

在7代之前，图标的圆角曲率并非持续的，每个圆角与边沿的跟尾处城市带有明明的切边；苹果受家产设计的开导，将家产中的曲线持续观念应用在了ui中，以持续、渐变式的曲率来将让圆角矩形变得越发圆润、滑腻；同时，这种更新也与同一时间宣布的iphone5c的边角工艺设计告竣了统一。

苹果对圆角的执着并不只仅逗留于此。

到了2017年，圆角甚至被直接运用到了手机屏幕傍边；当手机机身、屏幕、dock和图标，每一处的圆角以近乎于等比数列的形式依次跟随时，就形成了一种布满魅力的秩序感、调和感；而这种被称为全面屏的工艺也被各大厂商们竞相效仿。

既然谈到苹果，就不得不谈到苹果的老仇家——微软。

其实早在远古的XP时代就呈现了圆角界面设计，以致后头的vista和win7；可是到了WP时代，微软为了与苹果做出气势气魄差别，以完完全全的直角来作为触屏端的设计语言，而这个语言也成为了微软更具代表性的特有气势气魄——metro（modern UI）。

在metro下，所有的图标彻底得离开了拟物的领域，它们全被一巴掌拍扁，变为了地铁符号牌一样的直角矩形色块；历来跟随苹果脚步的微软思想超前得引入扁平化的观念，这也加速了拟物时代向扁平时代的过渡的历程（固然其时的win8由于忽略了占据绝比拟例的非触屏设备用户的体验，而被喷得遍体鳞伤。）

这种另类的气势气魄一开始并没有被公共承认，直至后头获得显著优化的win10以及17年推出的Fluent Design，这种气势气魄才算是真正得被用户们接管；不外，由于直角自己过于方正锐利，导致这种气势气魄犹如“钢铁直男”一样缺乏细节和美感，因此喜欢这种气势气魄的用户依然是少数。

值得一提的是，在去年20H1版本的win10界面中稀有得回归了久违的圆角，这也意味着微软彻底放弃了本身恪守近10年的直角阵营，正式向主流的圆角气势气魄妥协。

那为什么对比直角，圆角自自降生以来便被产物遍及运用，成为了历久不衰的设计趋势？究其原因还得从圆角自己的特性讲起。

二、圆角的特性

关于圆角自己的特性大抵可以分为以下三个：

1. 亲和感

从远古时代开始，人类便意识到形状的厉害水平所带来的实际意义；人类在木棍上绑上磨尖的兽骨、岩石作为兵器以刺穿猛兽；可是相对应的，他们又害怕猛兽的利齿、亦或是拿着同样兵器的敌方部落刺穿他们的身躯。