这几天找了几个平台的规范,并且搜索了一些对规范总结的。把比较好的几个归纳下来,分享到简书。没有找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规范