如何让复杂的页面更加易用？

改善了 3 点：

1，用差异的间距表白页面内容的层级相关，使页面看起来更有条理感，统一组的元素彼此接近间距为20px，差异组间隔分隔间距为50px，规定牢靠高度；

2，将重点信息举办重点展示，对付预约集会会议室的公司来说，集会会议室名称，与会时刻，谁预订的是最重要的部门，以是将重要信息举办了字号，颜色变革的处理赏罚，将时刻元素用相同日历的情势展示出来用区此外颜色把积分展示出来，用户对信息通盘快速接管；

3，将集会会议室装备用图标的情势展示，一览无余。

相同的例子，我们平常常常会看到，譬喻：

1、脉脉

对付小我私人书息回收模块化的情势，首要内容和次要内容明明分隔，每个模块之间的区分也很明明，每个成果的进口回收图+文团结的情势，这样使得页面显得机动多样，突出特色模块，缓解用户的阅读疲惫，直切主题。

2、Airbnb

这是Airbnb中房源预定详情页面第一屏表现的内容，在简捷的白色配景上，差异层级的问题回收了差异的字号和颜色，层级越高字号越大，房间内部铺排通过图标+笔墨表达，页面底部的预定按钮在整个页面突出可见，比拟凶猛，毫无疑虑引导着这个页面的首要操纵。

3、 163 邮箱

这是 163 邮箱的收件箱页面，对付用户来说，未读的邮件更为重要，以是对付未读信息和已读信息在字体粗细和字体颜色做了明明的区分，已读信息弱化，另外在未读信息前还加了蓝色点标示，已读信息则去掉。让用户在查察邮件的时辰可以第一眼看到重要信息。

小结

许多时辰，当我们拿到产物原型的时辰急于去展示信息，而忘了思索我们拿到的信息这么多，对付用户来说他想看到什么？而你又想怎么展示重要信息，要害时辰记着这几招：

1. 留意解析信息，让页面的层级更明晰；
2. 让重要的信息跳出来，可以通过对字体加大加粗，色彩比拟，元素支解等方法区分；
3. 实行着将笔墨图形化，风趣的将信息展示出来。

（编辑：湖南网）

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