高端網(wǎng)站設(shè)計(jì)法則：形式服從功能

自從界面扁平化風(fēng)格來(lái)到之時(shí)，「形式服從功能」就變成了一個(gè)時(shí)常被提起的法則，包括二手在設(shè)計(jì)總結(jié)中也時(shí)常提到該法則，但是細(xì)細(xì)想來(lái)對(duì)于此法則的引用是否過(guò)于片面？本篇目的在于探究「形式服從功能」的適用范圍和局限性。
形式服從功能
Form Follows Function
設(shè)計(jì)的美感，來(lái)自純粹的功能。

1. 來(lái)源
   「形式服從功能」是第一批設(shè)計(jì)摩天大樓的美國(guó)建筑師之一——路易斯·沙利文提出的，原文如下：
   Whether it be the sweeping eagle in his flight, or the open apple-blossom, the toiling work-horse, the blithe swan, the branching oak, the winding stream at its base, the drifting clouds, over all the coursing sun, form ever follows function, and this is the law. Where function does not change, form does not change. The granite rocks, the ever-brooding hills, remain for ages; the lightning lives, comes into shape, and dies, in a twinkling.
   It is the pervading law of all things organic and inorganic, of all things physical and metaphysical, of all things human and all things superhuman, of all true manifestations of the head, of the heart, of the soul, that the life is recognizable in its expression, that form ever follows function. This is the law.
   路易斯·沙利文認(rèn)為形式是功能的表現(xiàn)，功能不變，形式亦不變。20世紀(jì)初的現(xiàn)代主義建筑師廣泛采用這個(gè)法則，后來(lái)，被不同領(lǐng)域的設(shè)計(jì)師紛紛采用。
2. 定義
   通用設(shè)計(jì)法則定義：「形式服從功能」法則，可以用兩種方法來(lái)詮釋，一種是美感描述，另一種是美感規(guī)范?！该枋鲂栽忈尅怪傅氖敲栏衼?lái)自純粹的功能，沒(méi)有其他多余裝飾?！敢?guī)范性詮釋」指的是設(shè)計(jì)注重功能，美感屬于次要。
   維基百科：「形式服從功能」法則認(rèn)為，建筑物或物體的形狀應(yīng)該與其預(yù)期的功能或者目的密切相關(guān)。
3. 「形式服從功能」法則如何使用在用戶體驗(yàn)設(shè)計(jì)中呢？
   △ 網(wǎng)易云音樂(lè)播放器和蝦米播放器界面
   先來(lái)看一個(gè)熟悉的案例，音樂(lè)播放器是一款音樂(lè)類APP的核心模塊，也是被使用頻率高的模塊，其重要性不言而喻。網(wǎng)易云音樂(lè)和蝦米播放器絕對(duì)是非常好的設(shè)計(jì)。網(wǎng)易云音樂(lè)是一張旋轉(zhuǎn)的黑膠唱片和留聲機(jī)唱針，唱針會(huì)隨著歌曲的播放和暫停而動(dòng)作，黑膠唱片是舊時(shí)代音樂(lè)的一種標(biāo)志，也象征著對(duì)音樂(lè)的極致追求。據(jù)說(shuō)網(wǎng)易云音樂(lè)黑膠唱片轉(zhuǎn)動(dòng)速度是丁磊一個(gè)人在房間里對(duì)著黑膠唱片聽(tīng)了很多次，反復(fù)試驗(yàn)，最終才確定了它的轉(zhuǎn)速。如果是追隨「形式服從功能」來(lái)看的話，那黑膠唱片的設(shè)計(jì)完全是畫蛇添足，浪費(fèi)了界面空間，還浪費(fèi)了開(kāi)發(fā)資源。我們?cè)賮?lái)看蝦米的播放器，當(dāng)我們橫置手機(jī)時(shí)，蝦米的播放器界面變成了一個(gè)虛擬磁帶，甚至連功能button都沒(méi)有出現(xiàn)，如果是追隨「形式服從功能」來(lái)看的話，這個(gè)設(shè)計(jì)太糟糕了，用戶根本不知道該如何來(lái)操作呀！但真的是如此嗎？
   △ 需求分析工具圖：產(chǎn)品強(qiáng)度=體驗(yàn)-成本
   《騰訊產(chǎn)品法》中有一個(gè)需求分析工具圖（如上圖）總結(jié)出來(lái)就是：產(chǎn)品強(qiáng)度=體驗(yàn)-成本。增加產(chǎn)品對(duì)用戶的吸引力，核心是「如何提升產(chǎn)品體驗(yàn)」和「如何削弱可能產(chǎn)生的阻礙成本」來(lái)進(jìn)行。根據(jù)“形式服從功能”我們可以降低成本，但是如何增加用戶的體驗(yàn)嗎？在滿足產(chǎn)品功能的前提下，不管是網(wǎng)易云音樂(lè)的黑膠唱片還是蝦米的磁帶都在追求體驗(yàn)的極致，只有在體驗(yàn)無(wú)限放大，成本降到最低的時(shí)候，這時(shí)候的產(chǎn)品才是真正的好產(chǎn)品。所以設(shè)計(jì)師不要把注意力放到錯(cuò)誤的議題上面，并不是功能就一定要比形式重要。設(shè)計(jì)師要根據(jù)當(dāng)下情況，分析「哪些方面會(huì)是成功的關(guān)鍵？」我們不應(yīng)該把法則變成了教條。
   在一款產(chǎn)品從0—1的階段，考慮到時(shí)間和資源因素，很多設(shè)計(jì)就是滿足功能即可，目的是縮短開(kāi)發(fā)周期，快速投入市場(chǎng)，快速地占領(lǐng)市場(chǎng)。但是當(dāng)產(chǎn)品已經(jīng)有一定用戶的情況下，就要開(kāi)始建立品牌體系，頁(yè)面開(kāi)始優(yōu)化，這就是開(kāi)始優(yōu)化用戶體驗(yàn)的過(guò)程。
   △ 滴滴打車1.0版本與滴滴出行5.0版本界面
   我們來(lái)看滴滴的界面，從「滴滴打車」到「滴滴出行」的變化，1.0版本的界面滿足了主要功能。但是2013年時(shí)，打車軟件如雨后春筍，霎時(shí)間鑄造了一個(gè)新興產(chǎn)業(yè)，也吸引著投資人的目光。一個(gè)產(chǎn)業(yè)的發(fā)展必然要經(jīng)歷一次次暴雨的洗禮，打車軟件經(jīng)歷變相議價(jià)、惡性競(jìng)爭(zhēng)、同質(zhì)化發(fā)展等一系列論調(diào)不約而同地出現(xiàn)在公眾的視線中。當(dāng)所有的打車軟件都有相同的功能，看上去都一樣時(shí)，滴滴2.0版本形象升級(jí)，滴滴的產(chǎn)品與設(shè)計(jì)的專業(yè)性越來(lái)越強(qiáng)，漸漸地被用戶和行業(yè)認(rèn)可。滴滴的業(yè)務(wù)在不斷發(fā)展壯大，去年滴滴設(shè)計(jì)團(tuán)隊(duì)（CDX創(chuàng)意設(shè)計(jì)中心）的5.0版本改版總結(jié)可以看出設(shè)計(jì)團(tuán)隊(duì)對(duì)用戶體驗(yàn)的優(yōu)化，對(duì)產(chǎn)品的反哺，有興趣的小伙伴可以閱讀《輕“裝”上陣，從“心”出發(fā)——滴滴全新設(shè)計(jì)背后的故事》。
   小結(jié)
   如果只懂「形式」不懂功能，那還不能完全算是一個(gè)高端網(wǎng)站設(shè)計(jì)師；如果「形式服從功能」，那可以算是一個(gè)設(shè)計(jì)師；如果既懂得「形式服從功能」，又懂得「形式反哺功能」的話，這才是一個(gè)優(yōu)秀的設(shè)計(jì)師。用「形式服從功能」可以當(dāng)作美感法則，但是不要把法則當(dāng)作成一個(gè)嚴(yán)苛的設(shè)計(jì)規(guī)范。在設(shè)計(jì)的時(shí)候，應(yīng)當(dāng)分析當(dāng)下的場(chǎng)景，孰輕孰重，靈活運(yùn)用法則，避免生搬硬套。