移动应用界面设计的尺寸设置及规范
1、根据Android官方规范，启动图标应为48x48dp，操作栏图标为32x32dp，小图标/场景图标为16x16dp，通知图标为24x24dp。字体大小则建议使用sp单位，以保持在不同屏幕上的相同显示效果。 其他尺寸要求 Android建议将48dp作为可触摸UI元素的标准尺寸，以确保用户能够轻松触摸到目标区域。
2、***在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640×960 或者 640×1136 的尺寸设计。其中设计稿的画布分辨率设为默认的72ppi（此时1px=1pt ），所以设计师可以统一采用px为单位。
3、iOS界面规范 界面尺寸： 中码设备尺寸为750px * 1334px，Plus版本尺寸为1242px * 2208px，两者间为5倍关系。 状态栏：高度为40px。 导航栏：高度为88px。 底部栏：高度为98px。 图标：最小点击图标不能小于44px，一般大小为58px，圆角为12px。
4、iosUI设计尺寸规范如下：界面尺寸大小为750乘以1334px；电量条高度为40px；导航栏高度为88px；主菜单栏高度为98px；内容区域高度为1108px；设置界面的图标高度和开关滑动按钮高度为58px；内容区域的文字大小为20px24px，26px，28px，30px，32px，34px。
5、在进行手机App界面设计时，我们需要根据不同的设备型号和屏幕大小来确定设计尺寸。一般来说，手机屏幕的尺寸可以分为以下几种： 小屏手机：4英寸以下，如iPhone iPhone SE等。 普通屏手机：4英寸-5英寸，如iPhone iPhone 7等。 大屏手机：5英寸以上，如iPhone iPhone X等。
6、在Android设计中，以160 DPI屏幕的1倍图为基础，常用尺寸有720 * 1280（2倍图）和1080 * 1920（3倍图）。字体方面，iOS中推荐使用PingFang SC、Helvetica、SF UI Text 和 SF UI Display，而Android则倾向于思源黑体/ Noto和Roboto字体。
ui界面设计尺寸?
1、界面尺寸大小是：750x1334px。状态栏（statusbar）：就是电量条，其高度为：40px。导航栏（navigation）：就是顶部条，其高度为：88px。主菜单栏（submenu，tab）：就是标签栏，底部条，其高度为：98px。
2、界面尺寸规范方面，推荐的尺寸为750x1334像素。状态栏的高度为40像素，导航栏的高度为88像素，主菜单栏的高度为98像素，内容区域的高度为1108像素。图标尺寸方面，导航栏和工具栏的尺寸为44x44像素，标签栏的尺寸为75x75像素。导航栏的文字最大值为34-36像素，标签栏的图标下方的文字大小为20像素。
3、在iOS设计中，主流尺寸推荐使用375 * 667像素，导出切图时使用@2x和@3x，即原尺寸的2倍和3倍图。目前，大部分设备采用750*1334px的分辨率，但考虑到小分辨率已不多见，375 * 667尺寸仍然适用。
干货!悬浮按钮设计规范必知
1、悬浮按钮设计规范要点如下：使用原则 选择适当的悬浮按钮尺寸：默认尺寸为56*56dp，迷你版为40*40dp。界面宽度低于460dp时，需从默认尺寸调整至迷你尺寸。 悬浮按钮只承载正向操作：通常承载主要的、有代表性的正向操作，如创建、分享等，不应执行破坏性的操作，如删除、归档。
2、悬浮按钮只承载正向操作：悬浮按钮应承载主要的、有代表性的正向操作，如创建、分享、探索等，避免执行破坏性操作，如删除、归档。大尺寸屏幕上的悬浮按钮放置：在大尺寸屏幕上，悬浮按钮可以放置在APP栏、工具栏或结构元素边缘，但每个页面只能出现一个，避免滥用分散用户注意力。
3、- 悬浮按钮可以在用户进行点击或滚动操作时转换成工具栏，节省屏幕空间，提升用户体验。 界面变形的枢纽 - 悬浮按钮可以扩展为APP结构的一部分，通过动效延伸至整个屏幕，甚至变为独立的界面，成为界面功能切换的动态枢纽。
4、悬浮按钮用于驱动动作时使用。当然在其它场景使用并不局限于单一形状，可以是图片文字结合，也可以是icon单独构成，悬浮于页面中。
5、从代码层面看，Toast 和 Snackbar 属于非模态组件，不获取焦点，用户可以在它们出现时操作其他内容，这符合“轻量化信息和反馈”的设计原则。Toast 默认展示在控件之外，而 Snackbar 在控件的顶层。实际上，Toast 不改变现有控件布局，而 Snackbar 可能导致悬浮按钮上移。
h5页面设计规范
1、H5页面设计应遵循以下设计规范： 响应式设计 确保页面在不同设备上（如手机、平板、电脑）均能良好显示，使用百分比、视口单位（vw、vh）等布局方法，使页面元素适应不同屏幕尺寸。 视觉设计 色彩：选择合适的色彩搭配，保持整体风格一致，避免过于花哨。
2、h5页面设计规范 把重要内容布局在安全线之上。目前包含android和ios最小分辨率均在640*960之上。计算Android和ios安全区域，以android的导航栏和标签栏最大值（48+100）为准：960-148=812，从状态栏开始812设计即是安全区域。可点击部件尽量和屏幕四边保持20-30PX的距离。
3、因为要考虑到现在的大部分手机屏幕，更偏向于是全面屏或者是曲面屏幕，或者像iphonex这样的大屏手机，所以H5面的制作。
IOS界面设计尺寸标准规范
iosUI设计尺寸规范如下：界面尺寸大小为750乘以1334px；电量条高度为40px；导航栏高度为88px；主菜单栏高度为98px；内容区域高度为1108px；设置界面的图标高度和开关滑动按钮高度为58px；内容区域的文字大小为20px24px，26px，28px，30px，32px，34px。
iPhone6是7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。
界面尺寸规范主要包括：界面尺寸大小为750x1334px。状态栏高度为40px，主要用于显示电量等信息。导航栏位于顶部，其高度为88px，用于显示应用程序名称或返回按钮。主菜单栏位于底部，高度为98px，用于显示不同的功能标签。内容区域位于屏幕中间，高度为1108px，可以自由设计。
h5页面用什么设计规范
H5页面设计应遵循以下设计规范： 响应式设计 确保页面在不同设备上（如手机、平板、电脑）均能良好显示，使用百分比、视口单位（vw、vh）等布局方法，使页面元素适应不同屏幕尺寸。 视觉设计 色彩：选择合适的色彩搭配，保持整体风格一致，避免过于花哨。
h5页面设计规范 把重要内容布局在安全线之上。目前包含android和ios最小分辨率均在640*960之上。计算Android和ios安全区域，以android的导航栏和标签栏最大值（48+100）为准：960-148=812，从状态栏开始812设计即是安全区域。可点击部件尽量和屏幕四边保持20-30PX的距离。
H5页面设计尺寸的规范是根据手机屏幕尺寸来制定的，主要目的是确保页面内容在不同手机上都能完整呈现。手机屏幕尺寸和比例不一，因此设计时需要考虑内容的优先级，将重要的元素放在安全区内，比如背景图和关键文字信息。而边缘部分则划分为出血区，这部分内容可以被裁剪或用于遮挡手机背景。
