iOS篇

界面尺寸

设备	分辨率	状态栏高度	导航栏高度	标签栏高度
iPhone6 plus	1242×2208 px	60px	132px	147px
iPhone6	750×1334 px	40px	88px	98px
iPhone5/5s/5c	640×1136 px	40px	88px	98px
iPhone4/4s	640×960 px	40px	88px	98px
iPad3/4/Air/Air2/mini2	2048×1536 px	40px	88px	98px
iPad1/2	1024×768 px	20px	44px	49px
iPad mini	1024×768 px	20px	44px	49px

图标尺寸

设备	App Store	程序应用	主屏幕	spotlight搜索	标签栏	工具栏和导航栏
iPhone6 plus	1024*1024px	180*180px	144×144px	87×87 px	75*75px	66*66px
iPhone6	1024*1024px	120*120px	144×144px	58*58px	75*75px	44*44px
iPhone5/5s/5c	1024*1024px	120*120px	144×144px	58*58px	75*75px	44*44px
iPhone4/4s	1024*1024px	120*120px	144×144px	58*58px	75*75px	44*44px
iPad3/4/Air/Air2/mini2	1024*1024px	180*180px	144×144px	100*100px	50*50px	44*44px
iPad1/2	1024*1024px	90*90px	72*72px	50*50px	25*25px	22*22px
iPad mini	1024*1024px	90*90px	72*72px	50*50px	25*25px	22*22px

字体

iPhone 上的字体英文为： HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。

百度用户体验部做过一个小调查，对于app字体大小的调查结论如下：

颜色值

IOS颜色值取 RGB各颜色的值比如某个色值，给予IOS开发的色值为 R:12 G:34 B:56 给出的值就是 12,34,56(有时也要根据开发的习惯，有时也用十六进制)

内部设计

1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式，如图

Android篇

界面尺寸

android的尺寸众多，建议使用分辨率为720x1280 的尺寸设计。这个尺寸 720x1280中显示完美，在 1080x1920 中看起来也比较清晰；切图后的图片文件大小也适中，应用的内存消耗也不会过高。

状态栏高度：50 px
导航栏高度：96 px
标签栏高度：96 px
Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，当然高度也是和标签栏一样的：96 px
内容区域高度为：1038 px （1280-50-96-96=1038）

图表尺寸

屏幕大小	启动图标	操作栏图标	上下文图标	系统通知图标(白色)	最细笔画
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	不小于2 px
480×800px /480×854px /540×960px	72×72 px	48×48 px	24×24 px	36×36 px	不小于3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	不小于2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	不小于6 px

ps: Android设计规范中，使用的单位是dp， dp在安卓机上不同的密度转换后的px 是不一样的

字体

Android 上的字体为： Droid sans fallback ，是谷歌自己的字体，与微软雅黑很像。
Android的字体大小调查结论是：

颜色值

Android颜色值取值为十六进制的值比如一绿色的值，给开发的值为 #5bc43e

iOS app界面设计规范相关推荐

手机APP界面设计规范：如何定义视觉规范
25学堂|APP设计|网页设计师加油站首页 APP界面设计 APP设计模板 APP产品秀 UI设计干货 APP图标 Html5CSS3 APP设计教程优秀设计 APP创业当前位置: 首页 > ...
APP界面设计规范一（ios版）
转草莓部落 :https://www.ui.cn/detail/297025.html 好东西不能藏着.掖着,一定要告诉大家,与大家一起分享.本文纯属个人收藏整理加之经验之谈,不足之处希望大家指出 ...
iOS和Android的app界面设计规范
最近从一个程序猿变成产品汪了!人生职场的一次转变吧!从开发人员转产品,也需要很多基本工具和规范需要学习: 以下是自己对APP设计过程中一些自己写学习和总结,难免有错,欢迎指正: 在产品道路成长中,记录 ...
IOS与Android APP界面设计规范要点
信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯.每个工程师们所使用的控件,书写 ...
什么是手机App界面设计规范？
App规范指对App界面进行风格统一,对界面元素的样 .颜色和大小设定统一的规范和使用原则.与设计 .前段约定好统一的设计规范很重要,约定设计规范可以减少产品 . 设计 .前段的沟通成本:可以使界面设 ...
Android的app界面设计规范
Android界面设计规范界面尺寸 android的尺寸众多,建议使用分辨率为720x1280 的尺寸设计.这个尺寸 720x1280中显示完美,在 1080x1920 中看起来也比较清晰:切图后的 ...
app界面设计规范--iOS系统
做了一段UI设计,遇到了一些关于屏幕适配问题,自己通过查找和个人理解做了一些总结(有问的) iOS界面尺寸设备分辨率状态栏高度导航栏高度标签栏高 ...
app界面设计规范(整理)
之前一直没有接触过移动端设计,公司马上就要着手做移动端,前期做好准备也好快速上手.看过一些资料后,把一些重要的东西整理了一下: IOS界面尺寸: IOS图标尺寸: iPad设计尺寸: iPad图标尺寸 ...
iOS 有关界面设计规范的一些总结
当我们开始一个项目的时候,可能遇到各种各样的情况,比如说公司没有一个正八经的设计师的情况(应该有不少朋友遇到过吧)~所以作为万能的开发者,对设计还是要有所了解的.话不多说,下面我将系统专业的汇总一些界 ...

iOS app界面设计规范

iOS篇

界面尺寸

图标尺寸

字体

颜色值

内部设计

Android篇

界面尺寸

图表尺寸

字体

颜色值

iOS app界面设计规范相关推荐

最新文章

热门文章