IOS界面设计尺寸标准规范
很多IOSAPPUI设计稿都是以iphone6为基准的，方便向上适配iphone7的尺寸，也方便向下适配iphone5的尺寸。所以小编给大家分享iPhone6的界面设计尺寸有哪些规范。
IOS界面设计尺寸规范（以iPhone6为例）
一、界面尺寸规范
1、界面尺寸大小是：750x1334px。
2、状态栏(statusbar)：就是电量条，其高度为：40px;
3、导航栏(navigation)：就是顶部条，其高度为：88px;
4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;
5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
二、图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px；
2、标签栏尺寸大小75x75px
3、导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是：20px24px，26px，28px，30px，32px，34px。
三、设置界面的图标高度和开关滑动按钮的高度：58px
四、可点击高度规范
在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
五、搜索栏高度规范
搜索栏的高度，在iPhone6的原型图上，统一成58px。
六、界面元素之间的距离规范
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30px。
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
七、原型设计中，需要考虑不同屏幕尺寸的苹果手机，在@1x的情况下的适配情况。
1、iPhone5在@2x屏幕尺寸是，640x1136px;对应的@1x，屏幕尺寸就是320x568px;
2、iPhone6在@2x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就是375x667px;
3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就414x736px;
八、iPhone6Plus的@3x，iPhone6的@2x,iPhone5的@2x的介绍
1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。
2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。
3、iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。
总结：iPhone6的原型规范如下：
1、界面尺寸布局：满屏尺寸750x1334px；
2、高度电量条高度40px，导航栏高度88px，标签栏高度98px；
3、各区域图标大小导航栏图标44px，标签栏图标50px；
4、各区域文字大小电量条文字22px，导航栏-文字32px，标签栏字20px；
5、常用的文字大小：32px，30px，28px，26px，24px，22px，20px；
6、常用的颜色：背景浅灰色#f2f2f2,文字深黑色#323232，边框色深灰#CCCCCC；
7、常用可点击区域的高度：88px；
8、单行文字的背景框的高度：88px，双行则为：176px，三行则为：264px；
9、常用间距：亲密距离：20px;疏远距离：30px，其它距离：10px，44px等；
10、按钮和文本框，原型图做成直角的，圆角半径是多少，由Ui来设计；
11、这种情况，需要修改原型。单个页面的逻辑流程图或用户学习使用时间，超过其它页面平均数的3倍以上
手机界面设计尺寸多大大神最新总结！
如果你刚开始接触UI设计，可能会遇到这些问题：当为iOS、Android或Web设计时，手机界面设计尺寸应该是多少？应该使用什么手机界面设计尺寸的图标？什么是DP和PT？为什么我的手机界面设计看起来不连贯、不平衡……其他的问题如颜色的使用不当和字体手机界面设计尺寸不一致，也是新手容易困惑的点。本篇文章，Pixso设计师将从手机界面设计尺寸基础开始，以Android手机界面为例，帮助大家总结手机界面设计尺寸的相关知识。
安卓MaterialUI工具包-免费使用
1.什么是DP/Pt/Px？不同的平台有不同的测量单位。iOS中的Pt（点），安卓Android手机界面设计尺寸中的DP/DIP（密度独立的像素），以及Web平台中的Px（像素）。以往，设计师往往需要了解不同测量单位之间的转换。但现在，你只需要设置好数字即可轻松交付!
当你把设计交给开发人员时，大多数时候他们会知道使用的是DP、Pt还是Px。同样，作为初学者，你只需要在Pixso等设计工具中设置数字即可，所有图稿信息均可转化为代码，开发人员直接在代码面板中查看和复制代码，免费注册Pixso账号，体验低代码交付。
2.手机界面设计尺寸多大？在开始手机界面设计尺寸之前，设计师需要清楚设计的平台是什么。Android，iOS，还是Web端？根据不同的平台，选择使用较常见的屏幕手机界面设计尺寸。
从上面的图表中，可以看到360x640是较常使用的移动屏幕分辨率。这是因为安卓Android是世界上占主导地位的移动操作系统，所有长宽比为16:9的安卓Android设备都有360x640像素的屏幕。而在iPhone5和iPhoneX之间，每个普通的iPhone型号的屏幕分辨率都是375x667pt。
iPhone14样机-免费领取
如果你想在更潮流的设备模型中展示手机界面设计，例如iPhone14Pro或三星GalaxyS10+，又或者是专门使用着不同屏幕手机界面设计尺寸的目标用户群。Pixso设计师在此建议安卓系统以360x640的分辨率设计，iOS系统以375x667的分辨率设计。
除此之外，1366x768仍然是Web端较主要的屏幕分辨率，建议在为Web端设计时以这个屏幕手机界面设计尺寸为标准，点击进入Pixso资源社区，免费领取更多手机设备样机图。
3.手机界面设计尺寸，模板一键套用看完上述安卓手机界面设计尺寸的相关内容，你是否有所收获？如果你对具体数值仍感到迷惑，不如打开Pixso资源社区的安卓MaterialUI工具包进一步查看。使用Pixso社区中的MaterialDesign工具包来开启手机界面设计尺寸便是小菜一碟。你所要做的就是遵循这些简单的步骤：
免费注册Pixso账号，浏览器在线打开Pixso工作台
在Pixso社区资源中找到MaterialDesign
开始拖动MaterialDesign进行手机界面设计尺寸
除此之外，Pixso资源社区内置海量国内外大厂的设计系统及组件库，包括TDesign、ArcoDesign、AntDesign、Element等优秀设计规范，所有大厂组件库资源均可一键调用，可以学习最新的设计规范，统一项目视觉效果。颜色、文本样式、图层样式不仅可以一键保存为资源，还可搭配起来重复添加为组件资源共享到团队，实现快速复用，只需要注册Pixso账号，即可进入资源社区免费下载使用手机界面设计尺寸模板。