几乎所有设计师都在用的7±2法则到底是什么？

了解 7±2 法则，并应用到日常设中可以准确的传递主体内，并使用户对其产一的印象。下面，我将通过实例，解析一下 7±2 法则设中常见的应用方法。

我们大脑天都会接收很多信息，于我们看到些信息，大脑会进理解和记忆。根据 George A. Miller 研究，类大脑在短时内、记忆最佳状态是最多记住 5~9 项信息，而如信息量出 5~9 项后，记忆会出，那么势必会影响展现主体内容初衷，这是神奇 7±2 法则。

了解 7±2 法则，并应用日常计中，可以准确的传递主体内容，并使用户对其产生一定的印象。

下面，我将通例，来析一下 7±2 法则在设计中常见的应用方法。

数字分割的设计

在设计中，经常遇到一数字的展示，我们通常把数字按其行业规律进行分割。例：手机号采用 3-4-4 的方式进行分割，银行卡号采用每 4 位进行分割等等。

案例展示：

△ 左图（）：注册填写机号，采取 3-4-4 的方式，中间用空格进行割。右图（美）：商家页拨话的展示也同用空格进行数字割。

通 7±2 法则，用种分割方式，以达到很的互验，提升用户操便捷的同时还以使用户进行快速忆。

导航、选项卡的设计

在使用 APP 时，菜单栏是我们经常要用到的区域。果大家仔细观察，大部分 APP 的菜单栏遵循 7±2 法则的原理来进行设计的。虽有菜单栏以通 X 轴滑动来展示更内容，但在页面初始状态下，菜单数量持在 5~9 个之内。

案例展示1：

△ 左图（今日头条）：初始状下，菜栏有效点击数量为 6 个。右图（爱奇艺）：初始状下，菜栏有效点击数量为 6 个。

另外，PC 端的导航栏设计，也同样以遵循 7±2 法则。

案例展示2：

图片从上下依次为：软官网、苹果官网、优、站酷、UI 中国，菜栏都没有超过 9 个，整体计更加简约，使用户更加直观、清晰的查找想要的内容。

不论是移动端，还是 PC 端，我们以根据 28 原理（80%的用户在使用 APP 时，关注的内容只占总内容的 20%），加上数据分析，来优化菜单栏的展示。最，通 7±2 法则的应用，紧紧的、有效的锁住用户。

内容版式的设计

7±2 法则以帮助我们来进行页面内容的局排版。

通过卡片式的分类设计，将同类的容组成到同一个卡片模，户可通过先查询卡片模，再来寻具体的容，看起来交互路径变长了，但实际上却大大的了户的使效率。

案例展示：

△ 左图（微信）：将不同的口，通卡分类进行组合，金融理财、生活服务。右图（京东金融）：将同类型内容进行组合成到一个卡模块中。

容版式的设计，就像我们在写章时，标题、落换行一样，条清晰，方阅读。

以就 7±2 法则日常设中常见的应用方法。文章的后，套用人的一句话：“除非好的选择，否则就遵从标准”，希望对家所启发，同时欢迎家共同探讨、交流。

欢迎关注「JellyDesign」小程序：