part2 iphone规范总结

作者: 塰里 | 来源:发表于2017-04-16 17:06 被阅读115次

      这几天找了几个平台的规范,并且搜索了一些对规范总结的。把比较好的几个归纳下来,分享到简书。没有找android的和watch ,因为感觉现阶段我主要的方向大概就是ios的吧,ios先熟络了,那android和watch的应该入手也不难(主要是现在超想赶紧过完一遍然后做app。。)白羊座就是很急性子。。

     认真的把这些规范琢磨了好几遍过去,大概做到心里稍微有数吧,从前两天起的ui100day的页面就努力开始按照规范做图。but 页面上的线性icon不是自己画的,心不够沉着。这是很大的毛病。。

    如我所愿的吧,,开始part3. 接触交互和ae

    感觉自己进度太快了,watch和android没做还是很虚,但是结果会好的,想自己做出作品

    要这几个平台规范的可以私信我,我邮箱分享给你们。

    iphone 界面尺寸

    iphone图标尺寸

    1.导航栏的图标高度为44px,标签栏的图标高度为50X50px,最大为96X64px。

    2.导航栏的文字大小最大值是34-36px,标签栏的图标下方文字大小为20px。

    3.iphone6的设计稿尺寸是@2x,做原型图的时候,可以做成@2x(750X1334px),也可以做成@1x的(375X667px)

    4.线框图常用的黑白灰数值

    文字黑色#282828

    文字深灰色#656565

    文字浅灰色#989898

    边框浅灰色#c3c3c3

    背景淡灰色#f2f2f2

    按钮背景纯白色#ffffff

    ​5.常用的可点击高度,在iPhone6的原型图赏,统一88px。这是一个常用的设计尺寸。

    6.搜索栏的高度,统一成58px。

    7.界面元素之间常用距离,亲密距离:20px; 疏远距离:30px。

    YY语音规范

    8.布局设计时最小的尺寸单位为8px。

    ​保证在双平台上大部分机型开发中不会出现模糊变形的问题,并且只需设置一套设计稿,减少设计师工作量。

    优酷视频规范

    ​网易云音乐规范

    约派app规范

    相关文章

      网友评论

        本文标题:part2 iphone规范总结

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