请教一下各位前端或移动应用开发者，你们颜色属性是怎么定义的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1812 天前的主题，其中的信息可能已经有所发展或是发生改变。

问题描述：在根据设计稿实现 UI 时，会遇到各种字体颜色、背景颜色，如何高效的实现这些颜色定义并且提升代码规范呢？

下面举几个例子：方法一：不进行颜色统一定义，重复写各种色值，Color(0xFFF6F7F8) 方法二：所有颜色都定义在一个文件里，并且使用名称进行帮助记忆，例如 Color lightGrey = XXXX;

首先方法一大家都知道缺点是什么，但方法二我始终觉得单纯得靠颜色定义对效率的提升也是巨大的，无法避免每次去查询这个颜色定义文件。。。

不知道各位开发者是怎么解决的，欢迎分享！

7 条回复 2021-01-11 18:44:14 +08:00

shakaraka

PRO

2021-01-11 14:43:56 +08:00

我偏向是定好主色和警告色，然后剩下的按组件划分即一个组件一个样子

wangyifan

2021-01-11 14:50:58 +08:00

@wunonglin 因为我是移动端开发，可能无法准确 get 你的意思。
根据你的回复，组件化的意思是

wangyifan

2021-01-11 14:54:23 +08:00

@wunonglin 刚刚没回复完全
组件化的意思是？
Style mainTitleStyle = Style(黑色, 16px);
Style subTitleStyle = Style(黑色, 12px);

shakaraka

PRO

2021-01-11 15:08:07 +08:00

各自的组件的样式就用方法一就行了，按组件区分互不影响。
主色、警告色、字体之类的就设置全局 css 变量来用就好了

symeonchen

2021-01-11 17:32:37 +08:00 via iPhone

设计稿上就是定义好的枚举，多端统一了。

NexTooo

2021-01-11 17:37:42 +08:00

写死，确定是多处（比如登录注册流程按钮样式固定）的话，再抽成 style 或者自定义 View

wangyifan

2021-01-11 18:44:14 +08:00

@symeonchen 对感觉更多是 UI 设计需要做的工作...