Using color at scale for aesthetics and accessibility - Ashley Seto (Config 2023)

Подписаться 543 тыс.

Просмотров 10 тыс.

50% 1

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

Наука

Опубликовано:

23 июн 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 15

@fernwehtwl 6 месяцев назад

i love how the speaker also picked a dress with many colors! she dressed well for this talk!

@Jennifer-fk5xi 10 месяцев назад

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!

@michaelpe4413 7 месяцев назад

this is genius beyond explanation!

@gomarky 8 месяцев назад

Brilliant presentation.

@EwaSobczak 11 месяцев назад

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.

@yesongkim5824 10 месяцев назад

Amazing, thanks for sharing🎉

@irvro 9 месяцев назад

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.

@TheCds777 2 месяца назад

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.

@justinhevey5182 11 месяцев назад

great session

@AdamArgyleInk 11 месяцев назад

great talk!

@YinonOved 11 месяцев назад

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.

@ESkengman 6 месяцев назад

Can someone please direct me to where I can learn more about OKLCH and the one she was using (CEILCH is it?) 🙏🙏

@Underhills 10 месяцев назад

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.