UI Tips

uitips-logo

上次更新:2018年10月03日

 

1

首先看  整理的这个 Little UI Details(twitter.com)

然后看 Little Big Details ,但也不再更新。

 

2

tips-1

默认状态下*尽量不要使用数字「1」作为数字占位符,否则会出现和与预期宽度不符的情况。

*即Sketch里没有设置 Tabular Figures 的时候,详见这篇文章

 

3

tip-2

Sketch里选择一枚元素后,按方向键移动它,周围的八向变换边框会暂时消失方便微调。这是在Adobe系的产品看不到的情况。

 

4

tip-4

material.io 的404页面也会有 Don’t 提示👏。

 

5

uitips-5

许多桌面浏览器在点击「X」连续关闭标签页时,标签页当前宽度会维持不变,并向左移动,直到右边没有标签页为止,以便于连续删除网页标签。途中鼠标移开标签栏,标签页宽度会恢复自适应大小。

 

6

uitips-6

最近观察到的某个App(Android)注册流程交互中,没有规避滑动返回手势。这导致的问题是,在验证码填写阶段如果手滑返回到了重新填写手机号/邮箱的界面,想要再次获得验证码时一般会触发防spam机制,而被提示发送过于频繁等字样。最终结果便是尴尬的拿到了验证码而无处填写,影响转化。