我们最近的一次午餐聚会——SoCreate团队领导的系列学习——也许是迄今最多姿多彩的活动了!用户体验开发人员劳伦斯·彭斯(Lauren Spence)就正在应用于SoCreate项目用户体验端的尖端技术发言,并将其教授给团队。美味的午餐满足了我们其他人的胃口,而劳伦关于SoCreate色彩系统的展示则给了我们一场视觉盛宴。
这个色彩系统方法创新,它控制着我们开发的所有应用的颜色,并为其设置颜色主题。该系统在空白CSS的基础上添加层与规则,使其便于使用、记录并设置主题。该系统建立在全球CSS自定义属性库之上,每个都因用途不同而名称各异。
“有了这个独特的色彩名称库,无论是出于何种目的用途,我们都可以轻松地选择出正确的颜色,自信地更换颜色,而不受任何非预期效果的影响。”劳伦解释道。“我们的应用上有一个色彩的综合目录,这是一种建立在代码中的‘风格指南’。”
同时,劳伦阐述道,通过自定义属性的作用,我们不需要开发人员的任何额外工作,就可以在应用中设置主题。这是一场双赢!
该色彩系统可以用来解决许多用户体验开发人员面临的一些难题,它主要有三大优点:
我们的全球色彩目录使得决策便捷。如今,任何两个设计新内容的开发人员都可以就色彩使用问题轻松地达成统一决策。
轻松设置主题。以前,我们需要手动为应用中的每个内容设计主题,而现在,通过CSS自定义属性,我们可以免费获得主题。
文本不会遭受损坏。文本不会因为缺少色彩对比而不可读(并造成你的应用不可用)。这是由于我们严格控制应用中的背景色,并基于每种背景记录颜色,因此当我们引入一种新颜色时,很容易判断出颜色是否会在任何层上产生混乱。
劳伦说SoCreate用户体验团队对于探索更多CSS自定义属性感到非常兴奋。这是非常新颖的方式。需要担心支持较老版本浏览器的开发人员使用和试验CSS自定义属性的时间不是很长。
“这意味着我们正处于探索这项技术的力量的前沿位置,并且我们相信,我们已经想出了非常酷的方式去运用这些力量。”
处于前沿位置……是的,这听起来就是SoCreate的风格!我们团队旺盛的好奇心总是给我留下深刻印象:我们怎样才能做得更好、更快,或与众不同?
这些是在追求持续学习的过程中我们所有人都要问自己的问题。
前进吧,团队,前进!