前言：交互設計之父阿蘭·庫珀說過這樣一句話：「除非有更好的選擇，否則就遵從標準?！乖诮换ピO計領域中，有很多被時間和前人驗證過的設計法則，這些法則是從用戶的行為邏輯中總結出來的，掌握這些法則能讓我們迅速有效的完成自己的設計，接下來，筆者通過一些實例來解析下這些原則在設計中的應用。

一、神奇數(shù)字 7±2 法則簡介

7±2 法則正式提出于美國心理學家 George A. Miller 1956年發(fā)布的論文《神奇的數(shù)字7加減2：我們加工信息能力的某些限制》。

1956年喬治米勒對短時記憶能力進行了定量研究，他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項信息塊，在記憶了5-9項信息后人類的頭腦就開始出錯。與席克定律類似，神奇數(shù)字 7±2 法則也經常被應用在移動應用交互設計上。

二、神奇數(shù)字 7±2 法則在設計中的應用

1. PC 端導航或選項卡盡量不要超過9個，應用的選項卡不會超過5個。

案例一：比如蘋果、人人都是產品經理及 UI 中國官網導航欄，我們看到這三個主流網站的導航欄模塊都沒有超過9個，空間布局合理，使用起來方便快捷，尤其是蘋果官網，簡約設計的典范，因此，盡量使得自己設計的網站導航少于9個會讓用戶對于網站的內容一目了然，更快捷也更加有效。

案例二：比如安卓版微信、支付寶和 QQ 底部導航，在使用 APP 的時候，我們都會用到軟件的底部導航區(qū)域，如果大家仔細觀察，會發(fā)現(xiàn)，任何軟件的底部導航都不會超過5個，就像下圖中的微信、支付寶及 QQ 界面一樣，底部導航也沒有超過五個的。

2. 如果導航或選項卡內容很多，可以用一個層級結構來展示各段及其子段，并注意其深廣度的平衡。

案例一：比如天貓商城和亞馬遜網站的商品分類選項卡，導航是分為多個層級的。如果導航的內容很多放不下的話，我們就可以將它整合歸類來分層級收納，就像天貓和亞馬遜官網對于商品分類的處理方式一樣，使用父子層級的方式來歸類展示商品。

案例二：比如京東及當當網 APP 分類模塊，下圖分別為京東及當當網 APP 的商品分類模塊界面，我們不難看出，兩個產品的商品分類布局形式很相似，都是用了選項卡的方式來分類商品，層級明確，相應的提升了用戶找尋商品的效率。

3. 把大塊整段的信息分割成各個小段，并顯著標記每個信息段和子段，以便清晰的確認各自的內容。

案例一：比如蘋果官網 iPhone X 對于語言版本的介紹板塊，如下圖所示，語言版本介紹模塊把一整段語言，分成四個模塊的信息來介紹，而且每個模塊都要自己的標題，再加上段落之間的空間留白，使得此段信息看起來清晰明了。

案例二：比如支付寶和微信銀行卡界面卡號信息的展示方式，正如下圖所展示的，為了便于記憶，支付寶及微信的銀行卡展示界面，將卡號信息的展示采取了分段的方式，這個也源于我們現(xiàn)實生活中使用的銀行卡，大家都知道銀行卡的卡號是分段展示在卡上的。

三、寫在最后

以上就是我對于「神奇數(shù)字7±2法則」的理解以及其在日常設計中的用法，希望對大家有點啟發(fā)，同時歡迎大家與我們進行交流探討。

歡迎關注作者微信公眾號：「熊貓設計院」

「設計法則系列好文」

• 《那些很熟悉但又叫不出名字的設計法則：功能可供性》
• 《那些很熟悉但又叫不出名字的設計法則：馮·雷斯托夫效應》
• 《那些很熟悉但又叫不出名字的設計法則之「系列位置效應」》
• 《那些很熟悉但又叫不出名字的設計法則：?？硕伞?/a>
• 《那些很熟悉但又叫不出名字的設計法則：形式服從功能》
• 《那些很熟悉但又不知怎么用的設計法則：80/20法則》
• 《那些很熟悉但又叫不出名字的設計法則：倒金字塔法則》

================明星欄目推薦================

優(yōu)優(yōu)教程網： UiiiUiii.com 是優(yōu)設旗下優(yōu)質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com