Nossa mais recente Reunião de Almoço – uma série de aprendizado liderada pela equipe da SoCreate – talvez tenha sido a mais colorida de todas! Lauren Spence, desenvolvedora de UX, assumiu a frente para ensinar à equipe práticas modernas que estão sendo usadas na parte de UX dos projetos da SoCreate. Enquanto o resto de nós satisfez nosso apetite com o almoço servido, Lauren satisfez nossos sentidos visuais com a apresentação sobre o Sistema de Cores da SoCreate.
O Sistema de Cores é uma abordagem inovadora que controla e tematiza as cores em todos os aplicativos que criamos. O sistema adiciona camadas e regras por cima de CSS simples, oferecendo-nos um sistema fácil de usar, fácil de documentar e fácil de tematizar. Ele foi criado a partir de uma biblioteca de propriedades personalizadas globais de CSS, cada uma com um nome exclusivo para seu uso pretendido.
“Com essa biblioteca de nomes de cores exclusivos, podemos facilmente selecionar a cor certa para qualquer finalidade e alterar com confiança as cores sem efeitos indesejados”, explicou Lauren. "Temos um catálogo abrangente de cores com o aplicativo, uma espécie de 'guia de estilo' embutido no código."
Além disso, através do poder das propriedades personalizadas, Lauren explicou que podemos definir temas no aplicativo com quase nenhum esforço adicional por parte do desenvolvedor. Uma vantagem para todas as partes!
O principal benefício do Sistema de Cores é o triplo, já que ele foi criado para resolver vários problemas enfrentados por muitos desenvolvedores de UX:
Tomada de decisão facilitada, graças ao nosso catálogo de cores globais. Qualquer dupla de desenvolvedores que esteja criando um novo componente agora pode facilmente tomar a mesma decisão sobre qual cor usar.
Tematização simplificada. Onde antes precisávamos criar manualmente um tema para cada componente no aplicativo, agora obtemos temas gratuitamente com o poder das propriedades personalizadas de CSS.
Texto inquebrável. O texto nunca ficará ilegível (e, portanto, seu aplicativo não ficará inutilizável) devido à falta de contraste de cores. Conseguimos isso através do controle rigoroso das cores de fundo no aplicativo, e por meio da documentação das cores sobre cada fundo, de modo que, quando introduzimos uma nova cor, é fácil verificar se ela prejudicará a leitura em qualquer nível.
Lauren disse que a equipe de UX da SoCreate está animada para explorar adicionalmente as propriedades personalizadas de CSS. Essa é uma abordagem relativamente nova. Os desenvolvedores que precisam se preocupar com o suporte a navegadores mais antigos não puderam usar e experimentar as propriedades personalizadas de CSS por muito tempo.
"Isso significa que estamos na vanguarda da exploração do poder dessa tecnologia, e acreditamos ter criado uma forma muito bacana de aproveitar o poder dela."
Na vanguarda… Sim, isso tem a cara da SoCreate! Estou continuamente impressionada com a furiosa curiosidade da nossa equipe: como podemos fazer algo melhor, mais rápido ou diferente?
Essas são perguntas que todos devemos nos fazer em nossa busca pela aprendizagem contínua.
Vamos, equipe!