不知道大家有沒有聽過這么一個故事：某家餐廳銷量一直不太好，老板究其原因也沒有查明白到底是為啥，明明選址在鬧市區，價格也很實惠，就是賣不出去；后來老板請了個“大師”幫忙一探究竟，大師說你家盤子顏色不行，換成橙色保準牛X；老板立馬認購了一批橙色盤子，從那以后以后這家餐廳火爆了，王境澤都覺著香的不行…

聽完這個故事，自此我幼小的心靈里把橙色和食欲劃了等號。這個烙印直到我從業前幾年還一直這么覺著。同時間段，在9年義務教育的美術課本上，我得到了有生以來第一次對色彩這門學問的細致輸入，了解到了各種顏色對應的含義與情緒：

這種色彩與情緒的映射關系在我的腦袋里根深蒂固 / 無法磨滅，直到有那么一場面試或者匯報，面試官/老板問我，“為什么你要選擇這個顏色作為品牌色呢？”

面對著一手塑造出來的社交應用，我解釋到：“因為紅色代表著熱鬧，這個顏色會賦予這款產品熱鬧的氛圍”。坦誠的講，這個解釋自信但空洞，顏色本身并無好壞和指向，只看你用在了什么地方，不講究場景就別輕易定性。

這也側面反映出來慣性思維的不斷吞噬著你我的思路，過往的“經驗”可以讓人習以為常，也可以讓人尷尬不已，取決于是否洞察的到。如果拋棄慣性思維，到底如何去定義一款產品的主色呢？

STEP 1

說實話選取一個顏色作為品牌色是一個戰略決策過程，一般來說行業里一定存在一種主流顏色，像旅游行業的攜程/去哪兒和途牛，還有以淘寶為代表的電商行業通常是喜慶的大紅大橙。

顯而易見基于這個邏輯下，有3個做法，一條路是順勢而為，一條是逆向而去，還有一條是另辟蹊徑。這塊的選擇一定程度上并不是設計師可以決定的，需要結合整個業務的方向去判斷；在旅游行業里馬蜂窩選擇了逆向而去，在直播行業里抖音就選擇了另辟蹊徑。

我們試著揣測下抖音和馬蜂窩的想法，在產品的定位和策略的打法上，他們更注重的是差異化，走反方向的路突出品牌，試圖在用戶的心里站得住。通過這個例子你或許會發現，黑色未必死氣沉沉，ta也可以色彩斑斕；黃色未必只象征尊貴，ta也可以代表青春和希望；顏色沒有偏向，只看使用在什么場景上。

主色的選擇更需要貼合業務戰略的發展，也更多的偏向于主觀。給業務提供思路和方向，判斷不好業務方向的時候，多提供思路幫助其更好的匹配顏色。

STEP 2

以往的面試里，我這種好事的面試官就特別喜歡問侯選人一個問題：“一個色相里有那么多色號，為什么你定了這個色號作為品牌色？”大部分候選人乍一聽都是面露難色，心里大概想著這人是個傻X吧，能問這種問題，哈哈哈哈哈哈；廢話不多說，我來簡單分享下我的方法：

首先以黑白兩色（#000000-#FFFFFF）作為起始點設置10個梯度，然后把第一個模塊定義的色相扔進去，只需要調整HSB中的H就可以，這樣一頓操作下來你就得到了一個完整的色彩序列：

第二步，基于序列主觀調整下顏色，確定主色的同時確保其在黑白2種背景上對比度大于4.5：1（wcag色彩可用性標準），理論上來講梯度中間是最合適的，飽和和亮度足夠就可以。

上圖是我用到的色彩可用性測試工具-color review（https://color.review/）

STEP 3

當你準備好了以上所有工作，最后一步就是拓展色系了；這里采用負能量補給站小商店的品牌色“叛逆橙” #FF774A（H15 S71 B100） 作為主色并結合下google的方法開始拓展色系。

首先 - 確認同色系輔助色：我們將主色的色相加減 30° （谷歌是以10為梯度，但色相變化不大，為了效果我們以3倍作為最小單位）獲得2個新顏色，即同色系輔助色。

其次 - 確認對比色輔助色，將主色的色相加上 180° 獲得其互補色，即對比色系輔助色。為了和主色的類似色對應，取互補色的同類色（色相加減 15°）和類似色（色相加減 30°）。從中選取需要的顏色作為最終的對比色系輔助色。

根據色彩需求取同類色2和類似色1作為最終的對比色系輔助色，這樣，我們得到了主色和四個輔助色；同理你可以推理出無色彩傾向的中性色系（這里就不展開贅述）。

最后你可以通過編碼的方式，賦予每個顏色一個token（密鑰），方便團隊的配合和使用。

以上就是我在選取色彩的大概思路，市面上也有很多講顏色的好文，分享大家去找找。

總結一下

隨著工作經驗/時長的不多增加，我們往往會對事物的存在習以為常，思維的慣性會困住我們追根溯源的想法，但需求和場景是千變萬化的，所有的方法也都針對的是通用場景，標準化的解決方案未必適用你當下的處境；試著在熟悉的環境用敏銳的洞察和科學的方法突圍也許是最好的辦法。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

背景

經常使用或者關注資訊類產品的同學可能會留意到，在信息流中，有的標題在左圖片在右，而有的是圖片在左標題在右，這兩種形式看似區別不大，但又似乎存在很大差異。設計師在設計時是如何考慮的？我認為這是一個很有意思的話題，所以今天就和大家聊一聊在資訊流中，左文右圖和左圖右文的差異。

左文右圖

左文右圖的樣式普遍出現在新聞資訊產品中，其中包括今日頭條、騰訊新聞、UC瀏覽器信息流以及我們的vivo瀏覽器信息流等等，現在就讓我們從資訊平臺作為切入點，對左文右圖的形式進行分析

1. 左文右圖符合人們長久以來的閱讀習慣

按照已知經過驗證的理論，即F閱讀順序（尼爾森的用戶閱讀視線模型），用戶瀏覽頁面的順序是從左往右自上而下，因此左上角的信息最早觸達用戶。然而至文字誕生以來，多數情況下，人類普遍通過文字來獲取信息，我們不否定，通常情況下圖片的易識別性遠優于文字，但是從信息傳遞的準確性以及豐富性上來說，文字的優勢是遠大于圖片的。

所以在資訊類產品中我們更傾向于優先通過文字來識別內容，而將圖片作為輔助信息，因此根據我們從左往右自上而下閱讀習慣，將文字放在左邊更有利于用戶獲取信息。我們通過一個案例來分別了解一下左圖右文與左文右圖的用戶閱讀路徑是什么樣的。

在上面的案例中，左圖右文用戶的閱讀路徑偏長，并且常常出現視線的折返

左文右圖用戶的閱讀路徑較短，不會有視線的折反。因此，基于效率和閱讀習慣的角度來說，左文右圖優勢更明顯。

但或許這里就會有人提出疑問 “在資訊類信息流中很大一部分用戶都是因為受圖片的吸引才會對該則新聞感興趣的呀” 。的確，這是一個普遍場景，但是在前面我們也提到，圖片的易識別性是遠高于文字的，因此哪怕是將圖片放在文字后面，對于圖片的“魅力”的影響是在可接受范圍內的。

2. 左文右圖更有利于為用戶提供統一的閱讀基準位置

在資訊信息流中，為了信息展示的多樣性，避免單一的信息流結構使用戶感到單調，在樣式上除了左文右圖的樣式，往往還會搭配三圖、大圖及視頻的樣式出現，而在這樣多種穿插樣式的情況下，左文右圖能夠為用戶的雙眼提供了一個掃讀時候的基準位置，在大量、長時間閱讀的過程中，極大地減小了閱讀壓力

3. 盡可能保持整體信息流圖文閱讀先后順序的一致性

資訊流中除了左文右圖的樣式，還會搭配三圖、大圖及視頻的樣式出現，因此我們不僅僅要考慮單個信息流樣式的閱讀體驗，更要保持整體信息流閱讀先后順序的一致性，這能夠為用戶提供較好的沉浸式體驗。

4. 在視覺上更符合格式塔閉合原理

左圖右文的的形式在標題文字較短的情況下，右上角就會出現視覺上的缺角，這會破壞頁面整體的工整性，而左文右圖的形式就很好的避免了這個問題。格式塔原理對閉合的研究中提到，人的大腦無論看見什么東西，都喜歡去將它們想象成為一個整體，如果元素太過雜亂大腦無法將其歸類成為一個整體，那么視覺感受就是非常不佳的。

小結：左圖右文基于它在信息獲取效率和人們閱讀習慣上的優勢得到各大新聞資訊類產品的青睞，是較為通用的形式。那是不是就沒有“左圖右文”什么事了？其實不然，左圖右文仍是有其優勢的，并且在特定場景下，左圖右文的形式的優勢會更明顯。

左圖右文

1. 圖片在左側，第一時間吸引用戶視線

在內容形式的吸引力上，視頻>圖片>文字，并且前面我們提到，圖片的易識別性是高于文字的，因此一張高質量的圖片往往能夠在第一時間觸達用戶并形成轉化。但前提要求是我們能夠把控圖片的質量，否則效果將適得其反，所以我們說左圖右文的樣式一般更適合用來承載PGC的內容。例如主打品質時政新聞的資訊產品澎湃新聞以及垂類游戲資訊社區平臺篝火營地，其推薦的內容都來自專業團隊的輸出，對內容圖片的質量有較好的掌控力，因此采用了左圖右文的形式優先給用戶展示圖片信息，以提升用戶對內容的興趣。

2. 在帶有明確目的閱讀場景下，例如查找歷史內容、搜索等，左圖右文的形式效率更高

在用戶帶有明確目的場景進行信息閱讀時，用戶往往對內容已經有了一個大致的預期，所以這個時候如果我們能讓用戶第一時間識別圖片，能夠大大的提升用戶的操作效率。例如用戶在查找一篇曾經看過的文章時，當曾經閱讀過那篇文章的封面出現在屏幕中時，用戶便能立刻作出判斷，這會比在眾多文字標題中查找更為便捷。

總結

左文右圖

• 通常情況下，我們優先通過文字來獲取訊息，因此在一般的信息流中，更青睞采用左文右圖的方式，以提升效率
• 左文右圖能夠為用戶提供統一的閱讀基準位置，在用戶長時間瀏覽時減少閱讀壓力
• 更好的滿足格式塔閉合原理，使信息流整體的頁面更加工整

左圖右文

• 左圖右文常被用來承載PGC的內容。在能夠確保圖片質量的情況下，圖片在左側，更容易引起用戶對帖子的興趣
• 在帶有明確目的閱讀場景下，例如查找歷史內容、搜索等，左圖右文的形式效率更高

#Tips

無論是左文右圖還是左圖右文都各有其優勢及適用的場景，但當我們在設計信息流時，我們要注意為用戶提供圖文閱讀順序一致的體驗。

以上是個人對資訊流左文右圖&左圖右文的一些思考和心得，感謝大家的閱讀，假設通過本次閱讀能夠給大家今后的工作帶來一些啟發和思考，那就實在是再好不過的事了:)

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

 

 

1) 數據查看

 

讓我們先來回顧一下表格的基本構成，最上面的為表頭，橫為行，縱為列，內容區每一組展示數據區域為單元格。

 

表格的設計，雖然看似簡單，但是作為用戶最常用的組件之一，我們需要對視覺和交互的精準把握，才能保證用戶在使用表格時更加。

 

這里我推薦表格的"四維自檢法“，對我們設計的表格是否合理，做出一個標準的判斷。

分別是：信息降噪、呼吸適中、易讀、詳情查看。

 

信息降噪：分別對表格內容和視覺層面進行重要性梳理，剝離不重要的元素，使表格輕量化；

呼吸適中：保持內容和元素之間合適的間距，使表格頁擁有一個好的呼吸感，將給用戶營造一個舒適的操作環境；

易讀：通過對需求內容的解讀，對內容形式加以分類辨別，做出可讀性最強的樣式；

詳情查看：b端系統往往伴隨著表格數據類目龐大的問題，通常會采用另一種形式去展示全部信息。

 

1.1  信息降噪

 

1.1.1 精簡表格內容

當表格的字段非常重要時，一定要將字段全部展示出來讓用戶更清晰的了解數據。

如果你的用戶只需要了解部分字段，那么全部展示是沒有必要的，只需在展示最重要的字段即可。

 

 

1.1.2 自定義字段展示

不同用戶想看的的信息側重不同，有時候我們無法準確判斷用戶看重哪些字段，還可以讓用戶自定義展示字段。

 

 

1.1.3 精簡字段名稱

當我們去設計表格的時候，通常會發現表格需要承載的信息量是非常大的，有時候為了表現出字段的準確含義，在定義字段名稱時往往會非常的長。但是當這些字段同時出現在一個表格里時，過長的字段名稱，又會顯得冗余，讓本就不大的頁面空間更加雜亂。

所以當我們設計表格的時候，我們可以分析字段名稱，對字段名稱做精簡，看看是不是少一個字用戶就無法理解字段的含義。

 

 

1.1.4 添加字段說明

當字段名稱過長，又必須展示，才能有效的理解字段含義時。我們可以定義一個專有名詞代替，并且在字段名稱后使用添加字段說明的形式，來對字段加以說明。

這樣一來用戶既可以清晰的理解字段含義，又可以在有限的頁面空間下獲取到更多的數據信息。

 

 

1.1.5 簡化表格樣式

早期表格的設計，出發點主要以擬物形式，以最接近現實表格的樣式去設計。

但是隨著互聯網的普及度加深，極簡的表格設計，使界面更加輕盈，讓用戶更加專注于數據內容。

去除縱向列的分割線，僅以淺色的橫向分割線區分行，但是要注意分割的顏色不能過于淺而缺乏辨識度，部分人群對顏色的辨識度會偏低，顯示器的硬件性能也會影響顏色的可辨識性。

 

 

1.1.6 減少不必要的顏色區分

表格設計中一定不要使用過多的顏色區做狀態或操作的區分，過多的顏色細分會使表格變得更加混亂，影響用戶體驗。

對狀態的區分，僅用輕量的顏色區分即可，操作欄保持主色按鈕色。

 

 

1.2  呼吸適中

 

1.2.1 如何定義單元格的高度

了解單元格的結構，以及實現單元格的基本邏輯，有助于我們更好的去把控我們的設計。

單元格內的可控尺寸包含：單元格高度、文字字號、文字/段落行高、文字上下間距。

我們基于視覺呼吸感，賦予各個元素合適的尺寸，我在這里給出一套參考方案：

文字字號 = N  

文字行高 = 1.5N

上下間距 = 1.2N

單元格高度 = 內容高度 + 上間距 +下間距

 

 

1.2.2如何定義列的間距

 

首先我們要了解列的兩種類型，第一種是定寬列，第二種是自適應列。

 

a.定寬列

顧名思義就是它的寬度是固定的，比如：第一列我們設置寬度為200px，第二列我們設置為300px，五六七列分別設為100px，那么我們這個列表就的寬度就等于200 + 300 + 100*3 = 1100px，在任何分辨率尺寸下你的這個列表都會保持這個寬度不變。

 

 

b.自適應列

就是列會隨著分辨率變化而產生寬度的變化，比如：列表有五列，我們定義列表的寬度為界面寬度的50%，假定界面寬度為1200px，那么列表寬度就為600px，而每一列的寬度則為120px。此時我們將界面的寬度縮小到600px時，那么列表的寬度就為300px，而每一列的寬度則為60px。

 

在實際設計案例中，我們往往會面臨由于每一列的內容不同，所需要的寬度也就不同，我們希望在列不多時可以保持寬度自適應，但是如果每一列都做成自適應列的話，內容多的列無法展示全內容，內容少的列空間又會很大。

所以，固定列 + 自適應列的綜合運用，可以讓我們更好的實現我們想要的設計方案。

 

c.列的結構

然后，我們一起來了解列的結構。每一列分為內容區和左右間距區，在固定列里面內容區和左右間距區都是保持不變的。但是在自適應列卻不同，它的內容區是隨界面分辨率變化而變化的，左右間距區的寬度是保持不變的(在代碼里間距區被叫做Padding)。

 

 

d.固定列

當表格字段數量不確定時，通常我們會為自定義列的內容區寫一個最小值(min-width),以確保字段很少時可以自適應寬度，字段較多時仍然能保證完整展示表格數據，不影響對內容的閱讀。

當表格的列過多又必須全部展示時，固定必需固定的列(如姓名、任務名稱、操作項等)，其他字段橫向滾動。

 

 

1.3  呼吸適中

 

1.3.1 列的對齊方式

基于人的慣性瀏覽順序，設計每列合理的對齊方式，能夠輔助用戶更的完成工作。

a.標題和內容：一般采用左對齊，更的瀏覽順序；

b.有長短不一的數字時(序號除外)：右對齊，方便比較 ;

c.操作項一般放在尾列：右對齊；

 

 

1.3.2 不留空白格

從心理學的角度講，人對未知事物會產出恐懼情緒。我們在設計表格的時候，要考慮到表格的各種展示情況，非特殊情況不出現單元格空白。

沒有數量用“0”表示，沒有該項內容用“-”表示。

 

 

1.3.3 選擇合適的分頁器

表格是一種可以承載大量數據的組件，當數據行數很多時我們通常會選擇分頁器，使用分頁器有哪些優點：

a.快速查看：通過分頁數據加載緩解服務器壓力；

b.清晰易讀：由于界面的空間是有限的，通過分頁展示數據，有助于緩解用戶的閱讀壓力；

c.靈活便捷：如果客戶想在一頁展示很多數據，可以通過分頁器自行選擇，還可以了解到數據的總數目。

 

 

1.3.4 收起低頻的操作項

當界面空間有限、表格列數很多時，如果表格的操作項過多，會占用很多頁面空間，需要有選擇的展示，將低頻操作項收起，用點擊更多按鈕去觸發選擇。

如果是1.0的產品，我們可以和產品經理溝通，分析每個功能按鈕的優先級。

如果是上線的產品，我們還可以通過按鈕點擊PV(頁面成功訪問次數)，來了解按鈕的使用頻率，做出按鈕優化。

 

 

1.3.5 行的排序

如果產品沒有特殊需求，那么默認最近創建的在最上面。

可以用帶有排序的表頭，讓用戶自定義排序。

 

 

1.4  查看詳情

 

1.4.1 詳情入口

如果表格的內容項很多，我們通常會在表格上只展示部分重要數據，而其余數據放在詳情頁面展示。

作為詳情頁面的入口，通常會有兩種設計方式：

a.將詳情按鈕放在操作項里

b.將首行的名稱做成可點擊樣式，點擊跳轉至詳情

 

 

1.4.2 詳情頁的展開形式

如果詳情內容不多，沒有新開頁面的必要，我們可以采用展開行、彈窗、抽屜的形式，但是要注意盡量減少過多的樣式，給用戶增加疑惑感。

如果詳情的內容很多，而且編輯的需求，建議采用新開頁的形式。

建議根據詳情頁信息量的多少，以此采用展開行、彈窗、抽屜、新開頁的形式。

 

 

2) 數據過濾

 

數據過濾是表格頁很重要的組成部分，包含搜索、篩選、標簽頁。

這一部分的主要作用是幫助用戶，梳理表格數據信息，精準定位所需的數據項。

 

 

2.1  搜索

 

2.1.1 模糊搜索

模糊搜索是指在用戶搜索意圖不明確時，搜索引擎將用戶的查詢與待檢索的內容進行模糊匹配，找出與查詢相關的內容。模糊搜索無法理解用戶的查詢意圖，返回的結果中可能包括了一大批用戶不想要的信息，所以在使用模糊搜索時一定要結合自己的實際場景，慎重使用。

優點：只要有相關的內容都會被檢索出來，減少了精準搜索帶了的記憶負擔

缺點：容易把相關的信息也帶出來，例如檢索手機號，把相關編碼也匹配出來

 

 

2.1.2 搜索

搜索是指用戶在搜索時，針對某一數據字段搜索，來查找所需要的數據。根據業務場景不同，我們會查找某一字段，或者是用標簽切換不同字段來查找。

優點：搜索匹配精準度高

缺點：每次只能對單一條件進行搜索

 

 

2.2  篩選

 

篩選器主要是針對內容較少的字段進行查找的一種方式， 通過篩選器的選擇可以快速定位所需的數據，取消用戶輸入的過程，提升查找效率。一般篩選有兩種形式，第一種是下拉篩選，第二種是平鋪式篩選。

 

2.2.1 下拉篩選

下拉篩選就是將需要篩選的內容放置于選擇器當中，通過點擊選擇器下拉，來選擇需要篩選的內容。

優點：空間利用率高，起到了很好的收納作用

缺點：無法直觀看到所有的篩選項

 

 

2.2.2 平鋪篩選

平鋪篩選就是將篩選項的內容，直接展示于頁面之上，通過點擊選擇的方式直接進行篩選?；蛘呖梢酝ㄟ^自定義內容的篩選。

優點：操作效率高，篩選項一目了然，支持輸入更多篩選條件

缺點：空間利用率低，不適合選項太多的情況

 

 

2.2.3 如何合理的使用篩選項

當數據內容需要的篩選類目過多時，如何合理的擺放，才能提高用戶的使用效率。

a.信息排序：基于用戶使用場景，以目標導向為依據，將高頻的篩選項排列到前面，低頻的篩選項置于后面

b.默認折疊低頻篩選項：當篩選項過多時，會極大的占用界面空間，使用戶在閱讀數據時產生非常不好的用戶體驗，通過展示高頻篩選項、隱藏低頻篩選項，將更好的提升用戶體驗。

c.所有篩選項都很低頻：以點擊高級篩選按鈕的形式觸發，將全部篩選項置于氣泡或者彈窗之中。

 

如何判定篩選項的使用頻率呢？

通常會有兩種方式：

第一種是給篩選項增加數據埋點，這樣一來就可以通過對用戶點擊行為的分析了解到篩選項的使用頻率；

第二種是用戶調研，通過問卷或者面談，了解到用戶的真實使用需求。

 

2.3  標簽頁

 標簽頁又叫選項卡，在組件中我們通常叫Tabs，指的是分隔內容上有關聯但屬于不同類別的數據集合。

 

2.3.1 默認展示常用項

在使用標簽頁時，有一點我們要特別注意，通常在B端設計中，我們會把標簽頁的位置定位在最常用的一個選項。

 

2.3.2 增加數據條目

如果是訂單一類的分頁，我們還可以將數據條數，展示在標簽右側，用來幫助用戶快速了解到待辦數據量。

 

 

3) 數據操作

 

3.1 分類

數據操作即對表格的數據進行操作，首先我們對數據操作進行分類。

 

按控制范圍分:

a.單行操作

b.批量操作

c.全局操作

 

按操作屬性分：

a.新增數據

b.編輯數據

c.刪除數據

d.業務處理

 

3.2 如何合理的設計數據操作

 

第一步，先判斷控制范圍

 

 

第二步，判斷擺放位置

 

第三步，優化信息層級

 

 

以上是操作項和篩選項較多的情況，那么不多時，我們還是要合理利用空間，靈活設計

 

 

以上就是《如何設計表格？》的全部內容了，后續還會努力更新更多B端設計分享！

 

與君共勉

 

轉自：站酷

作者：三斤餃子 

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

你一定知道“摩爾定理”，對許多IT人而言那是這個行業最基礎法則，然而，在我看來，另一個和摩爾定理齊名的“梅特卡夫定律”被嚴重地低估了。

和摩爾定理指出硬件性能進化邏輯不同，“梅特卡夫定律”在業務層面對互聯網時代的發展規律進行了高度概括的總結，這個抽象總結在過去、現在和未來都會繼續指引互聯網的發展方向。

什么是“梅特卡夫定律”

“梅特卡夫定律”的表述非常簡單——一個網絡的價值和這個網絡節點數的平方成正比，用公式表述就是：V=K×N2，其中V代表一個網絡的價值，N代表這個網絡的節點數，K代表價值系數。

那么，這個看似極其簡單的公式為什么會受到互聯網人如此高度的推崇呢？

在回答這個問題之前，我們還是簡單來了解一下“奇人”梅特卡夫：

羅伯特·梅特卡夫1946年出生于紐約布魯克林，年輕時的梅特卡夫是一個標準的學霸，在麻省理工獲得了工程學和管理學的雙學位，之后又在哈佛獲得了博士學位，畢業后他迅速加入了當時的科技巨頭施樂。

在施樂工作期間，他發明了當今局域網使用最廣泛的協議之一——以太網，這讓他年紀輕輕就一躍成為“計算機先驅”。

△ 梅特卡夫于1973年繪制的以太網草圖

然而年輕的梅特卡夫并沒有躺在這一成果上坐吃山空，而是在人生33歲的時候決定把自己掌握的技術轉變成商業產品，1979年，他創辦了著名的3Com公司。

3Com公司是做什么呢？通訊基礎設施，你可以理解為美國的華為（事實上3Com后來還和華為成立過合資公司）。在管理3Com公司銷售團隊的時候，梅特卡夫發現當時客戶對他們的主力網卡興趣不大，這時候他展示了自己作為技術人超強的邏輯說服能力，他親自制作了一張幻燈片，畫了一張圖，列出了網絡價值和成本之間的關系。

他想通過這張簡單的圖清楚地說服客戶——買網卡的成本隨著時間是線性增長的（N），但網卡構成的網絡價值則是呈指數級增長的（N2）。言外之意就是你們現在買網卡會覺得不劃算，但隨著買的人越來越多，它的回報將是指數級的。

作為3Com公司的頭號推銷員，梅特卡夫在美國科技界的各個場合都在宣傳他的這一理念，這引起了一位叫喬治·吉爾德的科技專欄作者的注意，吉爾德長期在科技界浸潤，直覺告訴他這頁其貌不揚的PPT里可能藏著一個極具價值的判斷。

1993年，喬治·吉爾德在《福布斯》雜志上系統地闡述了梅特卡夫的關于網絡價值指數增長的理念，即幻燈片里那條指數增長的曲線，并把它命名為“梅特卡夫定律”。

當時美國互聯網剛剛萌芽，各類網站都在快速增長，吉爾德的總結讓“梅特卡夫定律”被科技界和互聯網圈逐漸接受。不久之后，美國聯邦通信委員會主席的里德·洪特（Reed E. Hundt）說：“摩爾定律和梅特卡夫定律”為我們提供了理解互聯網的最佳角度。

而之后馬克·安德森創立了Netscape，發布了網景瀏覽器，用戶數一路狂奔，安德森在總結網景的飛速發展時，稱“梅特卡夫定律是一盞明燈”。隨著互聯網在美國強勢崛起，這個起初描述硬件網絡價值的定律被外延到了整個互聯網領域。

無數網站的創始人將梅特卡夫定律寫進了他們的商業計劃書，它在一定程度上成為無數互聯網創業者和從業者的信念燈塔。

△ 3COM公司曾用于銷售推廣的幻燈片（梅特卡夫展示原稿）

“梅特卡夫定律”的意義

事實上，“梅特卡夫定律”在數學上是有意義的，一個N個節點的網絡，它的總連接數為N（N-1），當N足夠大，它接近于N2，如果把網絡里的連接數直接看成是網絡的價值衡量指標，則“梅特卡夫定律”是一個完全成立的等式。

那么，在現實中是否是真的這樣呢？

2013年，梅特卡夫本人在《IEEE計算機》上發表了一篇文章，用Facebook從10年的實際數據證明了自己的定律符合Facebook現實中的成長軌跡。

有趣的是，同樣在2013年，來自中國科學院的三位作者張興洲、劉景潔、徐志偉也在著名的《計算機科學與技術》雜志上也發表了一篇名為《Tencent and Facebook Data Validate Metcalfe’s Law》的論文。論文中用騰訊和Facebook兩個公司的數據驗證了它們的月活數據和它們各自的估值（市值）是符合“梅特卡夫定律”的。

正是由于“梅特卡夫定律”的存在，讓無數互聯網人對規模和增長前仆后繼，因為他們深刻地理解，規模能帶來指數級的回報，這一回報通常會超出正常的預期。

事實上，梅特卡夫定律的確在解釋無數互聯網案例時都有著極強的說服力，舉一個簡單的例子：為什么5G成為科技競爭博弈中關鍵中的關鍵？

原因是其背后指數級的價值——第一代互聯網接入的PC存量設備數大約是10億臺，第二代移動互聯網接入的智能手機存量設備數大約為30億臺，而5G成熟之后的IoT物聯網時代，接入的數據保守估計將達到500億臺，根據梅特卡夫定律由此產生的指數級價值是極其驚人的，某種意義上，這也是美國一定要封殺華為背后的重要邏輯。

• 為什么滴滴、快的、Uber的打車戰爭會如此慘烈？
• 為什么近些年流行行業老大合并行業老二？
• 為什么自媒體的頭部玩家會享受到這個行業最的回報？
• 為什么操作系統市場通常很能容下二個以上的玩家？…..

這些問題都可以隱約在梅特卡夫定律中找到答案。

“梅特卡夫定律”的爭議

盡管“梅特卡夫定律”對互聯網的影響巨大，但業界依然對這個定理本身提出了不同的看法。

2006年7月一位名為鮑勃·布里斯科的研究員就在《IEEE》上發表了一篇態度鮮明的文章——《梅特卡夫定律是錯誤的》，他旗幟鮮明地指出梅特卡夫定律根本缺陷在于對網絡中的所有連接都賦予了相同的價值。

“梅特卡夫定律”其實背后有兩個隱藏的假設——第一，網絡的機制取決于網絡之間互相連接數的價值之和；第二，每一個連接的價值是相同的。

布里斯科的這篇文章并沒有質疑第一個假設，而是質疑了第二個假設，在他看來，網絡中的連接的價值并不是同等重要的，連接也分強連接和弱連接，弱連接的價值顯然就沒有強連接那么大。甚至他還引用了作家梭羅《瓦爾登湖》里的一段話作為論據——“我們急于建造從緬因州到德克薩斯州的磁電報，但是緬因州和得克薩斯州之間和其他人口更多的州相比可能沒有什么重要的交流?！?

沒錯，上述對梅特卡夫定律質疑從理論的角度是合理的，從現實中觀察，我們也看到了和梅特卡夫定律相悖的現實，我隨便舉一個例子：一所精英大學本來一年招1000人，如果它擴充到2000人，它的價值和影響力會不會變成原來的4倍呢？

大概率不會，這是很容易理解的，因為這個實際例子和梅特卡夫定律的理想設定顯然有不相符的地方——

• 第一：大學的價值和影響力并不直接由網絡中的連接數決定。
• 第二：多一倍的學生并不意味著他們會自動跟所有學生建立聯系。
• 第三：擴招之后的學生質量大概率也會下降，因此連接的價值本身也可能下降。

很顯然，梅特卡夫定律在具體的情況中并不能直接生搬套用，但我們又的確觀察到了騰訊和Facebook的數據完美地證實了梅特卡夫定律。

那么，應該如何理解這種悖論呢？

在我看來，Facebook人數的增多，很顯然連接的質量是不同的，同時新加入的人也不可能和所有人建立連接，但我們可能忽略了規模帶來的其他外部效應——比如人數足夠多之后的邊際成本降低，再比如人數足夠多之后的數據積累也會提高一個量級等。

所以，“梅特卡夫定律”更多的是對一種現象的抽象，直接在任何互聯網產品中生搬硬套都是教條的。正如經濟學的基礎建立在“理性人”這一假設之上，但實際中人卻不總是理性的，事實上對于“理性人”假設的質疑誕生了許多有價值的新經濟理論。

另一個非線性增長的模型——齊普夫法則

有趣的是，鮑勃·布里斯科在論述“梅特卡夫定律”可能漏洞的同時，提出了一個新的描述網絡價值和網絡成員的法則——齊普夫法則。

它以語言學家齊普夫命名，齊普夫在20世紀早期發現英文中詞頻的規律——最常用的”The”占所有英文文本的7％，第二常用的單詞”of”占比則3.5％，第三位的”and”占比為2.8％…….符合7%的1 倍、1 / 2倍、1 / 3倍……這一規律。

這一規律用數學公式抽象為V=k*n log（n），既價值和數量呈對數關系。

齊普夫法則是描述價值和數量更溫和的模型，舉個例子——假如一個網絡10萬人的時候價值100萬，如果增加到20萬人，根據梅特卡夫定律，它的價值增長到400萬，但根據齊普夫法則的計算，它的價值則只增長到210萬，注意，210萬依然比200萬這一線性增長的價值要更高。

所以，盡管鮑勃·布里斯科指出了“梅特卡夫定律”可能存在的缺陷，但他卻承認一個網絡的價值和成員之間的關系并不是線性增長的，齊普夫法則也是一個非線性增長的模型。

這兩個模型都指向了一個原則——網絡的連接規模的提升帶來的回報是超預期的。

那么現實世界中哪個模型是對呢？或許這個問題并沒有答案，但它們卻從不同的層面給了我們理解這個真實世界的角度。

這正是商業世界有趣的地方，和嚴格的數學、物理學不同，商業世界的規律的適用受無數約束條件的控制，我們只能盡可能掌握在大多數情況下都適用的規律，一定要拿出一個反例去反駁一條在大部分場景都普遍適用的商業規律其實沒有意義。

所以，總結一下，梅特卡夫定律是對網絡指數增長的普遍規律的一種抽象，它告訴我們一個簡單的道理——規模的意義比你想象的更加的重要。

作為互聯網人，我們需要深刻理解梅特卡夫定律所代表的一種指數級增長邏輯，盡可能建立更多的連接，從而在這個不確定的世界更好地生存。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務