云计算后台设计规范 - 组件

  • 作品类型网页
  • 作品属性原创作品
  • 作品版权署名
28350 36 735 2018-09-15

沉淀了一些工作中对于中后台设计 「组件」 的总结,对于企业级中后台设计来说,规范的遵循和组件的应用尤为重要,体量越大作用越明显,可以锻炼作为一个设计者的克制;

关于更全面详细的介绍,大家可以自行参考 MD 和 AntD,国内来说,后者更接近于现下的用户审美。

惊艳的设计可能是一种视觉享受,但严谨的秩序之美也是另一种追求。

附上一句特别喜欢的话——

“我们做设计,有时候只能在限定的那么一个小小的框架内,然后尽全力发挥想象作出一些新的可能。”

全部评论:36

  • Welids

    2022-12-27 13:58

    这就是纯演示,博眼球的设计.实施不起来的!

  • MLJs

    2022-04-08 15:43

    @小菜很迷茫: 嗯嗯

  • 哲学爱好

    2019-08-05 17:35

    中小型企业的后台 真是要配合前端做优化

  • 兔der酱

    2019-02-13 13:13

    赞哦

  • wj_plus

    2019-02-13 10:10

    可以说,现在咋中小公司每次做后台几乎都是按照选好现有框架去设计,还得跟前端配合看哪里优化下可行哪里不可行,自己出是几乎不可能的,大公司没去过句不发表评价了

  • 2018-11-22 09:21

    真棒

  • jetris

    2018-11-05 16:46

    很详细,赞

  • lemonweb

    2018-10-30 17:47

    评论的同学不要在动效和美感上去分析和讨论了,我可以很肯定的说一句话:不懂规范、不能和前端有效契合的设计规范,都是假规范。可执行、可落地、设计侧和开发侧都能达到高效多人协作规范,才是一个好的规范,但这样体量的规范,不是一两句话能说清楚的!

  • 小菜很迷茫

    2018-10-15 14:00

    其实这些规范还算是小小的一部分,加入客户需求的时候其实也是不堪一击的。只能是在不同的需求下不同组件,不同模块的自定义组件。

  • kennykongX

    2018-09-28 17:38

    这些小动画用什么工具制作的呢?

  • 明媚如初朱一龙

    2018-09-27 09:46

    写的很好,谢谢

  • 哼哈小将

    2018-09-26 18:18

    @小小佛: 你可能误解我的意思了,不过还是谢谢你的回复,现在我已经知道怎么做了。

  • 哼哈小将

    2018-09-26 18:17

    @Yohann_c: 学习了,谢谢!

  • 木夕K

    2018-09-25 09:46

    @Yohann_c: 嗯嗯 认同

  • Yohann_c

    2018-09-22 12:03

    @木夕K: MD 和Ant D都是基础规范,但落地各个场景也要因地制宜,有基础规范的影子才说明是遵循了其底层规范。 普通话好听,但方言不是更有魅力吗。

  • Yohann_c

    2018-09-22 11:58

    @哼哈小将: 想象一下,一个表头是30+的表格,查看内容还需要横向滚动(对于鼠标来说是比较糟糕的体验),那这是excel,不是 UI。 我们需要做的是在有限的屏幕宽度内呈现优先级最高的信息,这也是列表页的主要设计原则。剩下的内容放到详情页。 一般在设计的时候,对于表格的表头内容是有考量的,其排列也受优先级影响,比如,名称总是靠前,时间信息等总是靠后。 最后,如果万一就是有30+的表头,那么也要具体分析;比如横向滑动的加入可不可行,表头第一列和最后列需不需要固定,内容体量可控的情况下是不是可以用卡片页来替代等等。

  • zrm

    2018-09-21 14:09

    前段时间刚做了一个游戏数据分析的后台系统,一些规范组件统计的没有那么全面,看到这篇文章之后收益颇多,感谢!

  • 木夕K

    2018-09-21 11:06

    这不就是蚂蚁金服的设计规范吗

  • 小小佛

    2018-09-21 09:19

    @哼哈小将: 20-30字符的时候可以限定只显示10+左右的字符,剩余省略号展示,鼠标经过软弹窗展示全部。

  • 听见下雨的声音丶

    2018-09-20 16:04

    一看就是大厂里的人

  • 醉方休

    2018-09-20 14:18

    辛苦辛苦,不仅整理出来还做了动图········如果能出一些界面具体组合的示例就更好了,比如表单排版,搜索筛选比较特殊的情况(筛选条件较多且复杂的),列表详情页的展示,表格表头较复杂如何处理,表格内容有多个层级,表单内容较复杂的填写,表单文案格式的正确性,界面栅格及适配的问题等等···哈哈··可能要求的太高了···

  • 哼哈小将

    2018-09-20 11:13

    看了你前一篇文章过来的,请问,表格表头内容过多(20+/30+)这个时候该怎么排版啊?这个问题困扰了我很久

  • 红巾起义

    2018-09-19 20:08

    学习了,谢谢无私分享!!

  • 妖叨叨丶

    2018-09-19 18:05

    好厉害,大佬,动效是用Principle做的吗

  • 马马马上

    2018-09-19 16:24

    作者的这些微交互是用什么做的??好详细。细节够够的,收藏~

  • Budzou

    2018-09-19 14:11

    做的很棒,细节满满,收藏了,之后得网站设计会拿出来看看

  • 士林刘军

    2018-09-19 09:38

    超级66666

  • Yohann_c

    2018-09-18 17:24

    @宋脸小: 因地制宜吧,每个团队都不一样,不过从自我约束的角度来看,设计总应该要多想一点,因为你的规范就决定了页面呈现能有的高度。

  • Yohann_c

    2018-09-18 17:21

    @简单琦: 谢谢~

  • Yohann_c

    2018-09-18 17:19

    @浩辰设计Mu姜子: 是的,形状工具画一个矩形,里面有圆角这个选项

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

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

投票