Designtipps für ein Webdesign von einem angehenden Entwickler

Ich bin gerade dabei, ein Design für eine Webanwendung zu erstellen.

Obwohl ich mich sehr für Design interessiere, bin ich eigentlich Programmierer und habe nicht viel Erfahrung mit Design. Deshalb bin ich hierher gekommen.

Ich habe folgendes Setup: Geben Sie hier die Bildbeschreibung ein
(Klick für Original)

Das Menü auf der linken Seite hat einen kleinen Hover-Effekt, bei dem der Text weiß wird und eine sehr hellgraue Hintergrundfarbe erhält.

Ich habe mit meinem begrenzten Wissen mein Bestes versucht, aber ich habe einfach das Gefühl, dass etwas nicht stimmt (und es fühlt sich zu einfach an). Ich habe besonders darauf geachtet, dass alles in einem "unsichtbaren Raster" ist (z Linie vom Logo nach unten in die linke Menüleiste).

Ich habe auch mein Bestes versucht, um die Farben anzupassen (Rot und Grün werden vom Kunden benötigt). Aber ich habe Probleme, die Farben mit dem Grün abzugleichen.

Könnten Sie mir Tipps geben (Irgendwelche Tipps, die meiner Meinung nach dem Design zugute kommen würden)? Ich bin bereit, CSS und HTML bei Bedarf hochzuladen!

Danke für die Hilfe :)

UPDATE: So sieht es jetzt aus:
Geben Sie hier die Bildbeschreibung ein
(Klick für Original)

Das ist ein wirklich schreckliches Grün, mit dem man arbeiten muss. Mein Beileid.
Einverstanden. Besteht die Möglichkeit, dass Sie im Rahmen der Designänderungen mit den Verantwortlichen darüber sprechen könnten?
Nicht wirklich ... es ist Teil ihres Stils, ich baue ein neues Projekt (aber es muss den gleichen Stil haben)
Ich glaube nicht, dass Grün per se ein Problem darstellt, aber ich weiß, dass Rot- und Grün-Farbenblindheit hier potenziell ein Problem sein wird: Für jemanden, der Grün eher als Grauton ansieht, können die Menüpunkte zu einem Problem werden unsichtbar. Ich denke, das Gesamtbild hier ist respektabel, und ich neige dazu, Ryans Vorschlag zuzustimmen, die Menüüberschriften rechtsbündig auszurichten, damit sie zum Rest des Menüs passen.

Antworten (1)

Erstens ist dies natürlich eine Kritik, die wir zulassen, aber im Ergebnis sind die folgenden meine Meinungen:

  1. Das Menü auf der linken Seite sollte alle rechtsbündig ausgerichtet sein. Es ist seltsam für mich, dass Sie alle Punkte rechts ausgerichtet haben, aber dann die Überschriften links ausgerichtet und dann das Datum eingerückt haben. Alles rechts ausrichten.

  2. Ich finde Grün und Rot eigentlich ganz nett. Was nicht funktioniert, ist das Blau, das Sie für Links und für das Rechteck in der Mitte gewählt haben. Ich würde eine andere Farbe als Blau finden. Vielleicht wäre ein richtig dunkles grün fast schwarz besser.

  3. Das Kerning auf Ihrem Schriftzug in Teilen sieht wirklich eng aus. Zum Beispiel berühren sich oben beim Wort „Projekt“ C und T. Bei KPI in der Mitte berühren sich P und I fast. Ich würde wirklich etwas mehr Platz einplanen. Die Kompaktheit ist schön, aber ich denke, Sie sind damit etwas zu weit gegangen.

  4. Der KPI im linken Menü ist grau umrandet. Ich bin mir nicht sicher, warum es dort ist, aber ich würde es so anpassen, dass es nicht über die richtige Ausrichtung hinausgeht, die Sie haben, oder dort ein weiteres Element hinzufügen, das den Randbereich zeigt. Im Moment baumelt es nur irgendwie über der unsichtbaren Kante, die Sie mit dem Text erstellt haben.

Ich stimme den Punkten hier eher zu. Für Nr. 4 lese ich das Grau als Hervorhebung, um den aktuell ausgewählten Menüpunkt anzuzeigen.
Ja, das Grau zeigt das aktive Element an. Wie auch immer, ich habe die von Ihnen erwähnten Anpassungen vorgenommen: siehe ( i44.tinypic.com/2pts512.png ) Ich stimme zu, dass es besser aussieht, aber es hat immer noch nicht das "nette" Gefühl
Ich finde es sieht viel besser aus. Jetzt, wo Sie diese Dinge geändert haben, ist mir jetzt nur noch aufgefallen, dass das IWT-Logo wahrscheinlich besser aussehen würde, wenn es auch rechtsbündig mit dem Menü ausgerichtet wäre, anstatt irgendwie zentriert mit der linken Ausrichtung dieses mittleren Bereichs. Ansonsten fehlt einfach mehr Inhalt und Zeug, so dass es ein wenig leer statt schön aussieht. Aber wenn das der erforderliche Inhalt ist, dann denke ich, dass es gut aussieht.
Nachdem ich es mir noch einmal angesehen hatte, würde ich das Logo so verschieben, dass es mit dem Menü ausgerichtet ist, und dann das obere Material platzieren, um es besser mit dem mittleren Bereich auszurichten. Titel, Bobs Blog-Untertitel und die Schaltflächen sind möglicherweise linksbündig mit dem mittleren Bereich ausgerichtet. Und dann könnten Sie den Benutzernamen/das Bild entweder unter oder über dem Overzicht auf der rechten Seite platzieren.
Okay, ich glaube, ich habe fast alles getan, was ich konnte :) i42.tinypic.com/2r5ua8j.png . Ich habe die Position des Logos geändert, den Rand zwischen dem linken und dem mittleren Inhalt geändert, und ich habe die Anwendungslinks unter dem Konto platziert, sodass es „aussieht“, als wäre die Seite größer! Was denken Sie?
Insgesamt ist dies wiederum nur die Meinung einer Person. Andere können sich sicherlich mit anderen Ansichten oder Vorschlägen einbringen, ich denke, es ist viel besser als dort, wo Sie angefangen haben. Der einzige Fehler, den ich als Ergebnis Ihrer letzten Änderung sehe, ist ein wirklich kleiner - was auch immer "Hier kun je ..." ist, könnte mit dem Text im Menü "Algemene" ausgerichtet werden, anstatt mit seinem unteren Rand auf "Algemene ..." Mittellinie. Insgesamt aber tolle Arbeit!
Die Diskussion darüber, die rechtsbündigen Elemente konsistent zu machen, hat die Tatsache übersehen, dass rechtsbündige Menüs aus Sicht der Benutzererfahrung schrecklich sind, weil sie das Scannen sehr schwierig machen, Ihr Auge muss hin und her springen. Die rechte Ausrichtung macht das Ende der Zeilen besser scanbar als die Anfänge, was keinen Sinn ergibt. Es ist einer dieser niedlichen Designstile, der zum Lesen nervt. Fast so schlimm wie grau in grau.
Designtipps für ein Webdesign von einem angehenden Entwickler
AntwortenHierDatenschutz-Bestimmungen1y, 0v