Giter VIP home page Giter VIP logo

Comments (3)

jordaniusrex avatar jordaniusrex commented on August 19, 2024

The proximity of neighboring hues a tradeoff between distinguishability of colors around the core grades, the aesthetic appeal and brightness of the core colors, the common associations with the "name" of the color, compatibility with the existing system, and requests from end users. Because, like you said, Ultramarine 50 and Blue 50 wouldn't likely be used in the same design, there's a benefit to providing alternative warmer and cooler blues (that could complement differently with warmer colors) instead of more widely distributed hues.

Here is an illustration of the distribution of the colors at 50 Grade:

50-grade-spectrum-distribution

How would having more differentiated hues at particular grades be useful to you in your work?

from colors.

derrickligon avatar derrickligon commented on August 19, 2024

My concern was more with how having less differentiated hues may make the decision making process for colors more difficult and lead to some inconsistencies in products. I know that the expanded palette is meant to help with data vis palettes, but the lack of differentiation between hues at particular grades makes certain portions of neighboring hues seem duplicative, but that isn't true for all the hues.

I understand the wider distributed (or more differentiated) hues, but I guess I'm more curious about the overall benefit of the more narrowly distributed hues specifically to the end user and the reasoning behind those few narrow distributions. If most end users (and some designers) aren't going to recognize the nuances between how three blue temperatures complement with warmer colors or the difference between our red and orange (whether that's vision or device/screen quality) is it a benefit or a hindrance for designers?

from colors.

jordaniusrex avatar jordaniusrex commented on August 19, 2024

Yeah, it's definitely a tradeoff between making decisions simpler for designers, providing the flexibility for nuance, and accommodating expectations. The specific hues chosen for the core colors were based on feedback from product teams and marketing stakeholders about the existing color system and what would be useful for their design needs: e.g. making adjustments to the primary blue color and providing warmer and cooler versions of it to be used in combinations. A good approach to making clear decisions about the colors is to create a color scheme based on a few specific values and then adjusting the lightness and darkness grades as needed.

from colors.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.