V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
wangyifan
V2EX  ›  前端开发

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

  •  
  •   wangyifan · 2021-01-11 14:40:22 +08:00 · 1113 次点击
    这是一个创建于 1198 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    7 条回复    2021-01-11 18:44:14 +08:00
    wunonglin
        1
    wunonglin  
       2021-01-11 14:43:56 +08:00
    我偏向是定好主色和警告色,然后剩下的按组件划分即一个组件一个样子
    wangyifan
        2
    wangyifan  
    OP
       2021-01-11 14:50:58 +08:00
    @wunonglin 因为我是移动端开发,可能无法准确 get 你的意思。
    根据你的回复,组件化的意思是
    wangyifan
        3
    wangyifan  
    OP
       2021-01-11 14:54:23 +08:00
    @wunonglin 刚刚没回复完全
    组件化的意思是?
    Style mainTitleStyle = Style(黑色, 16px);
    Style subTitleStyle = Style(黑色, 12px);
    wunonglin
        4
    wunonglin  
       2021-01-11 15:08:07 +08:00
    各自的组件的样式就用方法一就行了,按组件区分互不影响。
    主色、警告色、字体之类的就设置全局 css 变量来用就好了
    symeonchen
        5
    symeonchen  
       2021-01-11 17:32:37 +08:00 via iPhone
    设计稿上就是定义好的枚举,多端统一了。
    NexTooo
        6
    NexTooo  
       2021-01-11 17:37:42 +08:00
    写死,确定是多处(比如登录注册流程按钮样式固定)的话,再抽成 style 或者自定义 View
    wangyifan
        7
    wangyifan  
    OP
       2021-01-11 18:44:14 +08:00
    @symeonchen 对 感觉更多是 UI 设计需要做的工作...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3553 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:00 · PVG 13:00 · LAX 22:00 · JFK 01:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.