彈性化設計-設計框架的包容與擴展性

概念

“彈性”一詞源自力學,指物體在外界因素作用下發(fā)生運動和形變迈螟,當外力撤銷后能恢復原來大小和形狀的性質(zhì),叫做彈性尔崔。

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

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


常用的設計方法

1驼鞭、模塊化

對整個畫面進行區(qū)域劃分,不同的模塊承載不同功能及內(nèi)容尺碰,根據(jù)需求及變化挣棕,對相應的模塊進行調(diào)整和改動,以達到減少對其他模塊的影響亲桥,進而減緩整個畫面的變動洛心。

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

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

在移動端韩肝,演化為我們現(xiàn)在常見的tab bar(標簽選項卡)触菜、segmented control(分段控件)、scope bar(范圍欄)等

移動端標簽欄中的標簽選項最多為5個(具體詳見IOS Human Interface Guidelines)哀峻,若有更多的標簽涡相,標簽欄會顯示其中4個并增加一個“更多”標簽,再將其他標簽以列表的形式呈現(xiàn)剩蟀,例如美團APP催蝗。

列表可用作導航及分類,主要分為平鋪型和分組型育特,特點就是“占地小丙号、放得多、易組織”缰冤。

2犬缨、“物以類聚”

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

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

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

這種方式操作相對隱藏,功能層級較深霸妹,部分可采用鼠標移到該操作區(qū)域即可展開十电。


3、自適應

自適應也是很好的體現(xiàn)彈性化設計抑堡,可應對多種設備和分辨率摆出。

最優(yōu)的方式是做到響應式朗徊,則需要考慮屏幕分辨率斷點和柵格系統(tǒng)首妖。

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

在我的設計中,將來是十分重要的袖外,我用今天的材料和方法進行設計史隆,但我設計的建筑物將在明天使用和改造–––西薩·佩里
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市曼验,隨后出現(xiàn)的幾起案子泌射,更是在濱河造成了極大的恐慌,老刑警劉巖鬓照,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件熔酷,死亡現(xiàn)場離奇詭異,居然都是意外死亡豺裆,警方通過查閱死者的電腦和手機拒秘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來臭猜,“玉大人躺酒,你說我怎么就攤上這事』窕洌” “怎么了阴颖?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長丐膝。 經(jīng)常有香客問我量愧,道長,這世上最難降的妖魔是什么帅矗? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任偎肃,我火速辦了婚禮,結(jié)果婚禮上浑此,老公的妹妹穿的比我還像新娘累颂。我一直安慰自己,他們只是感情好凛俱,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布紊馏。 她就那樣靜靜地躺著,像睡著了一般蒲犬。 火紅的嫁衣襯著肌膚如雪朱监。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天原叮,我揣著相機與錄音赫编,去河邊找鬼巡蘸。 笑死,一個胖子當著我的面吹牛擂送,可吹牛的內(nèi)容都是我干的悦荒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼嘹吨,長吁一口氣:“原來是場噩夢啊……” “哼搬味!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蟀拷,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤身腻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后匹厘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘀趟,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年愈诚,在試婚紗的時候發(fā)現(xiàn)自己被綠了她按。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡炕柔,死狀恐怖酌泰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情匕累,我是刑警寧澤陵刹,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站欢嘿,受9級特大地震影響衰琐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜炼蹦,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一羡宙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掐隐,春花似錦狗热、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至探颈,卻和暖如春熟丸,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背膝擂。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工虑啤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人架馋。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓狞山,卻偏偏與公主長得像,于是被迫代替她去往敵國和親叉寂。 傳聞我的和親對象是個殘疾皇子萍启,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,111評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件屏鳍、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,102評論 4 62
  • 為了把我生產(chǎn)出來 你懷了四年的胎 你阻擋著外界的一切丑惡 以期讓我在你腹中安享 盡管也有臍帶繞頸的危險 但是我并不...
    三秦閱讀 204評論 3 2
  • 我們在使用EditText的時候勘纯,有時候需要設置輸入限制,如輸入類型钓瞭、輸入長度等等現(xiàn)在驳遵。 如果是在佈局文件中,只需...
    匡風含情閱讀 517評論 0 0
  • 被國人調(diào)侃了十幾年的中國男足,昨天一戰(zhàn)成為了十三億人的英雄鸭丛。調(diào)侃他們竞穷,卻不妨礙我們維護、期待和崇拜他們鳞溉,這種矛盾而...
    淺語素心閱讀 785評論 0 0