Page 34 - 嘉和资讯九十四期

设计部专栏

如果你想了解其他的设计原则，可以查看《完整版 19 条人机交互定律 -laws-

of-ux》

完整版 |19 条人机交互定律 | LAWS OF UX

文章的最后，我们来做一个小小的练习。

上图当中两个界面当中的 tab 选项卡有什么不同，要使用何种布局方式

呢？

Tab1 中 一级 tab 及二级 tab 都是居左对齐，所以要遵循【对齐严格】，

并且每个选项的长度是随着内部文字的多少进行适配的，长度 = 文字长度 +

内边距 *2，遵循【适配严格】。

Tab2 中 一级 tab 及二级 tab 都是在页面宽度均分后居中对齐，如“病

历”为整个界面宽度 /2 后居中对齐，遵循【对齐严格】。二级 tab 同样的，

只是页面宽度要三等分。

今天的文章啰嗦到这里，不知道你学会了没有？