1.3 Design System - 包含哪些项目要做?

职场好榜样F大
F 对我来说是设计的前辈,在他入职後,我才有在设计上有比较大幅度的进步
不过在他身上我收获最多的反而不是设计硬实力,而是工作态度与跟客户应对的方式
他让我知道,我们设计师或者产品经理,其实很多时候都是扮演着心理谘商的角色
在推进产品开发上线的路上,主要工作是管理、设计,次要工作是同理安抚情绪

了解做设计系统的优缺点之後,更进一步的就是要知道有哪些项目要做了
其实在网路上也已经有蛮多设计师分享的资源
其中还有人汇整 checklist
方便给打勾勾控核对
Figma(线上设计协作平台)的开源资料中,也有人整理上面网页的项目
(不过我对了一下有漏,大家要使用的话,可以再自己补上漏的项目)

整体来说就分四个大块
1.设计语言
品牌、Logo、Guidelines

2.Design Token
其实我不太了解这部分该怎麽翻译跟他核心概念
不过在 checklist里面是这样叙述的

Variables that store values for the base layer of your design system,like colour and typography. They’re used in components, so changes on this level will resonate throughout the whole system.
在设计系统中最基础的设计变数,像是颜色、文字排版,它们会被应用在设计元件上,所以当它们有任何改变的时候影响层面会扩及整个设计系统

我的理解是,有点类似「原子设计」的概念,把最小的东西定义出来,再进而组合扩充
可以参考:Adobe spectrum

3.核心元件
这边林林总总有好多元件,之後就打算练习把各项元件都实作一次
包含常见的按钮、文字输入框、轮播器等等
想知道详细的元件可以看一下 checklist

4.管理
checklist 可以发现他最後一部分是工具
不过,对我来说,後续的管理会是很重要的一部分,工具反而是做之前就会知道的,所以这边把它替换掉


实务上的工作经验小故事

在执行专案时,有时候视专案大小不一定会由同一个人从头负责到尾,那要怎麽样让接手的人在最快的时间内了解专案细节呢?之前实习曾观察过一个很优秀的PM,他所有会议都会有文件纪录,有些更进一步有些会有录音、萤幕录影(当然视客户同意与否),文件纪录内容也很详尽,若有不清楚的会议中或会议後也会马上确认,这些资料也会以清楚的命名跟分类放在大家可以取得的地方

所以後来我在初次接触专案管理的时候,几乎可以说是把他处理事情的方式(我有观察到的)整套复制下来,这个对我帮助真的很大!

虽然有些文件大家不见得会去看,但没有的时候的确会造成一些困扰,所以在时间、能力许可的情况下,还是会建议大家都写好写满,若有争议发生时也有个依据。

Day 4 End


<<:  【Day19】传值和传址(传参考)

>>:  D18 第九周 (回忆篇)

#3 JavaScript Crash Course 2

今天教 Promise Async / Await。 Promise Promise 这个东西跟时间...

Day27. 虽然今年是2021,但我们要做2048(1)

卖了那麽多天关子的最後实作,今天就要揭晓我们的题目了:不知道大家有没有玩过前些年很火红的一款小游戏呢...

02 | WordPress 编辑器的进化起源,认识「传统编辑器」

传统编辑器的作用,就是把 HTML 转换为我们所见的网页的过度性产品 Classic Editor...

Day 4. Hashicorp Nomad: resources

Hashicorp Nomad: resources 在Kubernets的 Quality of ...

[VSCodeVim] 推荐的Vim、VSCodeVim的参考资源

推荐的Vim、VSCodeVim的参考资源 [系列文目录] 这篇文章推荐几个Vim与VSCodeVi...