ios图标圆角尺度标准 (ios9图标设计标准)
ios的app icon图标不能有圆角吗
能够有啊,谁说的。
IOS图标的圆角不是由视点决议的,是由像素决议的,规范如下:
iTunes Artwork icon:512px (90px)
App icon(iPhone4):114px (20px)
App icon(iPad) :72px (12px)
App icon(iPhone 3G/3GS) :57px(10px)
Spotlight/Settings icon icon(iPhone4) :58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) :29px (9px)
iOS 7 的圆角图标是怎样一个图形
我作一下弥补,从逆向绘图的视点开端。我觉得逆向是了解一个规划的最好手法,无论是简略可能的仍是杂乱准确的,而逆向会碰到两个问题,这两个也是规划生成的最主要的人为操作:挑选和逻辑。逻辑比较简略找到头绪,比方是同心圆或许内接外切仍是中心线对齐等等再到杂乱泛化一点的逻辑,而挑选掺杂于逻辑之中,有时较难确认。
仅仅是对这个图形的逆向解读,与点评 iOS 7 及其他无关。
iOS 7 的图标图形,在官方网站中有制造演示( Apple - iOS 7),粗一看便是依据各种几许联系(便是逻辑)生成的图形,并且发布会那天最初有一个视频也是相似这种点线方式的图形出现。下面是我的一个逆向制造:
3. 沿倒角圆弧作内接正方形。
5. 再以方才的圆作内接正方形。
6. 以方才的内接正方形作内接圆。
7. 拉出那些分割线。
8. 开端处理圆弧部分,扩大以便看得清。
9. 切掉 1/2 圆弧以及部分上边直线。
10. 在这两线段之间作 G2 接连过渡(曲率接连)的曲线。
11. 对称仿制方才的半段。
12. 处理剩下其他几个角。
可能从 9 开端的处理方式许多人不太了解,由于这是工业规划中较常用的处理手法。但由于都是关于视觉对曲线过渡的感官体会,所以在平面规划中也能碰到,在此作一下简略介绍。
一般在平面规划软件中(我触摸有限,包含脚本之类并没去查询过)圆角便是软件供给的默许东西,那么画圆角四边形便是一个矩形的数值能够个圆角的弧度值。
现实是这个问题很杂乱,由于人的视觉感知力有阈度,并且不同状况下会不同比方环境等等,但不可否认的是,这个曲率骤变是存在的。而这在产品规划中就十分简略发觉了,特别是高光介入,并且产品的三维带动听动态的去感知,尽管可能人是不动的,比方曲线不流通便是曲率过度的问题。
上图12 便是用曲率接连的曲线来过度,它现已不是圆弧了,所以不能简略用 R=27 的圆弧来描绘了,而是高阶的曲线,用这条曲线来拟合圆弧,是的在视觉上感觉它仍是一段 R 值稳定的圆弧。而实际上,它从 0 到 27 有一段接连的过度了,在视觉上它就愈加流通。
这里边牵扯到许多问题,像圆弧这些曲线(有时称“欧几里德”曲线)是确认的、简练的以及有数据的,而高阶曲线的数学描绘是杂乱的,有时前者会更朴实而后者过于征服化。从这一点来说,上面过程中 9 是一种和谐,由于这能够确保了中心点的弧度确认是 27,假如我不是半段半段来拟合,而是整个 1/4 圆弧用曲线来拟合,那就在理论上没有确认的点了,除了两端的无穷大半径。
我这个逆向做对了吗,没有,由于我也仅仅拟合,并且 Apple 那个动画中圆弧上的几个点欠好解读,假如解读成曲线内的 point (简略了解成曲线内分段点吧,说具体还杂乱),那么看上去衔接直线一方的过度有过紧缩,了解成分段的指示,那就不太了解衔接直线处的两个点,由于看上去不是均分。
别的在曲线的接连上没必要做到 G3 接连,所谓 G2 接连如上所说是曲率接连而 G3 是曲率接连的曲线曲率接连。
曲率接连在平面规划是否必要?看状况。即便圆角四边形,也要看状况,有的过度处的僵硬发觉不出,由于和全体的份额有关,有的很简略发觉出,有的还能带动视觉发生各种误差感知,比方直线段的向内洼陷等等。
往常遇到圆角四边形的时分能够留意一下,尤其是那种大大咧咧的规划,就很简略体会到那种不接连的不舒服。在这不列举了。
一个简略的比如,便是 iPhone,许多 App 制造演示的时分便是直接用圆角四边形模仿的,而实际上它不是圆角,右侧是用 Apple 官方外观图纸配上去的,而左边来自:Mailbox - Put Email In Its Place那么在运用平面软件时怎么考虑这个问题,其实一般状况不用考虑这个问题,由于只需细心操控贝塞尔曲线的操控点和手柄就能够了,你感觉润滑接连漂亮了就能够了,由于视觉是判定者,仅仅在直线到曲线过渡是要多留意。别的 Type is Beautiful 从前有过一篇文章:FF-DIN 圆体之工艺、规划与性感 里边有一些相似的介绍及手法,便是作好直线到曲线部分的缓冲,在这篇来说,便是曲率的接连过渡。
至于圆角四边形,除了经过份额联系来校对外,或许有插件能快速制造?或许等软件方了。
the expanded library
iOS app 图标的圆角半径是多少苹果APP的图标都是圆角的,一些朋友不了解这些图标的圆角半径,常常无从下手。尽管圆角能够直接经过程序发布就能完成,可是假如想要直接规划成圆角图标就需要用到下面的数据了。括弧里边是对应的半径大小iTunes Artwork icon ─────────────────512px (90px)App icon(iPhone4) ──────────────────114px (20px)App icon(iPad) ────────────────────72px (12px)App icon(iPhone 3G/3GS) ───────────────57px(10px)Spotlight/Settings icon icon(iPhone4) ──────────58px (10px)Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)