UI笔记

作者: 榆木Leah | 来源:发表于2015-06-06 17:20 被阅读232次

     神器: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  (*如说明 小标题 时间 地理位置等 依照产品特性选用字体)

    相关文章

      网友评论

        本文标题:UI笔记

        本文链接:https://www.haomeiwen.com/subject/ilpdtttx.html