在设计过程中色彩与对比用差异突出重点，文本与背景确保看得清是底线，对比度标准正文文本与背景色对比度≥4.5:1，如深灰#333配白色#fff，大标题≥18pt≥3:1，如橙色#FF7A00配浅灰#F5F5F5，工具检查用验证避免浅灰字配浅灰背景，等低对比度错误尤其老年人和色弱用户，用强调色聚焦关键操作仅对核心元素，CTA按钮、重要标签、数据使用高饱和色，如品牌主色占比不超过页面10%避免视觉干扰。
响应式排版适配多设备的核心技巧，相对单位替代固定单位字体大小用rem，相对于根元素或clamp()动态范围，随屏幕宽度自动调整间距用px小间距或%大区块，避免易累积误差。
移动端专项优化字体最小14px正文，避免缩放后模糊，行高增加至1.6-1.8倍小屏幕阅读时减少换行压力，布局单列优先重要按钮占满屏幕宽度，方便拇指点击表单输入框高度≥50px。
常见错误避坑过度装饰滥用阴影、渐变、特效如每个文字都加描边导致内容喧宾夺主，对齐混乱元素边缘差1px没对齐，如卡片左对齐但图片右偏破坏精致感，忽视空白为填充满页面而压缩留白，导致内容拥挤尤其移动端，字体混搭在一段文字中混用多种字体，颜色、如：重要标红注意加粗又标蓝干扰阅读节奏。
