千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计技巧|走查是什么意思啊?如何给原稿进行走查?

UI设计技巧|走查是什么意思啊?如何给原稿进行走查?

来源:千锋教育
发布人:小千
时间: 2021-04-30 08:53:00 1619743980

      作为开发者肯定无法做到与设计师一样的对图像的敏感,所以在开发过程可能会出现一定的偏差,设计走查能够快速的帮助开发者找到差异,还能给到解决方案最终完成高质量的交付,今天小千就来给大家介绍一下设计走查应该注意哪些地方。

1

      视觉:首先根据任务流程测试大的功能、交互、状态、空页面是否缺失,保证设计的完整性;走查页面还原:位置、间距、大小、颜色、文字易读(大小、自重、行高、段落等);组件化页面,检查组件使用;检查图标、按钮可操作区域操作可行性;点击区域的反馈是否有正确的 Toast 提示和正确的跳转;图标、图形、插画的清晰度和阴影的还原度;动效的使用;颜色差异等。

      交互:组件控件的各种交互操作的各种状态;各个业务状态;走查分两个阶段——第一阶段:自我内部自查(开发、其他人员会在开发过程中会再发现问题);第二阶段:上述的测试验收走查,这个阶段就是要去平衡开发时间和上线效果时间;提示文字、输入框引导文案、键盘调用效果、操作类内容展示、用户感知度、流程结束后操作、点击返回引发的操作提醒、同类操作入口的统一性;特殊情况走查等。

      注意点:覆盖不同状态下的页面走查;根据业务流程走查,避免遗漏。

      发现问题:要想达到最高质量的设计还原,就需要得出精确的各类差异参数,相对传统一点的方法,就是把设计稿中的页面与对应 App 全部截屏,然后通过 Ps 或者 Sketch 等设计工具与设计稿叠加对比;走查间距、位置、大小时,设计稿放在下层,截屏页放在上层,截屏层的透明度调成 50% 左右,查看重合度;走查颜色主要靠像素眼,一般感觉色差不对,对截屏页进行吸色对比。

      走查报告:首先列好走查的页面,每个页面下面记录好存在的问题,比如:写明页面与设计稿不符的具体位置,按自己的判断与理解应该如何调整才能达到设计还原,并放上对应的设计稿进行标注;标明出问题优先级、测试机型。

      产品正式上线以后,第一时间下载安装,对该版本所有需求页面进行体验与使用,观察页面上是否有新的视觉问题或调整不到位的问题;发现问题后及时进行记录,反馈给开发,一起探讨出现问题的原因与确认调整时间与方案。

      以上就是UI设计师走查的介绍了,最后如果你对UI设计感兴趣的话不妨来千锋UI设计培训班了解一下我们的UI设计培训课程,现在咨询还有免费UI设计学习教程视频领取,先到先得。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT