设计走查:上线前对比设计稿与开发实现,找出视觉、交互、体验不一致的问题。
📌 走查清单
🔹 布局与间距
整体布局是否还原设计稿?
元素间距、边距、对齐是否准确?
多屏幕宽度下响应式是否正常?
🔹 字体与文字
字体、字号、字重、行高是否一致?
文字颜色、透明度是否正确?
长文本换行、截断、溢出处理是否合理?
🔹 颜色
色值是否与设计稿完全一致?
hover、active、disabled 等状态色是否正确?
🔹 图标与图片
图标尺寸、颜色、对齐是否还原?
图片比例、裁剪、圆角、阴影是否一致?
🔹 交互行为
点击、跳转、弹窗、抽屉逻辑是否正确?
动效时长、方向、缓动函数是否符合设计?
加载、空状态、错误状态是否完整?
🔹 边界情况
数据为空、极少、极多时展示是否正常?
不同权限、不同设备下界面是否一致?
💡 走查小建议
用截图标注记录问题,更清晰高效
按优先级分级:阻塞问题 > 重要问题 > 建议优化
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解。
当你开始坚持,你便不再只是“做设计”,而是用设计的眼光重新看见世界。






