弹性化设计-设计框架的包容与扩展性

概念

“弹性”一词源自力学,指物体在外界因素作用下发生运动和形变,当外力撤销后能恢复原来大小和形状的性质,叫做弹性。

将“弹性”引申至互联网产品设计领域,则强调了设计框架及界面结构的包容与扩展性,具体体现在框架的搭建对后期的变化改动及功能增加是否可适应,即将时间因素纳入考虑,以发展的眼光设计框架结构及信息布局。

具有良好可扩展性的系统设计,则需对空间规划与功能布局把握适度弹性与灵活,便于后期对框架的改造和再利用,以适应未来一段时间内变化需求。


常用的设计方法

1、模块化

对整个画面进行区域划分,不同的模块承载不同功能及内容,根据需求及变化,对相应的模块进行调整和改动,以达到减少对其他模块的影响,进而减缓整个画面的变动。

块化在内容更新快、业务推广频繁的应用中发挥的价值不言而喻,像电商、视频、新闻等,例如优酷pad版上方的子标签页,可以根据当前事件添加不同的模块专题,像“新好声音”、“里约奥运(现已去除)”等,在已有的框架内,很好的满足了业务需求。

标签页,是一种常用的信息内容的扩展方式。所有的标签本质上平行或同等级的关系,因此可以根据新增内容的性质来判断是否需要标签的新增。PC端的软件中,使用场景非常广泛,且信息组织清晰明了。

在移动端,演化为我们现在常见的tab bar(标签选项卡)、segmented control(分段控件)、scope bar(范围栏)等

移动端标签栏中的标签选项最多为5个(具体详见IOS Human Interface Guidelines),若有更多的标签,标签栏会显示其中4个并增加一个“更多”标签,再将其他标签以列表的形式呈现,例如美团APP。

列表可用作导航及分类,主要分为平铺型和分组型,特点就是“占地小、放得多、易组织”。

2、“物以类聚”

对相同性质的选项或功能聚合在单个功能键上,例如筛选和搜索等。聚合的区域内有更多的可变性及扩展能力而不影响原有框架布局。

zendesk中的高级搜索,就集合在单个控件内,而不影响整个界面结构,即使后期搜索选项发生改动,也不影响现有的布局。

salesforce中使用场景更加广泛,使复杂的功能的也可以简单有条理的呈现

这种方式操作相对隐藏,功能层级较深,部分可采用鼠标移到该操作区域即可展开。


3、自适应

自适应也是很好的体现弹性化设计,可应对多种设备和分辨率。

最优的方式是做到响应式,则需要考虑屏幕分辨率断点和栅格系统。

弹性设计思想是一种应对需求变化的策略,贯穿与常规设计过程之中,将时间因素纳入考虑。当然,任何物体都有一定的弹性空间,当现有的框架无法继续承载产品发展,大的体系建立便将再次发生。

在我的设计中,将来是十分重要的,我用今天的材料和方法进行设计,但我设计的建筑物将在明天使用和改造–––西萨·佩里
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,977评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,081评论 4 62
  • 为了把我生产出来 你怀了四年的胎 你阻挡着外界的一切丑恶 以期让我在你腹中安享 尽管也有脐带绕颈的危险 但是我并不...
    三秦阅读 203评论 3 2
  • 我們在使用EditText的時候,有時候需要設置輸入限制,如輸入類型、輸入長度等等現在。 如果是在佈局文件中,只需...
    匡风含情阅读 516评论 0 0
  • 被国人调侃了十几年的中国男足,昨天一战成为了十三亿人的英雄。调侃他们,却不妨碍我们维护、期待和崇拜他们,这种矛盾而...
    浅语素心阅读 782评论 0 0