莫b

我们UI设计师,都会做设计验收,在经历了多年验收后,会发现一些开发经常遇到的问题,有些问题是开发缺少经验导致,有些是设计师没有说清楚导致,今天我们来看看我遇到的各种情况吧!

1. 点击区域有考虑吗

2. 间距有做自适应吗

3. 对颜色不是很敏感

4. 安全边距没有定好

5. 夜间模式容易出错

 

1. 点击区域有考虑吗

我们看下面这个模块,一个标题和三个入口:

图片

如果就这样直接输出,开发会把点击区域写在哪里?

这样吗?(红色为点击区域)

图片

或者这样吗?

图片

其实都会存在点击区域过小,产生点击不灵敏的结果。

所以像这种模块,直接输出是不行的,一定要标明确的点击区域,比如这样:

图片

否者,开发就会根据自己的经验来加点击区域,如果经验不足,点击区域加的太小,就会产生问题,所以,类似的情况大家一定要注意,虽然现在都是自动标注了,但很多地方还是需要特别注明一下的。

 

2.间距有做自适应吗

我们在做信息排版的时候,有时候主信息可能是两排文字,辅助信息是一排,效果如下:

图片

如果主信息只有一排的时候,辅助信息是固定位置还是根据间距自适应呢?如果没说清楚,可能就会出现下面这个情况:

图片

看起来会有点像bug,这确实是我之前遇到的问题。

 

3.对颜色不是很敏感

其实开发有很多时候对颜色并不是很敏感,有时候在走查的时候,我们需要多多观察颜色问题,比如这种非常明显的问题:

图片

还有一些在滑动过程中会出现的情况,像这种:

图片

在滑动过程中出现的颜色问题,导致效果不佳。

 

4.安全边距没有定好

安全边距一定要定好,不然很容易出现问题,这也是我们经常会遗漏的,比如下面这种:

图片

看起来没有问题,那是因为标签的字数还不够多,如果一旦字数变多,就会出现这种问题:

图片

所以我们一定要把这个右侧的安全边距定好,还有把标签的最大字数确定好,否者就会出现问题。

 

5. 夜间模式容易出错

其实夜间模式是很头疼的,很多产品使用直接盖蒙层的方式处理夜间模式,虽然比较粗暴,但是不容易出错,如果是用变色的方式来处理夜间模式,很容易出现元素遗漏的问题:

图片

甚至是加了处理还是有点过亮的问题:

图片

这些时候,都是需要检查甚至是特殊处理一下的。

 

总结

好了,以上就是今天和大家分享的,都是在处理视觉走差时发现的问题,只是一小部分,以后有机会再分享更多,希望对大家有所启发,么么扔!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 就是因为疏忽了这些因素,所以我最后的落地效果不太好!

登录收藏
 
你可能喜欢的:
最近不少人和我说,把这些小细节做好了,可以在领导那里加不少分!最近不少人和我说,把这些小细节做好了,可以在领导那里加不少分!
如何快速胜任新工作如何快速胜任新工作
5年B端行业设计师眼中的“客户需求”与“用户需求”5年B端行业设计师眼中的“客户需求”与“用户需求”
设计师“进阶辅技” —— 高效沟通术设计师“进阶辅技” —— 高效沟通术
B端问答丨B端项目赶工,不重视设计应该怎么办?B端问答丨B端项目赶工,不重视设计应该怎么办?
设计赋能商业变现初探设计赋能商业变现初探
再谈设计师应该做B端还是做C端产品?再谈设计师应该做B端还是做C端产品?
详解|一文带你了解 B 端和 C 端设计的共性与区别详解|一文带你了解 B 端和 C 端设计的共性与区别
独家曝光!大厂设计师的交付细节全公开独家曝光!大厂设计师的交付细节全公开
阿里腾讯晋升潜规则,是什么?阿里腾讯晋升潜规则,是什么?