Wie kann ich meine Überschriften hervorheben und kyrillischen Text besser lesbar machen?

Ich habe eine Webseite entworfen, die so aussieht:

Screenshot der Website

Ich bin kein Designer und mein Chef auch nicht, aber er hat mich gebeten, eine Webseite zu entwerfen und zu programmieren.

Ich bin mit dem Header zufrieden (und er ist eine gute Inspiration :D), aber mein Chef hat mich gezwungen, diese hässliche Backbone-Grafik neben den Navigationstasten zu platzieren, und ich muss sie haben. Also habe ich es getan, ich habe versucht, ihm zu sagen, dass die Leute es nicht lieben und es eine hässliche Navigation ist - aber er sagt, es muss so sein!

Mein Problem ist, dass ich keine Ahnung habe, wie ich die Überschrift/den Inhaltstitel ästhetisch ansprechend gestalten und hervorheben und Aufmerksamkeit erregen soll.

Ich denke, vielleicht wäre eine Cartoon-Blase gut? Vielleicht nur ein Pfeil? Was wäre gut und einfach für einen Anfänger zu erstellen?

Außerdem versuche ich herauszufinden, mit welcher Schriftart und welchem ​​Stil der Text gut und leicht lesbar aussieht.

Meine Hauptfrage lautet: Welchen Effekt und welches Bild könnte ich für den Überschriftenhintergrund verwenden und wie kann ich ihn so gestalten, dass er sich besser abhebt?

Ich denke, vielleicht platzieren Sie es in einem eigenen Container mit einem Rahmen darum und gestalten den Text mit einem eingefügten Schatten?

Vielleicht so etwas wie:

Geben Sie hier die Bildbeschreibung ein

oder

Geben Sie hier die Bildbeschreibung ein

Könnten Sie mir bitte Möglichkeiten vorschlagen, wie ich die Überschrift besser hervorheben und den Text lesbarer machen kann?

Antworten (1)

Ich werde es versuchen. Sie müssen vereinfachen, es passiert viel zu viel. Wir können es wirklich nur nach dem visuellen Aspekt beurteilen, da die meisten von uns die Sprache nicht sprechen, aber ich schätze, es ist eine Website über Gesundheit und den menschlichen Körper - wenn ich richtig liege, haben Sie es zumindest geschafft, sich zu verständigen dass - wenn ich falsch liege, müssen Sie Ihre Grafiken überdenken.

Ein paar Punkte, die ich an deiner Stelle berücksichtigen würde:

  • Der Header ist sehr aufwendig (ich würde sogar sagen, er ist nett), daher sollten Sie den Body vereinfachen.

  • Entfernen Sie den blauen Hintergrund und den gestrichelten Rand um die Inhaltsbox und machen Sie den gesamten Hintergrund weiß, um dem Text und anderen Elementen etwas Luft zum Atmen zu geben.

  • Die Backbone-Grafik ist einfach seltsam, ich verstehe, dass die Navigation das Rückgrat der Website ist (glaube ich), aber es ist immer noch einfach seltsam. Verliere es oder verbessere es.

  • Verlieren Sie den Farbverlauf auf den Navigationsschaltflächen, machen Sie sie zu einer flachen Farbe oder zu einem sehr einfachen Farbverlauf. Auch die Pfeilform ist seltsam, da sie auf nichts Relevantes zeigt. Ich würde sie zu einfachen Rechtecken machen und sicherstellen, dass sie alle perfekt ausgerichtet sind und sich nicht an die Form des Bildes anpassen.

  • Begründen Sie den Text nicht und entfernen Sie die Kursivschrift oder wählen Sie eine serifenlose Schriftart. Kursivschrift auf einer Serifenschrift erschwert die Lesbarkeit.

  • Fügen Sie etwas Polsterung um den Text hinzu, er ist zu nah an anderen Elementen.

  • Es scheint auch, dass der weiße Teil hinter dem Text in der Kopfzeile nicht symmetrisch ist, beheben Sie das auf jeden Fall, es sei denn, es ist beabsichtigt.

Nachdem Sie all dies getan haben, sollte es viel einfacher aussehen und dann können Sie weitere einfache Elemente hinzufügen. Nur meine zwei Cent, ich hoffe, es hilft.

Ich habe Ihre Lösung gelesen, es ist normal, schlecht ist, dass mein Chef nicht verstanden hat, dass das Rückgrat für diese Seite hässlich ist (aber was kann ich tun, er liebt es), und der Hintergrund muss blau sein (
Machen Sie vielleicht ein separates Beispiel, ohne es Ihrem Chef zu sagen, und zeigen Sie es ihm danach, Ihre Arbeit spiegelt Ihre Designfähigkeiten wider und ist wichtig für zukünftige Jobs.
Wie kann ich meine Überschriften hervorheben und kyrillischen Text besser lesbar machen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v