概念

“彈性”一詞源自力學(xué)，指物體在外界因素作用下發(fā)生運(yùn)動(dòng)和形變，當(dāng)外力撤銷后能恢復(fù)原來大小和形狀的性質(zhì)，叫做彈性。

將“彈性”引申至互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)領(lǐng)域，則強(qiáng)調(diào)了設(shè)計(jì)框架及界面結(jié)構(gòu)的包容與擴(kuò)展性，具體體現(xiàn)在框架的搭建對(duì)后期的變化改動(dòng)及功能增加是否可適應(yīng)，即將時(shí)間因素納入考慮，以發(fā)展的眼光設(shè)計(jì)框架結(jié)構(gòu)及信息布局。

具有良好可擴(kuò)展性的系統(tǒng)設(shè)計(jì)，則需對(duì)空間規(guī)劃與功能布局把握適度彈性與靈活，便于后期對(duì)框架的改造和再利用，以適應(yīng)未來一段時(shí)間內(nèi)變化需求。

常用的設(shè)計(jì)方法

1、模塊化

對(duì)整個(gè)畫面進(jìn)行區(qū)域劃分，不同的模塊承載不同功能及內(nèi)容，根據(jù)需求及變化，對(duì)相應(yīng)的模塊進(jìn)行調(diào)整和改動(dòng)，以達(dá)到減少對(duì)其他模塊的影響，進(jìn)而減緩整個(gè)畫面的變動(dòng)。

塊化在內(nèi)容更新快、業(yè)務(wù)推廣頻繁的應(yīng)用中發(fā)揮的價(jià)值不言而喻，像電商、視頻、新聞等，例如優(yōu)酷pad版上方的子標(biāo)簽頁，可以根據(jù)當(dāng)前事件添加不同的模塊專題，像“新好聲音”、“里約奧運(yùn)（現(xiàn)已去除）”等,在已有的框架內(nèi)，很好的滿足了業(yè)務(wù)需求。

標(biāo)簽頁，是一種常用的信息內(nèi)容的擴(kuò)展方式。所有的標(biāo)簽本質(zhì)上平行或同等級(jí)的關(guān)系，因此可以根據(jù)新增內(nèi)容的性質(zhì)來判斷是否需要標(biāo)簽的新增。PC端的軟件中，使用場景非常廣泛，且信息組織清晰明了。

在移動(dòng)端，演化為我們現(xiàn)在常見的tab bar（標(biāo)簽選項(xiàng)卡）、segmented control（分段控件）、scope bar（范圍欄）等

移動(dòng)端標(biāo)簽欄中的標(biāo)簽選項(xiàng)最多為5個(gè)（具體詳見IOS Human Interface Guidelines），若有更多的標(biāo)簽，標(biāo)簽欄會(huì)顯示其中4個(gè)并增加一個(gè)“更多”標(biāo)簽，再將其他標(biāo)簽以列表的形式呈現(xiàn)，例如美團(tuán)APP。

列表可用作導(dǎo)航及分類，主要分為平鋪型和分組型，特點(diǎn)就是“占地小、放得多、易組織”。

2、“物以類聚”

對(duì)相同性質(zhì)的選項(xiàng)或功能聚合在單個(gè)功能鍵上，例如篩選和搜索等。聚合的區(qū)域內(nèi)有更多的可變性及擴(kuò)展能力而不影響原有框架布局。

zendesk中的高級(jí)搜索，就集合在單個(gè)控件內(nèi)，而不影響整個(gè)界面結(jié)構(gòu)，即使后期搜索選項(xiàng)發(fā)生改動(dòng)，也不影響現(xiàn)有的布局。

salesforce中使用場景更加廣泛，使復(fù)雜的功能的也可以簡單有條理的呈現(xiàn)

這種方式操作相對(duì)隱藏，功能層級(jí)較深，部分可采用鼠標(biāo)移到該操作區(qū)域即可展開。

3、自適應(yīng)

自適應(yīng)也是很好的體現(xiàn)彈性化設(shè)計(jì)，可應(yīng)對(duì)多種設(shè)備和分辨率。

最優(yōu)的方式是做到響應(yīng)式，則需要考慮屏幕分辨率斷點(diǎn)和柵格系統(tǒng)。

彈性設(shè)計(jì)思想是一種應(yīng)對(duì)需求變化的策略，貫穿與常規(guī)設(shè)計(jì)過程之中，將時(shí)間因素納入考慮。當(dāng)然，任何物體都有一定的彈性空間，當(dāng)現(xiàn)有的框架無法繼續(xù)承載產(chǎn)品發(fā)展，大的體系建立便將再次發(fā)生。

在我的設(shè)計(jì)中，將來是十分重要的，我用今天的材料和方法進(jìn)行設(shè)計(jì)，但我設(shè)計(jì)的建筑物將在明天使用和改造–––西薩·佩里