UI笔记

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

【系统规范】

IOS启动页规范

iPhone4   只需要适配启动图片,如果不适配上架会被拒   [email protected] 分辨率 640 * 960

iPhone5   只需要适配启动图片,如果不适配上架会被拒   [email protected] 分辨率 640 * 1136

iPhone6   [email protected] 分辨率 750 * 1334

iPhone6P   [email protected] 分辨率 1242 * 2208

iPhone6P  横屏,把竖屏的图片横过来就行,如果不适配上架会被拒   [email protected] 分辨率 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  (*如说明 小标题 时间 地理位置等 依照产品特性选用字体)

你可能感兴趣的:(UI笔记)