前端页面模板
UI还原测试及标注思路⼼得
先给⼤家讲个场景。
年底了，公司开始赶产品上线。
上线时间紧促，导致从产品到设计到开发的时间压缩得可怜，产品改需求，设计开始哧哧改，好不容易画完图，做好标注图后，打个包丢给前端。前端开发完后，测试⼩姑娘开始测试，UI拿到前端做好的页⾯验收还原度——WTF 这特么是⾃⼰画粗来的页⾯吗？果断验收不合适。前端这边委屈了，我分明是按你的设计图写的代码，为什么最后区别这么⼤？测试⼩姑娘夹在设计和前端之间，左右为难。产品要上线，视觉过不了关，怎么办？怎么办？
造成这种现象出现的原因，分析⼀下⼤概有以下⼏点：
从UI设计来说：
1、信马由缰，把界⾯UI设计当作画布任意挥洒，完全不考虑实现的难度；
2、标注图不全，太信赖前端的理解能⼒；
3、反复修改设计，故意为难前端。
从前端开发来说：
1、时间紧任务重，没办法⼀张⼀张看标注图；
2、没节操，想怎么写就怎么写，反正最后要上线，细不细致都⼀样；
3、不知道如何解决，内向不肯和UI沟通到解决⽅案。
从测试⾓度来说：
1、测试混乱，测功能时提UIbug；
2、测试页⾯还原时，提UI不细致，⽤“请参照UI设计稿”概括⼀切问题。
暂且当作⼤家都有百分百的职业操守，这种情况出现的频率依旧很⾼。如何解决呢？从根本上说，这种现象的出现绝⼤部分原因是因为⼯作流程和规范的不遵守。画了⼀张图，以⼀名设计师的⾓度谈⼀谈怎样在时间紧的情况下，将页⾯失真降到最低。
2、界⾯效果图
3、标注图
4、与前端沟通后的切图⽂件。
说完和前端的配合，再说说和UT测试的配合。测试第⼀轮往往是功能性测试，以及逻辑性测试。这个时候测试和前端往往没有时间和精⼒去顾及UI还原。
但这个时候，测试可以测试界⾯布局。如果UI界⾯布局都有问题（背景颜⾊差异巨⼤的，该有的元素丢失），前端的页⾯基本可以打回重做。
开始测试页⾯还原应该从哪⾥⼊⼿？
从设计给出的建议是：⽂字 图⽚ icon 背景 线框 颜⾊ 间距（详情见图）
UI还原任重⽽道远啊！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。