TS+2.21视觉规范：iOS与Android设计指南

"TS+视觉规范 2.21 是一份针对TS+2.0.1产品开发的设计文档，涵盖了iOS和Android平台的界面设计规则，包括颜色、字体、尺寸和排版等方面的详细说明。这份规范旨在确保跨平台的UI一致性与用户体验。" TS+视觉规范2.21是针对TS+产品的最新设计标准，主要关注于iOS和Android两大操作系统的设计适配。设计者在创建界面时，需要遵循以下关键知识点： 1. 设备尺寸与设计单位： - iOS设备设计图推荐尺寸为750*1334像素，设计单位为像素(pixel)。 - Android设备设计图尺寸建议为720x1280，设计单位为密度无关像素(dp)和可缩放像素(sp)。 2. 字体选择： - 设计图中使用的字体是"苹方"，这在两个平台上都会保持一致的显示效果。 3. Android平台的文本与间距单位转换： - 文字尺寸：在Android上，1sp等于2px，因此44px的文字在开发中应为22sp。 - 间距尺寸：1dp等于2px，所以20px的间距在开发中应设为10dp。 4. 单位换算原则： - 通常情况下，按照1:2的比例关系进行单位换算，但特殊情况如宽度518px(248dp)时，由于设计图比例差异，比例关系不适用。 5. 颜色规范： - 规范详细列出了产品内部的颜色汇总，颜色应用举例和特殊颜色的使用说明，以确保色彩搭配的一致性和品牌识别度。 6. 排版样式： - 包含了图片尺寸的指南，如A4纸比例图片和1:2图片尺寸。 - 元素间距的设定，对界面元素之间的距离进行了详细规定。 - 指示器设计，用于引导用户操作的图形元素。 - 动作表单的排版，涉及用户交互和提交操作的形式设计。 这份规范旨在为设计师提供一个清晰的指导，确保在不同平台上的应用界面设计统一且符合用户体验最佳实践，同时也方便开发者准确地实现设计稿，从而打造出一致且高效的跨平台应用程序。