Farbe

60-30-10 Regel UI-Design

60-30-10 Regel UI-Design

Die 60–30–10 -Regel Die Idee ist einfach - wenn Sie eine neue Farbpalette auswählen, sollte die 60% der Palette einer Farbe gewidmet sein (normalerweise ist es eine neutrale Farbe), eine andere (komplementäre) Farbe macht 30% aus der Palette und eine dritte Farbe (Akzent) wird für die verbleibenden 10% des Designs verwendet.

  1. Wie wähle ich eine Akzentfarbe für UI -Design aus?
  2. Was sind die Regeln des Farbrads??
  3. Was ist Akzentfarbe in der Benutzeroberfläche?

Wie wähle ich eine Akzentfarbe für UI -Design aus?

Die Idee ist einfach. Um das Gleichgewicht in die Komposition zu bringen, sollten die Farben in einem Anteil von 60%–30%–10%kombiniert werden. Der größte Teil sollte in den dominanten Farbton gehen, die dritte der Komposition nimmt sekundäre Farbe und 10% Prozent an die Farbe, was dazu beiträgt, die Akzente zu machen.

Was sind die Regeln des Farbrads??

Das Farbrad und wie es funktioniert

Primärfarben sind rot, blau und gelb. Diese Farben sind rein, was bedeutet, dass Sie sie nicht aus anderen Farben erstellen können, und alle anderen Farben werden daraus erstellt. Zwischen den äquidistanten primären Farbspeichen am Farbrad sind sekundäre Farben: Orange, Grün und Violett.

Was ist Akzentfarbe in der Benutzeroberfläche?

Akzentfarben sind Farben, mit denen einige UI -Elemente wie Schaltflächen oder Fortschrittsbalken hervorgehoben werden, oder um einige Informationen hervorzuheben. Akzentfarben haben normalerweise mehr Helligkeit und Sättigung - solche visuellen Eigenschaften machen UI -Elemente vom Bildschirm und fördern Benutzerinteraktionen.

Wie breit sollte meine Kunstboard sein (Containerbreite)?
Die beliebteste Auswahl der Kunstboardbreite unter ihnen ist 1920px für Desktop -Designs, 768px für Tablets und 375px für Handys. Einige gehen sogar i...
Wie entscheiden Sie, wann Elemente bei Schwebungen dunkler oder leichter werden sollen??
Sollten schwebende Zustände dunkler oder leichter sein? Sollten schwebende Zustände dunkler oder leichter sein?Dunkler scheint natürlicher zu sein. ...
Kontextmenü vs. Klicken Sie mit der rechten Maustaste. Ist der Begriff Kontextmenü missbraucht?
Wie heißt das Rechtsklickmenü auch?Was sind kontextbezogene Menüoptionen?Was ist ein Kontextmenü Beispiel?Was ist ein Kontextmenü auf einem Mac? Wie...