Verstößt meine sehr hässliche Website gegen allgemeine Grundsätze des Grafikdesigns?

Ich lerne, wie man AngularJS (ein Javascript-Framework, das in der Webentwicklung verwendet wird) verwendet, also habe ich beschlossen, eine Website zusammenzustellen, um einige ihrer Funktionen zu testen. Die Website besteht hauptsächlich aus statischen, erläuternden Inhalten mit einigen Beispielen für die Funktionen des Frameworks in Aktion.

Mein Problem ist, dass die Website wirklich hässlich aussieht , und ich möchte ein umfassenderes Verständnis dafür entwickeln, warum das so hässlich ist. Hier ist ein Screenshot:

Geben Sie hier die Bildbeschreibung ein

Dies sind die Schritte, die ich unternommen habe, um diese etwas scheußlich aussehende Website zu erstellen:

  • Ich habe in der Google Fonts-Datenbank nach einer gut aussehenden, einfachen serifenlosen Schriftart gesucht, die ich in das Projekt integrieren kann.
  • Ich wollte ein ausgewogenes Farbschema finden (ich weiß nichts über Farbtheorie), also begann ich mit einem einfachen Olivgrün und verwendete Variationen der ursprünglichen Farbe (basierend auf ihren Farbton-/Sättigungs-/Beleuchtungswerten), um verschiedene Abschnitte zu gestalten der Website, Navigationslinks und Kopfzeilen.

Ich finde, das Endergebnis sieht ziemlich schlampig aus.

Gibt es allgemeine Grundsätze des Grafik-/Webdesigns, gegen die meine Website verstößt? Vielleicht in Bezug auf den eigentlichen Text, die Farbe und/oder das Layout?

Hinweis: Die horizontale Linie ist besonders hässlich, aber dies war nur ein Test, um zu sehen, ob ich ein benutzerdefiniertes <hr>vor einem transparenten Hintergrundbild erstellen kann.

Dijon-Senfgelb ist im Allgemeinen keine großartige Farbe in einem monochromen Layout, nur meine Meinung.
Farbgebung, Polsterung, die Schriftarten, vieles könnte verbessert werden. Es könnte für Sie besser sein, die Ressourcen hier auf GD durchzulesen und sie selbst zu analysieren, bevor wir Kritik üben
Schattierter Text muss eine Art CSS-Trick sein. Verliere es. Es ist schon größer als alles andere. Der obere Text kann Ihr heller „Senf“-Ton sein (Danke, Scott!), die Überschrift innerhalb des Rahmens kann schlicht schwarz oder möglicherweise der größtmögliche Senfton sein.

Antworten (4)

  1. Versuchen Sie, Rahmen und hr nicht zu verwenden, um Stil und Farbe hinzuzufügen.
  2. Wichtiger ist der Inhalt als das Design. Nicht verwechseln. Das Design ist grundlegend für die Lesbarkeit der Inhalte. Aber denken Sie zuerst an den Inhalt und nach der Gestaltung darüber!
  3. Halte es einfach! Wesentlich! = Schneller Download
  4. Trends vermeiden. Sie werden schnell verschwinden, Ihre Website ist für immer.
  5. Die Farben sind nicht hässlich, sie sind unausgewogen. Probieren Sie einen neuen Farbverlauf oder eine neue Kombination aus. Vertrauen Sie Ihrem Geschmack und Ihrem Wagemut mit Farben. Es wird dir gut tun. Ich verwende https://color.adobe.com/
  6. Ist Ihr Design responsiv? du denkst mobil zuerst? Es ist ein Muss für das zukünftige responsive Webdesign
Ich finde auch die Farben in Ordnung, es ist wirklich sehr schick, Oliv, Braun, Khaki, Hafer usw. zu verwenden. Gute Designer können mit allen Farben alles machen, wie Sie sagten, es kommt auf die Balance an. +1, das sind alles gute Eingänge

Hier ist nur meine persönliche Meinung, ich würde auf einige der Websites verweisen, deren Design auf Typografie basiert, wenn Sie keine bestimmte Farbe im Sinn haben, können Sie immer einfach bei Schwarz und Weiß bleiben, obwohl ich Ich sage nicht, dass Sie mit olivgrüner Farbe kein schönes Stück machen können.

Diese Website kann unter folgenden Problemen leiden: Ununterscheidbares Aussehen zwischen Tab-Leisten-Menü und Hauptabsatz, kann gelöst werden, indem ein anderer Stil erstellt wird, indem dieselbe Schriftart verwendet wird (z. B. Großbuchstaben, Buchstabenabstand, Fett, Kursiv) Umriss Titel mit Schlagschatten sieht zu anders aus als andere Inhalte, ohne sich in das Design als Ganzes zu integrieren. Möglicherweise kann ein h2-Tag für 1. den shttp-Dienst / 2. Ausdrücke usw. hinzugefügt werden, um eine Hierarchie für Ihre Inhalte zu erstellen. Ich vermute, Sie verwenden diese kleine schwarze Punktmarkierung zu Dekorationszwecken. Dann sind diese Grafiken wiederum nicht verwandt mit Ihrem Seitendesign. Der blaue Submit-Button funktioniert nicht mit Olivgrün.

siteinspire.com Ich besuche diese Website oft für meine Recherchen und Referenzen, wenn ich mit dem Webdesign-Layout beginne.

slashfavorites.com zum Beispiel ist das, was mir in den Sinn gekommen ist, wenn ich derjenige bin, der dies neu gestalten möchte, aber dies basiert nur auf dem, was ich auf Ihrem Screenshot gesehen habe, da ich Ihre Website-Struktur nicht vollständig verstehe oder Design-Briefing.

Dies kritisiert die Seite, nach der gefragt wurde, überhaupt nicht ...

Bei gutem Design geht es weniger um Dekoration und Ornamentik als vielmehr um den sorgfältigen Umgang mit Abständen, Schriftarten und Farben.

Nur für den Anfang ist dieses Design möglicherweise besser, wenn Sie die gesamte Farbe entfernen oder entsättigen. Vielleicht gehen Sie einfach in Graustufen. Zumindest wird das Design dem Teilen Ihrer Kreation nicht im Wege stehen.

Ich denke, dass Ihre Wahl der Schriftarten und des allgemeinen Layouts sehr gut war! Die einzigen Dinge, die Sie ändern sollten, sind die horizontale Linie (verdirbt irgendwie das Aussehen) und die Farben (das Oliv ist ein bisschen trist ...)

Für das Farbschema schlage ich vor, www.flatuicolorpicker.com zu besuchen . Diese Website hat viele schöne Farben zur Auswahl und zum Experimentieren! Ich habe diese Website verwendet, um die Farben für meine eigene Website auszuwählen.

Außerdem denke ich, dass Sie einige Bilder hinzufügen sollten, die mit dem Thema zu tun haben, in diesem Fall vielleicht so etwas wie Computer mit Code darauf.

Ich hoffe, meine Antwort ist nützlich!

Verstößt meine sehr hässliche Website gegen allgemeine Grundsätze des Grafikdesigns?
AntwortenHierDatenschutz-Bestimmungen1y, 0v