Skip to content
This repository was archived by the owner on Dec 11, 2021. It is now read-only.

Design language #23

Open
jzaefferer opened this issue Nov 24, 2014 · 5 comments
Open

Design language #23

jzaefferer opened this issue Nov 24, 2014 · 5 comments

Comments

@jzaefferer
Copy link
Contributor

This article talks about design language and why its useful for "UI Kits" to publish them: https://medium.com/@trek/ui-kits-and-open-design-8d114f012afe

His arguments seem to apply here as well. I don't really have anything to contribute to the design language itself, but wanted to at least start a discussion about it.

@kristoferjoseph
Copy link

Yes. This is important to me as well. Exposing ratios and scales for use with sizing and typography is a really powerful way to help users create a cohesive design system quickly.
I made a gist a while back that showed a naive way to use CSS variables ( before chrome removed them ) to use this powerful approach in CSS.

https://gist.github.com/kristoferjoseph/d717d4413a99716623b3

@kristoferjoseph
Copy link

Same ideas can be applied to color palettes etc.
One consideration was enabling users to choose a color scheme but then generate color values that were within the accessibility contrast ratio for them to use in UI. For instance generating button text with the appropriate contrast to the background color.

@JoeBot0101
Copy link

I think this is an excellent idea. If we can do like the author suggests and concisely identify the 'rules' and constraints that describe why and how elements of the design work together, we could save users both time and money when they need to extend or alter from the default.

I also love the idea of generating within the accessibility contrast ratio. That would be so helpful.

@sfrisk
Copy link
Contributor

sfrisk commented Dec 17, 2014

+1

@MichaelArestad
Copy link
Contributor

This is a pretty ambitious goal and I definitely see its value. Is there a current design lead/project with the goal of designing a system of components?

The Material Design is definitely one of my favorites.

I would start with designing the components via AI, Sketch, whatever, and make it easy to iterate and get a nice cohesive look/feel pretty quickly. (after deciding on a grid system)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants