最佳答案:圆角无处不在,不论是banner中的按钮、彰显身份的头像,还是承载内容的卡片。但是,圆角的背后到底是什么样的逻辑?或者直白点说,为什么这里是圆形头像,那里是矩形?这里出现了全圆角按钮,那里却不是?如果
圆角无处不在,不论是banner中的按钮、彰显身份的头像,还是承载内容的卡片。
但是,圆角的背后到底是什么样的逻辑?或者直白点说,为什么这里是圆形头像,那里是矩形?这里出现了全圆角按钮,那里却不是?
如果你和我有一样的困惑,希望我的这篇文章能帮到你。
一、圆角的历史
其实,互联网中的圆角矩形最早源自于1981年的Macintosh。
乔布斯希望这种美好的形状能够出现在正在研发的苹果系统中,他用生活中带圆角的桌椅、甚至是街头带圆角的标志牌成功说服了工程师比尔·阿金斯特实现了圆角矩形的绘制技术,并为其命名为RoundRects;之后,这个美妙的形状便被沿用到了苹果所有的用户界面当中。

值得一提的是,自那个彻底转型扁平的ios7开始,所有的圆角矩形得到了特殊意义上的优化。
在7代之前,图标的圆角曲率并非连续的,每个圆角与边缘的衔接处都会带有明显的切边;苹果受工业设计的启发,将工业中的曲线连续概念应用在了ui中,以连续、渐变式的曲率来将让圆角矩形变得更加圆润、平滑;同时,这种更新也与同一时间发布的iphone5c的边角工艺设计达成了统一。