【iOS 平台适配规范】+配色网站推荐

时间 2019-11-17

原文原文链接

随着iphone6和6plus的上市，ios分辨率也呈现出碎片化趋势，适配成为了设计师最头痛的问题。html

6plus的设计尺寸是1242*2208（效果图按这个尺寸），物理尺寸1920*1080（硬件尺寸和设计无关），放大版1125*2001这3个有什么区别？最初应该设计哪个？目前比较流行的作法是先按iphone6的分辨率750*1334（尽可能使用矢量元素），完成后标注好坐标，而后再将750*1134除2乘3，输出放大版1125*2001，在放大版上切图后输出资源给程序，而后让程序本身去适配各个尺寸，这是个偷懒的作法，基本能适配不少屏幕，偶尔会有控件拉伸及显示不全的问题，只能让程序微调了，固然有条件的话，每一个分辨率都出对应的资源最好。ios

苹果的开发规范请参考 developer.apple.com/web

iOS Design Themes 详见 developer.apple.com/design/huma…windows

IPAD HIG PDF https://www.hung-truong.com/blog/wp-content/uploads/2010/06/iPadHIG.pdfapp

另外，苹果命名要注意普通屏和视网膜屏，通常视网膜屏的像素会比普通的大两倍。因此，设计iOS效果图的时候，尽可能使像素为偶数。iphone

例如，正常屏命名为icon.png，视网膜屏为icon@2x.png，如今多数用三倍图icon@3x.png。ide

官方的IOS7 图标模板 Icon Template IOS7，这是苹果公布的出来的ios7官方模板。工具

官方关于iOS平台的图标文档请参见如下页面：字体

developer.apple.com/library/arc…
网站

iOS图标规范以下。

上传到App Store须要512px*512px的图片。
在iPhone Retina显示屏960px*640px分辨率中，图标显示尺寸为114px*114px，20像素的圆角，4像素的90度黑色投影，2像素的90度白色内投影，默认自带高光。
在iPhone 480px*320px分辨率中。图标显示尺寸为57px*57px，10像素的圆角，2像素的90度黑色投影，1像素的90度白色内投影，默认自带高光。
在iPad 1024px*768px分辨率中。图标尺寸显示为120px*120px，27像素的圆角。
苹果字体规格说明。

导航栏标题：medium 34px
按钮和表头：light 34px
表格标签：Regular 28px
Tab页图标标签：Regular 20px

可点击对象的区域：尺寸不要小于44px*44px。（接上面的第5点）
iOS的图标其实不用切成圆的，直接给一个正方形的，系统会本身给i图标作圆角蒙版和高光。命名为ICON.PNG，ICON@2X.PNG，ICON@3X.PNG。
iOS8规范以下：iphone六、七、8屏幕1334px*750px，iphone 六、七、8plus屏幕2208px*1242px。
iphone X 屏幕1125*2436，关于iphone X的设计我看过一篇文章，感受总结的已经很全了，我就直接上连接了www.ui.cn/detail/2839…

Surface的物理特性如图所示：

微软的开发参考文档为 developer.microsoft.com/en-us/windo…

===========================这是华丽丽的分割线~~=========================

最后分享几个配色网站，网站本人亲测过，图片是本人亲自截图的，不是copy的，你们能够参考下，都是不错的配色网站：

1. zhongguose.com

超美的中国风配色，网站号称收集了最全的中国色，还有中英文互译，很是贴心，五星好评。