美文网首页
「Alignment」交互设计中对齐的意义

「Alignment」交互设计中对齐的意义

作者: 我是真的YTR | 来源:发表于2018-11-02 16:14 被阅读27次

入职三个月,大部分时间再做后台页面的交互设计,无非就是各种表单、表格,对对齐有了更深的理解,现总结出来:

结论先行

对齐的目的在于让用户有「相同的视觉起点」,使用户浏览更效率更高,视觉起点不会“跳”。你想让用户从哪边开始读,你就从哪边对齐,或者选择哪种对齐方式,即左对齐or右对齐。

字段信息的对齐

Ant Design

Ant Design这个采取了统一的左对齐,我猜测是因为设计者想表示左侧字段名称很重要,用户并不熟悉,倾向于让用户从表单名称就开始从左向右阅读信息。

但这并非是唯一的对齐方式。

某些B端产品中,用户常以高级用户为主,他们在浏览信息时重点关注具体的内容信息,而不是左侧的名称,他们甚至很少看名称,所以在这种情况下,可以采取以内容信息为基准的左对齐,而不是以整个字段信息为基准。为了保持名称和内容信息的间距的一致性,所以名称采用右对齐。

表格信息的对齐

大家都说表格设计中文字应该左对齐,数字右对齐,那么数字和文字的混合呢,多种字符的混合呢?怎么对齐?评判标准是什么?包括工作一段时间的设计师在内的很多人在内都不知道为什么,只是在都单纯地重复机械性的无意义的劳动。

数据表格

还是那句话,你从哪边开始看,就向哪边对齐。文字从左向右看,所以文字左对齐;数字从右向左看,个十百千万,所以数字右对齐。

如果在数字位数相同的情况下(如百分比),数字也可以左对齐啊,因为位数一致,你肯定从左向右比大小,但是这等于废话,因为位数一致时,左对齐=右对齐,其他内容同理。

还有,我认为如果表头后面带icon的,也是应该以表头字段为基准进行右对齐,而不是以icon为,因为正确的浏览顺序仍是:先表头,后内容,如有必要,再点击icon进行排序。

总结

在运用设计法则指导设计的时候,还是尽量追根溯源搞清这些法则的本质/初衷是什么,也许是心理学、生物学、哲学......等等,而不是一味地照搬,套用。只有更深层次地理解规则,才能更好地执行规则。

相关文章

网友评论

      本文标题:「Alignment」交互设计中对齐的意义

      本文链接:https://www.haomeiwen.com/subject/bisatqtx.html