Please enable JavaScript.
Coggle requires JavaScript to display documents.
如何构建 GEE-UI (今天的 GEE-UI (指导原则 (连贯一致, 信息抽象化, 共享语言, 持续更新), 组件/模式, 风格规范),…
如何构建 GEE-UI
今天的 GEE-UI
组件/模式
风格规范
指导原则
连贯一致
信息抽象化
共享语言
持续更新
Design System 定制化
「弹性」和「颗粒度」的选择
评估和量化
长远的设计观
起步的难点
无经验
让团队看到价值
时间成本
组件化的策略
过程
验证设计
总览
团队协同
工具
约定
“这不再是我的问题,我使用工具X将其交给了开发团队。”
同样,没有任何有价值的东西可以传递。让开发人员复制一些CSS很好,但是这与任何内容都没有关系,并且需要开发团队进行更多的手动工作。
一些设计师通过增强技能(学习如何编码)来弥补这一差距。但是代码本质上是功能的文本表示形式,这使大多数设计人员很难理解(因为我们是视觉人)。
拓展新领域
产品线的增加
起源
抛出问题
工程师和设计师之间的不同「语言」体系
真正的问题是设计和开发团队已经分开工作。
他们维护不同的环境,使用两种语言和资产描述相同的事物。它们冗余地起作用。笔触是一个边界,一个组是一个div,媒体查询是指响应速度或不同的屏幕尺寸,依此类推。
非唯一真实的设计资源(WIKI)
缺少统一的视觉语言
无法复用造成的资源浪费
松散的前端工程和设计之间的关系
前言
引用
设计系统定义了我们的流程。
这仅仅是开始