兴起想做 Design System 的起源

忘记在哪边看到的一句话
最难的工作要交给最懒的人,因为他会找到最有效率、省时省工的方式把它完成

由於今年初加入了一间新创,观察一阵子发现:公司暂时无自有产品、多数工作皆为接案
当初选择这间公司是观察到「有设计需求,但暂无设计部门」
我在公司的角色是产品经理,但其实我对设计还是比较有兴趣的,做为 PM 要能够很有智慧的说话、进退得宜,而这件事真的很难!

先说结论,我们最後还是决定:先暂时不做,但由於我三不五时会去逛职缺,一方面可以知道自己在设计还有哪些不足、一方面可以大概了解自己在人力市场的价值,因为看到蛮多 Sr. 级别的会要求要会、或是曾建立过一套系统,希望自己在机会来时是准备好的,所以才开始搜集各项相关资料,未来 30 天会以下面的架构去分享

#1 前置作业

  • 为什麽要做?
  • 做的优缺点
  • 包含哪些项目要做?
  • 做的优先顺序、注意事项
  • 可以先参考哪些设计系统

#2 实际制作

  • 制作的工具
  • 项目分类一:设计语言
  • 项目分类二:Design Token
  • 项目分类三:元件(17项)

#3 如何 Maintain

  • 管理平台
  • 其他注意事项(因为来没研究过这块,到时候再统整一下吧!)

实务上的工作经验小故事

之前曾经跟几个设计师合作过,有些设计师的Wireframe会很清楚明了、有些在看完画面後会冒出许多疑问
所以那时候开始好奇,当完成一份设计稿的时候有没有个一个例行检查的 checklist 可以让我们避免後续的来回沟通呢?

虽然目前还没有很完整的一份,但之前在看网路文章时,看到「兽群之心 / Soking」Medium 的文章提到了几个项目,如果设计稿上都有的话,RD们应该会少叹几口气~
画面命名跟编码
在後续跟客户、工程师们沟通上很实用,尤其是现在我们公司会议都线上居多,别人的那个不是你的那个、你的这个也不会是别人的这个

画面状态跟资料
是什麽状态?资料是从哪里来、系统怎麽传递、会需要多少时间

介面互动
ex:点击後会发生什麽事?

以上欢迎大家再帮我补充,Day 1 End


<<:  Day 15:更多开源专案

>>:  我们截至今天为止,总共在 firebase 上做了 168 次 A/B Testing

Day 1 - 环境设置

介绍 先自我介绍一下吧, 笔者来自香港, 很崇拜"开源"这种精神, 慷慨地把自己...

HTML基础介绍(2)

来轻松聊聊 学习完第一天的内容後,接着要进入到时常用到,而且重要的标签了。 藉由标签可以做到表格、列...

#17 Automation (5)

今天处里剩下的部分:checker 函式和它注入页面的辅助函式。 checker checker 函...

Generate CSRF PoC 伪造跨站请求漏洞利用产生

今天要介绍的一种骇客攻击手法「伪造跨站请求」, 英文Cross-site request forge...

学习MLOps前暖身操:why, what, who?

接下来的30天,我们会一起看MLOps的更多层面。从为什麽产业开始谈MLOps开始,以及其包含的技术...