人脸识别引导框姿态提示设计规范.docVIP

人脸识别引导框姿态提示设计规范

一、引导框基础设计规范

（一）引导框形态与尺寸

引导框的形态需以人脸的自然轮廓为基础，采用圆角矩形作为核心形态，圆角半径设置为整体高度的15%-20%，既贴合人脸的柔和曲线，又避免尖锐边角带来的视觉压迫感。在尺寸设计上，需根据不同设备屏幕分辨率进行适配：

移动端设备：引导框宽度占屏幕宽度的60%-70%，高度与宽度比例保持在4:3（符合人脸自然比例），最小宽度不低于240px，确保在小屏设备上仍有足够的识别区域。

PC端设备：引导框宽度控制在300-400px之间，高度对应为225-300px，同时需保证引导框距离屏幕边缘至少50px，避免与系统UI元素重叠。

平板设备：结合移动端与PC端的设计逻辑，宽度占屏幕宽度的50%-60%，高度按4:3比例适配，兼顾大屏显示的舒适性与操作便捷性。

（二）引导框视觉样式

引导框的视觉样式需兼顾辨识度与美观度，具体参数如下：

边框设计：采用双层边框结构，外层边框为2px实线，颜色选择高对比度的主色调（如#007AFF），透明度设置为0.9；内层边框为1px虚线，颜色为外层边框的浅色调（如#66B2FF），透明度0.7，形成层次感的同时突出识别区域。

填充与阴影：引导框内部填充为半透明黑色（rgba(0,0,0,0.3)），既保证背景内容的可见性，又能有效突出引导框主体；添加模糊阴影效果（box-shadow:0