最新消息:文章中包含代码时,请遵守代码高亮规范!

移动端APP的设计规范【原创】

Android Shirley 998浏览 0评论

随着移动设备的越来越普遍,大家倾向于在碎片时间用手机浏览各种信息,越来越多的移动端产品就被大家说需要,客户也需要定制APP来占领他们的市场,这里为大家总结一下移动端APP的一些设计规范。

   一、Android

1、Android手机屏幕,大致分为四类:320*480(市面上已经很少了)、480*800、

720*1280、1080*1920,去年以720*1280为主导,现在已经1080*1920为主流了。

2、Android手机UI设计一般分为:状态栏、导航栏、内容区、主菜单栏

(个人以720*1280出设计稿,这样还可以偷懒一稿适配iOS)

Android

4、字号:24px、26px、28px、30px、32px、34px,36px等等,字号一定要是偶数,最小字号20px。一般内容文字用28px

5、APPicon的切图大小:1024*1024、512*512、144*144、96*96、72*72、48*48

 

二、iOS

1、iOS手机屏幕:iPhone3:328*480和iPhone4:640*960(现在使用者不多了)、iPhone5:640*1136、iPhone6:750*1334、iPhone6P:1242*2208

2、iOS的UI设计与Android类似,也分为:状态栏、导航栏、内容区、主菜单栏

(个人以750*1334出设计稿,这样还可以偷懒一稿适配Android)

ios

3、字号也跟Android一样:24px、26px、28px、30px、32px、34px,36px等等,字号一定要是偶数,最小字号20px。一般内容文字用28px

4、APPicon的切图大小:1024*1024、180*180、114*114、60*60、57*57

 

最后给大家推荐几款好用的ps插件:

(1)、切图Cutterman,切图神器,节省时间;

(2)、标注Parker、马克鳗,标注神器,可以有效出规范;

(3)、手机实时预览ps设计稿:Ps Mirror

(4)、辅助线生成:GuideGuide

(本人自己总结,有不足的错误请大家指正,谢谢)

 

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/19109.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Shirley的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!