2.3 Design System - Design Token

在学习一个新东西的最初阶段
撞的墙一定是最多的,撑过去就好了!

Design token 其实原本看完页面第一时间我是没有完全理解的
不过还好跟一位资深的朋友一起讨论後有比较理解了

checklist的说明是:构成设计系统最基础的变数,比如说:颜色、字体,所以如果改变最基础的变数影响是会扩及整个设计系统的
就好像昨天 Audi 网页的 Basic 部分:色彩、字体规范、排版等等

它可以是色彩的 RGB 色码、不透明度的百分比数值或是动画的座标位置

在 Adobe spectrum 的说明则比 Audi 再多了Token 不同命名方式、不同装置情况下的最小尺寸定义。
Token 命名方式有好几种,主要依照画面用途来选用
Global(整体):可以直接被应用在元件上,ex:颜色-尺寸
Alias(别名):有特定用途,可在不同位置重复使用,ex:CTA-背景-颜色
Component-specific(元件用途)标记:特定元件上做使用,ex:按钮-CTA-背景-颜色

在整体尺寸标记上,桌机或行动装置对最小尺寸的定义会有一点差异,比如说桌机的尺寸基本数值定义为 8px, 行动装置的则定义为 10px
不过目前还没有厘清 size token & static size token 在应用上的差异,希望有人理解的话可以跟我分享

Adobe 也列出了一些 Do & Don't的范例


实务上的工作经验小故事

虽然不是我自己遇到的但觉得每个有一定经验的工作者都可以做为借镜

有个朋友跟我分享他以前实习的跟同事合作上偶尔会遇到
他基於经验跟所学提出解决问题比较好的方式
私下跟同事提出时,同事会比较坚持己见或是要跟主管确认後才会采用
朋友就会有因为是实习而不被信任的感受
好像要花很多时间跟精力来回沟通才能够说服对方
这个情况和感受偶尔也会发生在跟客户应对的我身上
起初会觉得「我讲的是事实,为什麽不信任我」
但後期就释怀了,有时候可能因为年纪、资历或其他等等原因
在刚入职场的阶段,可能本来就要花很多时间去沟通或让同事、客户相信你的专业
但时间拉长来看,这个好像就是必经的路程,但有前面的积累、後期就会比较轻松了!
我们能做得好像就只有,当自己经验累积後,不会因为别人资历浅就不轻易采信他的建议

Day 9 End


<<:  Day 24-Unit Test 应用於 ORM (以 Entity Framework 为例) (情境及应用-4)

>>:  Basic NetSuite Customization Glossary

管理者该专注的四件事

上一篇我分享了 ALPHA Camp 与 Google 的主管绩效评估问卷作为参考。一个有效的管理者...

目前销售流程遇到什麽问题?

在探讨这个问题之前,先来分享我们目前的销售流程 搜集名单 透过脸书投放名单型广告,或是 Google...

Day29-保护鲸鱼人人有责(四)

前言 前几天不管是讲怎麽把 Dockerfile 写好、还是做弱点扫描,基本上都是在确保 Docke...

Day 5 - 断点设定

Tailwindcss 使用 normalize.css 来当作初始化样式,和 Bootstrap...

鬼故事 - 不是,你偷这些干嘛

鬼故事 - 不是,你偷这些干嘛 Credit: System32Comics 灵感来源:UCCU H...