Material Design: Color [Note]

in #art6 years ago (edited)

In a webpage or any UI, color is far more than providing a striking graphic or visual effect. Proper assignment of colors could give meaning that reflects the brand and style. It could also give meaning to elements on the interface or subconciosly make the state of element understandable without text explanation.

Notes below are taken from the Material design page:

chrome_2018-12-02_21-09-17.png


  • Use a secondary color is highly recommended distinguish element with different features.


  • Use a layer of color as text base for better legibility when a picture was used as background.

chrome_2018-12-02_21-43-45.png

  • Use color from different family for alert message to make it outstanding.

chrome_2018-12-02_21-46-53.png

  • Primary or secondary color is suitable for header or sub header color but body text color should remain subtle at all time.

chrome_2018-12-02_22-04-48.png

  • Opacity of 100%, 60% and 38% bring different meaning to the text.


Posted from my blog with SteemPress : https://fr3eze.vornix.blog/material-design-color-note/
Sort:  

Hi @fr3eze!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.060 which ranks you at #3405 across all Steem accounts.
Your rank has not changed in the last three days.

In our last Algorithmic Curation Round, consisting of 230 contributions, your post is ranked at #170.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server

Congratulations @fr3eze! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You published a post every day of the week

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Support SteemitBoard's project! Vote for its witness and get one more award!

"Proper assignment of colors could give meaning that reflects the brand and style"

you're absolutely right. ui is undervalued by too many people 😐

Coin Marketplace

STEEM 0.16
TRX 0.13
JST 0.027
BTC 58503.45
ETH 2594.59
USDT 1.00
SBD 2.45