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