全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

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

发布时间:2021-04-30 08:53:00
发布人:小千

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

1

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

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

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

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

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

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

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

相关文章

红帽RHEL8和7有什么区别?

红帽RHEL8和7有什么区别?

2023-10-14
什么是软件即服务(SaaS)?

什么是软件即服务(SaaS)?

2023-10-14
Kafka主要应用在什么场景?

Kafka主要应用在什么场景?

2023-10-14
为什么TDD是敏捷的核心实践?

为什么TDD是敏捷的核心实践?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取