Created
December 15, 2012 11:27
-
-
Save mactive/4293948 to your computer and use it in GitHub Desktop.
iOS 首屏的图标圆角究竟是多少
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
http://stcui.me/202-ios-%E9%A6%96%E5%B1%8F%E7%9A%84%E5%9B%BE%E6%A0%87%E5%9C%86%E8%A7%92%E7%A9%B6%E7%AB%9F%E6%98%AF%E5%A4%9A%E5%B0%91/ | |
在图标的设计中会在ps上画出一个Demo来查看最终的效果,这里就需要自己绘制一个圆角的蒙板或者用其它方法来完成这一效果,这个圆角的半径究竟是多少呢? | |
在早期的iPhone/iPod中图标尺寸为57×57圆角半径为10px | |
之后的版本中的图标尺寸就是按照这个比例来缩放的 | |
如果是114×114的图标圆角半径为 114*(10/57) = 20 | |
其它的一些例子: | |
Icon512.png – 512px – 89.8245614035098 | |
Icon.png – 57px – 10 | |
[email protected] – 114px – 20 | |
Icon-72.png – 72px – 12.6315789473686 | |
[email protected] – 144px – 25.2631578947371 | |
Icon-Small.png – 29px – 5.08771929824567 | |
[email protected] – 58px – 10.1754385964913 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment