Wie berechnet man, wie viel Kontrast man in einem Header braucht, wenn der Fokus auf Inhalt liegt?

Ich gestalte einen Dental-Blog neu. Der Fokus liegt also offensichtlich auf Inhalten, sie können relevante Nachrichten lesen, technische Dokumente herunterladen, Videos ansehen usw.

Also wollte ich, dass das Design subtil ist.

Aber mit dem Header wollte ich sofort ihre Aufmerksamkeit erregen. Verwenden Sie Gelb, um die Aufmerksamkeit auf das Hauptverkaufsargument des Hauptprodukts zu lenken.

Aber es sieht fast so aus, als würde dort mit diesem Gelb und ein bisschen Rot zu viel Aufmerksamkeit geschenkt. Wie kann ich berechnen, wie viel Farbkontrast ideal wäre? Und sollte ich vielleicht einen dunklen Hintergrund hinter den Header setzen, der sich in voller Breite ausdehnt?

Geben Sie hier die Bildbeschreibung ein

Antworten (1)

Ich denke nicht, dass dies eine Frage der Farbe ist, sondern eher von Elementen, die miteinander konkurrieren (unter Verwendung von Farben sowie anderer Eigenschaften). Zum Beispiel:

  • Gewicht und Art der Schriftart: Während die Überschrift dicke Sans-Serifs verwendet (insbesondere im Logo und Titel), verwendet der Inhalt eine fette, aber kleine Serifen-Georgia. Der rote Titel hat beispielsweise eine ähnliche Größe wie der Berichtsauszug. Als ich mir das Bild das erste Mal angeschaut habe, ist es mir komplett entgangen.

  • Größe: Während das Banner im Header groß ist, ist der Inhalt selbst recht klein. Der Header sieht „relevanter“ aus, weil er einfach größer ist. Vielleicht zu groß?

  • Leerraum : Der Inhalt kann aufgrund des Leerraums lesbar sein, aber in diesem Fall spielt Ihre Lesbarkeit gegen die Fähigkeit des Inhalts, sich abzuheben. Auch die Tatsache, dass der Graph näher links, aber nicht linksbündig ist, hat mich ein wenig verwirrt. Zuerst dachte ich: Ist diese Grafik Teil des Banners? Handelt es sich um einen anderen Banner/Dienst? Ich würde einen Textübergang zwischen dem Banner und dem Inhalt erwarten, eine Einführung, die deutlicher macht, dass das Banner nicht nur eine Anzeige ist, sondern tatsächlich eine Art Präsentation für das, was als nächstes kommt. Und ich denke, das ist etwas, worüber Sie sehr vorsichtig sein müssen, weil unsere mit Spam gefüllten Gehirne dazu neigen, Banner zu ignorieren, die wie Werbung aussehen.

  • Farbe: Ich denke, man sollte sich nicht nur die Farben im Menü (rote Linie) und im Banner (gelbe Blöcke) ansehen, sondern auch die in der Grafik, weil sie auch mit dem Rest konkurrieren.

Zusammenfassend lässt sich sagen, dass die Aufmerksamkeit sicherlich auf das Hauptelement (das Banner) gerichtet ist, aber ich denke, Sie müssen immer noch einen Weg finden, den Inhalt damit zu verbinden . Wie Sie bereits erwähnt haben, kann die Verwendung eines Hintergrunds einen großen Unterschied bedeuten, da die Farbe Ihr Verbindungsstück sein kann.

Andererseits scheinen neuere Studien Schriftgrößen vorzuschlagen, die für blinde Personen geeigneter sind. 16px für den Körpertyp ist riesig. Ich vermute, dass die Studien auf Geräten durchgeführt wurden, die die Pixeleinstellungen nicht berücksichtigen.
Wie berechnet man, wie viel Kontrast man in einem Header braucht, wenn der Fokus auf Inhalt liegt?
AntwortenHierDatenschutz-Bestimmungen1y, 0v