Bad Experience

人们习惯并接受常态,是由于人们无法选择或者懒得选择,坏的体验并非仅是设计问题,要从多方面思考,规避。
2019.12.02 Bad 😕


Image
* 不规范切图

有时候会见到这种缺像素的切图,常见的是边角是圆形有弧度的。

如何产生的这个问题?

1,切图不规范,贴边切图;
2,不同机型缩放后出现像素偏移;

设计建议

1,规范切图,切图要有底板,内容小于底板,留出空白;
2,避免奇数,以偶数尺寸,防止适配出现像素偏移;
3,尺寸比较建议以2的次方,8的倍数;


2019.11.20 Bad 😕


Image
* 文本显示不全

我们偶尔会见到有时候一些文案被切了一部分;对常规用户一般不会在意这些细节;作为设计或开发人员,这些视觉BUG是需要注意的。

如何产生的这个问题?

1,别的控件挡在了文本上无法显示;
2,UILabel 高度小于文本内容高度无法显示完整;

从上边的看文本距离图标很近有可能被挡住,但下边文本上下距离别的控件很远被别的挡住的可能很小;那就很有可能是UILabel 高度小于文本内容;正常UILabel 自己生成的控件高度是自适应的不会出现这种问题,那就有可能是之前设置了文本固定行高,之后增加了字号导致无法显示;具体如何,需看代码。

设计建议

1,认真校验;
2,建议设置行高与字号 字体上下至少大于等于2个像素;
3,开发使用SystemFont系统字体,不写死行高;