AI 时代,设计师怎么设计设计系统/Design System
#一边一边
今天我割草、收拾院子时听的播客,嘉宾是发明了 Atomic Design/原子设计 的 Brad Frost
https://t.co/5f3wemPFNb
他围绕设计系统,聊了一些很有趣的话题:
- 为什么要建立一个通用的设计系统?
他想在 HMTL 和具体设计之间,加一层通用的 UI,那么每个公司、团队不必浪费时间建立和维护基本的 UI 库,设计系统可以把时间花在更重要的地方:了解用户需求和行为
- 怎么利用 AI 提升设计系统
比如 AI 很善于生成变量、测试概念,设计师可以指定一个 UI 标准,由 AI 来生成几百个变种、并分别测试效果
- 设计系统设计师怎么在 AI 世界里获得成功
做人擅长的事情:做决定,了解人类用户的真实需求
- 设计师怎么跟程序员、工程师合作
Figma 为了提高协作效率,越来越多地引入前端开发的概念,这给设计师带来了极大的障碍,“设计师要不要学编程”也变成了经久不衰的争议
嘉宾建议设计师了解前端涉及的一些基本概念,比如 CSS 盒子模型,最重要的是 - 直接跟程序员说:我不懂这个啊,你给点建议啊……(注)
- 再小的系统,也可以有设计系统
嘉宾拿自己给太太设计小网站为例,他从头开始就按照“设计系统”思路工作,提高了效率(注2)
上面是我凭记忆写的提纲和解释,为了避免疏漏和偏差,大家自己去听节目吧
注1:
在合作环境里承认自己不懂,是一种重要的竞争力,这本质上在一个对抗的环境里,把你作为一个“弱者”,转变成了一个可以沟通、可以学习、可以适应、可以信任的“合作者”
注2:
一个正常的设计系统,既不是前端程序员以为的 UI 库,也不是设计师嫉恨的刻板设计规范,抛开它的形式,设计系统是避免混乱的一套协作方式
对公司和团队而言,设计系统是避免设计任务过于发散的工具。而对设计师个人而言,设计系统是帮助设计师养成条理的好习惯……
很多设计师抱怨,说设计系统遏制了自己的创意啦……拉倒吧,90% 的设计师 90% 的时间里没有产生过任何创意
点击图片查看原图
点击图片查看原图