未分類
14 1 月 2021

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

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

資深大佬 : wangyifan 0

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

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

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

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

大佬有話說 (7)

  • 資深大佬 : wunonglin

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

  • 主 資深大佬 : wangyifan

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

  • 主 資深大佬 : wangyifan

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

  • 資深大佬 : wunonglin

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

  • 資深大佬 : symeonchen

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

  • 資深大佬 : NexTooo

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

  • 主 資深大佬 : wangyifan

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