Using color at scale for aesthetics and accessibility - Ashley Seto (Config 2023)
Ғылым және технология
Speaker:
Ashley Seto - Lead Product Designer, Meta
If you want to make beautiful and accessible components for your design system, color continues to be a core foundation of that experience. However, it’s challenging and difficult to get this right since tools aren’t readily available, and understanding the science behind this space is complicated. Thus, the tech industry still lags on improvements towards expressing and applying color to meet these challenges. Using the research I've put together from five years of deep design systems experience, I will share best practices and standards in creating color palettes at scale, lessons on the experimental science of color, and guidance on how designers should strategize and implement color in their design systems.
Please visit config.figma.com/video-on-dem... to view ASL version of this Config 2023 session
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023
Пікірлер: 16
i love how the speaker also picked a dress with many colors! she dressed well for this talk!
This is so inspiring, 19:47 I have spent nights trying to find the pattern between HSL colors employed by leading brands. This talk help proved why I was not able to discover any pattern, CONTRAST is the crux!
this is genius beyond explanation!
Wow, so much information, I'm familiarized with the LCH and OKLCH color space but still using HSL. I have homework to do. This talk adds so much of the struggles that we as designers had to deal with.
Amazing, thanks for sharing🎉
Brilliant presentation.
So we should derive our brand colors from photographs? I guess I did not understand that part or how it can relate to brand/product development for any type of app.
19:26 I have a follow up question to Ashley. It’s mentioned that new devices can display more colours than the typical colour space designers work in. How do you ensure that a colour space will work for all devices (also for the older ones)? I guess this is especially relevant for products such as Facebook, used globally, on new devices and very old devices.
@kritanyakardum
14 күн бұрын
In figma we have color profile, you can manage the same from there
great session
great talk!
The lack of support for those extensive gamuts and parity with the web is a significant blocker for web design. It means it’s not possible to exploit web supported features full potential. I was hoping this talk would address this issue.
Can someone please direct me to where I can learn more about OKLCH and the one she was using (CEILCH is it?) 🙏🙏
Putting alot of work into analyzing different digital color gamuts won't pay off cause you will never ever be able to control the output. There are too many different monitor setups and monitor types out there. Lightness, brightness, nits, graphic cards etc. The factors are many and they all affect the way colors are perceived, in addition to that we have the biological aspects. Our ability to actually see colors vary vastly. I read an article on a forced calibration profile process that could be run as a script the second a user entered the page, loading a color profile onto the user client (desktop) like a ICC profile of sorts, but it never took off. Seemed a bit intrusive.
i also hate the color yellow