V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
wangyifan

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

  •  
  •   wangyifan · Jan 11, 2021 · 1741 views
    This topic created in 1937 days ago, the information mentioned may be changed or developed.

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

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

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

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

    7 replies    2021-01-11 18:44:14 +08:00
    shakaraka
        1
    shakaraka  
    PRO
       Jan 11, 2021
    我偏向是定好主色和警告色,然后剩下的按组件划分即一个组件一个样子
    wangyifan
        2
    wangyifan  
    OP
       Jan 11, 2021
    @wunonglin 因为我是移动端开发,可能无法准确 get 你的意思。
    根据你的回复,组件化的意思是
    wangyifan
        3
    wangyifan  
    OP
       Jan 11, 2021
    @wunonglin 刚刚没回复完全
    组件化的意思是?
    Style mainTitleStyle = Style(黑色, 16px);
    Style subTitleStyle = Style(黑色, 12px);
    shakaraka
        4
    shakaraka  
    PRO
       Jan 11, 2021
    各自的组件的样式就用方法一就行了,按组件区分互不影响。
    主色、警告色、字体之类的就设置全局 css 变量来用就好了
    riko42
        5
    riko42  
       Jan 11, 2021 via iPhone
    设计稿上就是定义好的枚举,多端统一了。
    NexTooo
        6
    NexTooo  
       Jan 11, 2021
    写死,确定是多处(比如登录注册流程按钮样式固定)的话,再抽成 style 或者自定义 View
    wangyifan
        7
    wangyifan  
    OP
       Jan 11, 2021
    @symeonchen 对 感觉更多是 UI 设计需要做的工作...
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2432 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 10:17 · PVG 18:17 · LAX 03:17 · JFK 06:17
    ♥ Do have faith in what you're doing.