逆向设计原则:内容服从于形式

(转载请务必注明来源与作者信息)

先有鸡还是先有蛋?可能不太好回答。

但是对于设计来说,先有内容,还是先有形式?大部分人都会回答前者。

没错,无论是 PPT 制作、海报绘制,还是互联网产品设计,形式(外在)总是为内容(内在)服务的。这非常容易理解,我们总是先确定下来需要展示的内容本身(文案、宣传重点、核心功能等),然后再考虑选取或设计什么样的外壳来承载它们。

我在学校组织活动的时候经常需要制作 PPT ,电脑里自然也存储了很多的炫酷模板,而比较高效的设计过程就是把内容嵌套到模板框架中,最好可以从不同的模板里选择一些适合的效果、结构整合到一起,再修改一下主色调、主风格即可。

于是我发现了自己的一个坏习惯,就是经常将内容匹配于形式。

比如,我现在有一个超酷的 PPT 模板,视觉效果拔群,大概是这样的:

可以看到这个模板有四个要点,他们通过一个名为「Duang!」的特效联结在一起,展示效果非常好。但是我看了看手上的文稿,默念问题来了——这一页要展示的要点却只有三个。如果为了这三个要点重新制作动画和效果,会非常费事而且也未必满意;如果把这个现有模板的四个要点直接删除一个,就破坏了这个动画内容,显得残缺不全。于是我经常的做法就是:

想办法把文稿的要点增加一个。

大家先别急着骂,回想一下领导们的汇报 PPT,「团结、一致、开拓」变成「团结、一致、开拓、创新」又有什么关系呢?尤其当我还有权利改动文稿的时候,这种做法就变得非常高效了。

再比如这样的一个模板,也经常出现类似的情况:

现在回过头来看,是因为自己的 PPT 水平和设计能力不足,过份依赖模板与框架才导致了如此的结果,并不是一个好习惯,甚至会有点本末倒置。但是当我开始接触互联网产品设计时,发现同样会遇到类似的情况,但是,这种「逆向设计原则」,却变得合理和有效。

尤其是移动端产品设计,产品结构和框架非常重要,而且对于上层的交互模式又有广为认可的「规范」、「规则」存在,而它们,就是类似于 PPT 的模板。

拿到一个产品设计需求时,我会先分析产品本身的结构,例如其中可能会包含「社交」、「项目协作」、「个人中心」等模块,它们则都需要一个承载的框架。但是值得注意的是,常常每个模块最适合的框架是不同的,并且在一个产品中使用多种框架也非常不合理。

举个例子,一个 iPad 产品的项目管理模块,适用于如下所示的分栏结构。左侧列表导航、点击后在右侧显示详情:

我们往往希望如果所有的模块都可以使用这种分栏结构来显示,那就能保证产品自身的设计完整性。但是不幸的是,这个产品还有某些功能可能并不适合采用分栏结构,如大量的文本、图片等显示,它也许更适合平铺的显示方式,充分利用 iPad 的大屏空间,像这样:

此时,如果整体产品结构更倾向于分栏结构,少数内容适合全屏直接展示,也许我们应该考虑怎么将少数能容也通过分栏来展示——而且往往能够找到这样做的突破口。比如微博、QQ 空间等,将时间轴和评论详情的内容分开放置于分栏结构中,不仅很好地适应了分栏,还提升了屏幕利用率,避免 iPad 大屏下的视觉失焦等问题。

这种内容与形式的主从关系转换非常微妙,必须在设计过程中仔细考虑,多多对比,才能找到最佳的实现手段。实际工作中,类似的情况还有很多,我就不再举具体的例子了,相信大家仔细回想就能找到一些契合点。

欢迎大家一起讨论:)

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,263评论 25 707
  • 逆向设计原则:内容服从于形式 先有鸡还是先有蛋?可能不太好回答。但是对于设计来说,先有内容,还是先有形式?大部分人...
    小白玉无瑕阅读 666评论 1 3
  • 伊索寓言中有一则关于鹅生金蛋的故事。 一个农夫无意间发现一只会生金蛋的鹅,不久便成了富翁。可是财富却使他变得更贪婪...
    怀想江南阅读 1,547评论 2 3
  • “你醒了?”一个少女的声音说道。 初一缓缓的睁开眼睛,一抹殷红映入眼帘,正是那个被暴徒强奸的红衣少女,不过此时她的...
    有狐在沔阅读 170评论 0 0