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

2021-01-11 14:40:22 +08:00
 wangyifan

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

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

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

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

1202 次点击
所在节点    前端开发
7 条回复
wunonglin
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);
wunonglin
2021-01-11 15:08:07 +08:00
各自的组件的样式就用方法一就行了,按组件区分互不影响。
主色、警告色、字体之类的就设置全局 css 变量来用就好了
symeonchen
2021-01-11 17:32:37 +08:00
设计稿上就是定义好的枚举,多端统一了。
NexTooo
2021-01-11 17:37:42 +08:00
写死,确定是多处(比如登录注册流程按钮样式固定)的话,再抽成 style 或者自定义 View
wangyifan
2021-01-11 18:44:14 +08:00
@symeonchen 对 感觉更多是 UI 设计需要做的工作...

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/743833

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX