设计师,你为什么要用模块化设计?

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
14469 25 312 2018-10-12

模块化设计是将设计分解成小的模块,然后独立设计它,最后在将它们组合成更大的系统,就像小朋友玩的积木一样,由一些简单的零件组成小的模块,然后在组合成各种模型样式。

Image title



Image title

参考链接:

https://www.uisdc.com/summary-of-modular-design电商实战!从京东分会场学到的模块化设计方法总结

https://www.uisdc.com/event-venue-modularity电商活动会场想做得更快更好?你需要模块化思路

http://www.ui.cn/detail/177276.html墙外干货:如何通过风格指南驱动模块化交互设计


http://sketch.cm/plugins/184 支付宝设计神器



全部评论:25

  • YouthLYQ

    2018-11-09 17:50

    @Yuanc: 可以装个黑苹果系统

  • Yuanc

    2018-11-02 10:47

    没有苹果电脑,用不了这个神奇

  • 风筝KK

    2018-10-25 14:47

    @骏翊其林: 直接可用的高保真状态

  • 骏翊其林

    2018-10-25 11:07

    感谢分享,此致敬礼!我有一些疑问还望得到解答,模块化如何表现出来呢?是低保真状态?还是高保真状态?意思是模块化的部分归类后要先存起来一个文档,再将其运用在合适的界面中吗?

  • 风筝KK

    2018-10-17 09:21

    @CXXioHi: 哈哈,我也会不按照规范来的时候,这个没有必要限制那么死,其核心也是团队协作,如果一个人,想怎么来随你啦

  • 风筝KK

    2018-10-17 09:20

    @莫忘尘: 他的核心在于团队协作

  • CXXioHi

    2018-10-16 17:54

    不就是升级版的视觉规范吗 我自己定的视觉规范 讲真 有时候我自己就不按规范来 我觉得这个最大的好处主要是给开发的小哥看的

  • 莫忘尘

    2018-10-16 14:44

    细看阿里的dapollo,更多的是对现有页面样式等的梳理,对于新人来说可能是一种不错的参考,查找成本降低了,基础页面不用重复设计了,但也仅仅止于此,再详细的规范也有规范不到的地方。出现新的页面可以在原有的基础上再延展,才不会偏离原有设计精神。而且所谓的模块化,还停留在设计层面就毫无效率可言了。基础模块的封装同步到前端层面,定时修改维护,才能根本上保证输出的统一性,提高效率。

  • 风筝KK

    2018-10-15 23:57

    @lemonweb: 抓到一个懂的小哥哥

  • 风筝KK

    2018-10-15 23:51

    @Z清晖: 复制连接,不要直接点,文字不要复制进去

  • Z清晖

    2018-10-15 21:52

    @风筝KK: 请问小姐姐,文末的链接只有我打不开吗

  • lemonweb

    2018-10-15 19:00

    所谓模块化设计,其实就是制定设计规范的目的所在,把论题高度再提升一点,就是设计语言的目的所在,一个优秀的设计语言,可以将感性的设计,在理性的框架内进行约束,细化设计单元到原子(像乐高那样),从而又能组装无限可能,又不是品牌 DNA 的灵魂(乐高可以建一座城堡,也可以搭建一个飞机,但我们都知道这是乐高做的)。其实任何产品,发展到一定阶段,都会设计“模块化”,既能突出品牌调性,又能提高效率,降低成本。这是模块化的意义所在。 当然, 对新人来说,“模块化”就是约束他们天马行空的创意枷锁; 而对资深的设计师来说,“模块化”是提高生产力,让他们可以把精力放在更需要“从0到1”的创作中; 对于真正的设计者来说,“模块化”是 个人/品牌 设计灵魂的探索与发现,是对自我设计的不断沉淀与升华的过程。 所以大家对“模块化”设计,自然也就见仁见智了...

  • 四公子

    2018-10-15 16:35

    @_Seven_: 感觉这个组件化只适合搭低保真图

  • 风筝KK

    2018-10-15 11:55

    @_Seven_: 哇,难得看到小姐姐这么长的问题,这个问题一两句话也说不清楚,文章里面我放了参考链接,写了模块化在电商界面中的应用,能够很好的解释什么是模块化,如果有不清楚的可加我微信lf373939411

  • _Seven_

    2018-10-15 10:43

    组件化设计一直有个疑问,如作者所说当我做新项目时也会去复制粘贴之前项目做过的某些模块,但会根据新项目的规范改下颜色间距字体大小。用模块化设计是方便的意思是做好的模块或者组件应用于公司所有项目吗,那么问题来了是不是这么做出来的app风格都差不多,比如我不同项目定的删格规范是不一样的,怎么共用组件呢,用了一样的组件还是得手动调间距留白。 说了这么多总结一句话就是组件化应该是一个项目做一套,还是做一套用于不同项目。 如果是一个项目就要做一套,有得花时间做组件还没复制粘贴来的快

  • 风筝KK

    2018-10-14 21:24

    @魔术师 Dr. Huang: 好的,那麻烦你加下我的微信号:lf373939411

  • Wendy_小火焰

    2018-10-14 15:55

    大写的优秀~

  • 魔术师 Dr. Huang

    2018-10-14 15:15

    美女求加Wei信,求合作哦~~

  • 风筝KK

    2018-10-13 16:04

    @周学学: 组件化,了解下

  • 周学学

    2018-10-13 10:38

    3.模块化设计,2分钟组件换肤什么东西?sketch里面的吗

  • 风筝KK

    2018-10-12 16:54

    @MoreDesign: 欢迎欢迎~~

  • MoreDesign

    2018-10-12 15:48

    来啦来啦!嘻嘻!

  • 是鲲鲲啊

    2018-10-12 14:19

    @风筝KK: 嗯 !加油!

  • 风筝KK

    2018-10-12 14:14

    @是鲲鲲啊: 有紧迫感,才会有驱动力,加油⛽️

  • 是鲲鲲啊

    2018-10-12 14:10

    看完蚂蚁金服的Dapollo插件后,有种深深的压迫感,或许UI 、前端这两职业离消失也不远了 ,不,这是互联网发展的必然结果。职业规划上的我们现在后期重心更应该转向交互和用户体验等这种情感化设计相关的工作,才能在五年或十年之后仍在这个行业中立足?或许如此。。。

  • 橙子的橙子

    2018-10-12 14:07

    我的风筝女神呀....最棒了...

  • 风筝KK

    2018-10-12 13:03

    海盐社 提炼知识盐分,浓缩设计干货。 更多内容,请关注微信公众号:hys-ssc

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票