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

了解 7±2 法则，并应用到日常设计中可以准确的传递主体内容，并使用户对其产生一定的印象。下面，我将通过实例，来解析一下 7±2 法则在设计中常见的应用方法。

我们提供的服务有：成都网站制作、网站建设、微信公众号开发、网站优化、网站认证、肇庆ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的肇庆网站制作公司

我们的大脑每天都会接收很多信息，对于我们看到的一些信息，大脑会进行理解和记忆。根据 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 法则在日常设计中常见的应用方法。在文章的最后，套用名人的一句话：“除非有更好的选择，否则就遵从标准”，希望对大家有所启发，同时欢迎大家共同探讨、交流。

当前名称：几乎所有设计师都在用的7±2法则到底是什么？
标题URL：http://www.shufengxianlan.com/qtweb/news5/94205.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联