UI笔记

 神器:Corener Editor   插件描述:变形的形状后还可设置圆角

【系统规范】

IOS启动页规范

iPhone4   只需要适配启动图片,如果不适配上架会被拒   Default-320w-480h@2x.png 分辨率 640 * 960

iPhone5   只需要适配启动图片,如果不适配上架会被拒   Default-320w-568h@2x.png 分辨率 640 * 1136

iPhone6   Default-375w-667h@2x.png 分辨率 750 * 1334

iPhone6P   Default-375w-667h@3x.png 分辨率 1242 * 2208

iPhone6P  横屏,把竖屏的图片横过来就行,如果不适配上架会被拒   Default-667w-375h@3x.png 分辨率 2208 * 1242

icon的统一性:断点,安全框

icon图标尺寸原理:比如 @1x 40*40 @2x 80*80 @3x 120*120

区域:点击的按钮&图形不得小于 Retina屏幕 88x88px  普通屏幕 44x44px

切图:小于左侧尺寸的以png-24空白区域切图

命名:两倍图以@2x做后缀

单独存在的部件尺寸必须是【偶数尺寸】

【适配方案】设计建议设计尺寸iphone5      适配iPhone6时乘以3/2

按iPhone5尺寸(640*1136) 按iphone5模拟尺寸(320*568)标注,6Plus微调bug 输出@2x&@3x png图片资源

适配6plus内容全部必须得放大1.15倍


【舒适值字体建议】以iphone5 @2x尺寸举例,设计商业app时可参考

导航栏navigation bar标题字体  36,38,40,42

主要内容标题字体 28,30,32,34   (*如标题 名称 正文 依照产品特性选用字体)

次要内容字体 24,26,28  (*如说明 副标题等 依照产品特性选用字体)

次要内容字体 20,22,24  (*如说明 小标题 时间 地理位置等 依照产品特性选用字体)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容