图解10秒搞定Apple圆角

看不来的同学可以自己多画几个不同尺寸的圆角矩形自行观察。

iOS 7开始,苹果采用了曲率连续的完美圆角

(右图圆角上有多个锚点,实现平滑过渡)

同时,苹果还将其应用到了手机边框中,如下:

这也是为什么用圆角矩形无法绘制出和iPhone机身一致的圆角。

那该如何绘制Sketch的完美圆角?

首先,准备一台苹果电脑

并安装 Sketch 53.1 以上版本

用Sketch绘制尺寸120x120的矩形

设置 24x24 的圆角

此时,默认为普通圆角

-

下面再将圆角模式由默认的Round Corners改为 Smooth Corners:

这时,圆角就变成了Apple的完美圆角啦!

对比如下:

你看出区别了吗?返回搜狐,查看更多

Copyright © 2088 下届世界杯_看世界杯 - rcysbj.com All Rights Reserved.
友情链接