实例解析「交互设计七大定律」在设计中的应用（上篇）

• 案例二：好比安卓版微信、付出宝和QQ底部导航

在行使APP的时辰，我们城市用到软件的底部导航地区，假如各人细心调查，会发明，任何软件的底部导航都不会高出 5 个，就像下图中的微信、付出宝及QQ界面一样，底部导航也没有高出五个的。

（2）假如导航或选项卡内允许多，可以用一个层级布局来展示各段及其子段，并留意其深广度的均衡。

• 案例一：好比天猫商城和亚马逊网站的商品分类选项卡

导航是分为多个层级的。假如导航的内允许多放不下的话，我们就可以将它整合归类来分层级收纳，就像天猫和亚马逊官网对付商品分类的处理赏罚方法一样，行使父子层级的方法来归类展示商品。

• 案例二：好比京东及当当网APP分类模块

下图别离为京东及当当网APP的商品分类模块界面，我们不丢脸出，两个产物的商品分类机关情势很相似，都是用了选项卡的方法来分类商品，层级明晰，响应的晋升了用户找寻商品的服从。

（3）把大块整段的信息支解成各个小段，并明显标志每个信息段和子段，以便清楚简直认各自的内容。

• 案例一：好比苹果官网iPhone X 对付说话版本的先容板块

如下图所示，说话版本先容模块把一整段说话，分成四个模块的信息来先容，并且每个模块都要本身的问题，再加上段落之间的空间留白，使得此段信息看起来清楚明白。

• 案例二：好比付出宝和微信银行卡界面卡号信息的展示方法

正如下图所展示的，为了便于影象，付出宝及微信的银行卡展示界面，将卡号信息的展示采纳了分段的方法，这个也源于我们实际糊口中行使的银行卡，各人都知道银行卡的卡号是分段展示在卡上的。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!