[Kritik] Design erarbeitet - Was gibt es zu kritisieren/verbessern?

[Apu_Nahasapeema]

Moin zusammen Klamm-Bewohner

Ich habe jetzt in ein paar Tagen ein Design für Globals entworfen, eine Art Freizeitprojekt von mir.
Dies sind alles nur Designentwürfe, d.h. es wurde noch nichts gecodet, da ich zuerst sicher sein will ob das Design auch was taugt.

Wie Ihr auf den Bilder erkennen könnt ist es möglich, die Farbe zu ändern. Deshalb ein Bild je Farbvariation:

Version 2.6.3
- https://download.chris-entertainment.ch/globals_v263_gelbrot.png - Gelb/Rot (Standard)
- https://download.chris-entertainment.ch/globals_v263_gruen.png - Grün
- https://download.chris-entertainment.ch/globals_v263_blau.png - Blau
- https://download.chris-entertainment.ch/globals_v263_schwarzweiss.png - Schwarz/Weiss

Version 2.5.1
- https://download.chris-entertainment.ch/globals_v251_gelbrot.png - Gelb/Rot (Standard)
- https://download.chris-entertainment.ch/globals_v251_gruen.png - Grün
- https://download.chris-entertainment.ch/globals_v251_blau.png - Blau
- https://download.chris-entertainment.ch/globals_v251_schwarzweiss.png - Schwarz/Weiss

Um was bitte ich euch?
Da das Dasign möglichist hohen Ansprüchen genügend sollte, bitte ich euch gnadenlos das Design zu bewerten, auf folgende Punkte spezialisiert:
- Gesamtheitliches Bild
- Header
- Navigation
- Content-Bereich
- Sidebar (für Farbe und Schriftgrösse)
- Footer
- Welche Farbe wäre als Standartfarbe am besten geeignet? (Ich denke an gelb/Rot, vllt. wäre eine andere Farbe allerdings besser)
- Was gebt ihr dem Design für eine Note (zwischen 1-10 -> beste)

Wie gesagt, bitte bewertet sehr ehrlich, denn nur durch kritik kann ich das Design bewerten, aber ihr könnt natürlch auch sagen, was gut ist bzw. unbedingt so bleiben sollte.

Lg Apu & Thanks!

 

[gadon]

header nochmal komplett neu überdenken, bzw. sauberer ausarbeiten. Menue auch am besten anders, der hovereffekt wirkt etwas langweilig auf mich.
Rauschen raus.
Das only 4... ist eine totsünde!
Die 4 farben geschichte ist zwar eine nette idee, glaub aber kaum das jemand ernsthaft davon gebrauch macht.

Für ein portfolio halte ich den contentbereich für zu klein.

Die idee dahinter ist schwach zu erkennen, allerdings denke ich, scheitert das ganze an deiner geduld oder an deinen fähigkeiten.

Besorge dir ein Buch über die Grundlagen des webdesigns, überlege was du mit deiner seite erreichen möchtest.

weniger filtern, mehr gestalten.

Laß dich von anderen inspirieren aber nicht beeinflussen.

web 2.0 schön und gut, aber auch das wird bald vorbei sein. Wirkliches design ist zeitlos.

versuch dein kreatives talent zu finden, bzw. lass es dich finden, falls du daß ganze denn auch ernsthaft betreiben möchtest.

btw. ab 1 uhr ist die rechtschreibprüfung ausser betrieb!

 

[dominicbauer]

Ich würde mir saubere Strukturen wünschen, und zudem noch "saubere" Kanten - viele Elemente sind unsauber und verpixelt.

Hf.

 

[Apu_Nahasapeema]

Zuerst einmal ein Dankeschön für die hilfreichen Feedbacks!

Ich würde mir saubere Strukturen wünschen, und zudem noch "saubere" Kanten - viele Elemente sind unsauber und verpixelt.

Die Navigation ist absichtlich sehr unkonventionell gestaltet, da es einzigartig sein soll... oder hast du mit sauberen Strukturen etwas anderes gemeint?

Pixelfehler im Header habe ich entfernt - aber ich verstehe nicht auf was du "saubere Kanten" beziehst - meinst du lieber eine durchgehend weisse Linie anstatt nur die Ecken?

header nochmal komplett neu überdenken, bzw. sauberer ausarbeiten. Menue auch am besten anders, der hovereffekt wirkt etwas langweilig auf mich.

Header neu - auf das Logo, die Navigation(Wellen) oder den Hintergrund bezogen? Wie erwähnt macht das Menü dieses Design speziell und dassmöchte ich beibehalten.

Das only 4... ist eine totsünde!

Kommt noch raus...

Rauschen raus.

Ohne das Rauschen wäre der Hintergrund langweilig, somit auch das Design... Auf das rauschen kann ich gut verzichten, allerdings finde ich es zu öde, den Hintergrund nur mit einer Farb/farbverlauf zu füllen. Habt ihr einen guten Vorschlag?

Die 4 farben geschichte ist zwar eine nette idee, glaub aber kaum das jemand ernsthaft davon gebrauch macht.

Diese Funktion hat das letze Mal einen grossen Anklang gefunden, deshalb bleibt die Funktion vorübergehend. Falls sie selten/nicht verwendet wird, entferne ich diese. Dasselbe gilt für die Schriftgrösse.

Für ein portfolio halte ich den contentbereich für zu klein.

Die Grösse sollte ausreichend sein, damit der Content ohne zu scrollen Platz findet. Falls dies nicht der Fall sein sollte, werde ich den Bereich natürlich vergrössern, oder je nach dem auch dynamisch gestalten.

Vielen Dank nocheinmal für die Hilfe und ich hoffe auf noch mehr Feedback

 

[acid]

Ohne das Rauschen wäre der Hintergrund langweilig, somit auch das Design...

Und wie setzt du den Hintergrund um, mit Rauschen und Strahlen?
und das auch noch

dynamisch

?

 

[Apu_Nahasapeema]

Und wie setzt du den Hintergrund um, mit Rauschen und Strahlen?
und das auch noch

?

Moin,
Ja - die strahlen gehören noch zum Header, das Hintergrundbild besteht aus einem Lichtstrahl der in der Mitte verläuft(sieht man natürlich nicht, da überdeckt). Der Rauscheffekt habe ich per Filter realisiert.

Mit Dynamisch meinte ich, dass sich der Contentbereich nach unten ausdehnen kann.

 

[dominicbauer]

Sorry, aber überleg's dir doch vielleicht nochmal damit online zu gehen.

 

[acid]

ich meinte wie du das später im quelltext realisierst... nen 1600x1400 .jpg als Background kommt nich so gut, oder haste so viel traffic übrig?

 

[topfkanne]

Ach, große Hintergrundgrafiken sind doch kein Übel für ne Portfolioseite.

Inspiration: https://www.webdesignerwall.com/trends/80-large-background-websites/

 

[acid]

touchée

 

[Apu_Nahasapeema]

Sorry, aber überleg's dir doch vielleicht nochmal damit online zu gehen.

Werde ich mir, alelrdings weiss ich meinen Entschluss bereits

ich meinte wie du das später im quelltext realisierst... nen 1600x1400 .jpg als Background kommt nich so gut, oder haste so viel traffic übrig?

Si habe ich mir das gedacht - mit einer anständigen Kompression kriegt man dies locker < 400kb. Natürlich ist dies für Modem-User mit ihren 56Kbit/s horror, allerdings wird die ganze Seite relativ gross (ich schätze dies auf 1,6 MB). Und Traffic hab ich genug, sogar unlimiert^^

Danke für die gegenargumentation, topfkanne.
Ich freue mich weiterhin auf neue Kritik/Lob/Verbesserungsvorschläge

 

[Rudefake]

+ Das finde ich gut:
- Header nicht nur als Block und innen etwas gefüllt
- Im TopMenü etwas bewegung reingebracht
- Textgröße veränderbar

- Das finde ich nicht so gut:
- TopMenü ist verpixelt (Kontur, hast aber jedoch geschrieben das du dies behoben hast)
- Active Effekt beim zweitem seitlichem Menü, etwas Farbe könnte nicht schaden (Das ding an der Seite)
- Wenige Details, Header sieht aus wie ein Tutorial wo die Navi draufgeklatscht worden ist, (vielleicht als Explosion darstellen, Kreise / Punte als Funken hinzufügen etc. )
- Oben verspielt und im untern Bereich alles brav in Rechtecken dargestellt.
- Die Anordnung der Farb und Schriftgrößenauswahl überdenken.

Neutral
Auch das Menü in die Schriftgrößenauswahl mit einbeziehen (Bilder sind dann wohl eher Tabu)

Allg. würd ich sagen zu 60% fertig. Das mit den Details macht vieles aus, einfach mal dein Design mit denen aus Topfkannes Link vergleichen dann siehst du schon den Unterschied.

EDIT: Wegen der größe mache ich mir keine Sorgen, wer schneller als ein Modem auf dem Land sein möchte der schafft es auch.

 

[Apu_Nahasapeema]

+ Das finde ich gut:
- Header nicht nur als Block und innen etwas gefüllt
- Im TopMenü etwas bewegung reingebracht
- Textgröße veränderbar

- Das finde ich nicht so gut:
- TopMenü ist verpixelt (Kontur, hast aber jedoch geschrieben das du dies behoben hast)
- Active Effekt beim zweitem seitlichem Menü, etwas Farbe könnte nicht schaden (Das ding an der Seite)
- Wenige Details, Header sieht aus wie ein Tutorial wo die Navi draufgeklatscht worden ist, (vielleicht als Explosion darstellen, Kreise / Punte als Funken hinzufügen etc. )
- Oben verspielt und im untern Bereich alles brav in Rechtecken dargestellt.
- Die Anordnung der Farb und Schriftgrößenauswahl überdenken.

Neutral
Auch das Menü in die Schriftgrößenauswahl mit einbeziehen (Bilder sind dann wohl eher Tabu)

Allg. würd ich sagen zu 60% fertig. Das mit den Details macht vieles aus, einfach mal dein Design mit denen aus Topfkannes Link vergleichen dann siehst du schon den Unterschied.

EDIT: Wegen der größe mache ich mir keine Sorgen, wer schneller als ein Modem auf dem Land sein möchte der schafft es auch.

Vielen Dank für deine Bewertung.
Ich habe gestern Abend noch ein weilchen rumgebastelt, wo ich einen grossteil deiner Kritikpunkte und auch die vorgängigen Kritikpunkte berücksichtigt habe.

Erneuerungen / Veränderungen:
- Stärkere Betonung der Wellen durch mehr weisse Linien/Konturen (die verpixelung werde ich noch beheben, falls möglich)
- Den Footer an den Contentbereich angehängt - so ist es viel kompakter und man versteht den Sinn schneller.
- Strahlen hinter dem Content-bereich, die auf der rechten Seite hervorstrahlen - so finde ich die Abgrenzung zwischen Header und dem Rest kleiner.
- Das blaue und Gelb/rot ist ohne Rauschen im hintergrund, sondern sehr dezente waagerechte linien die die gesamtfarbe zusammensetzen - was sagt ihr?

Version 2.6.0
- https://download.chris-entertainment.ch/globals_v260_rot.png - Gelb/Rot (mit Demo-Content, ohne Rauschen)
- https://download.chris-entertainment.ch/globals_v260_gruen.png - Grün
- https://download.chris-entertainment.ch/globals_v260_blau.png - Blau (Ohne Rauschen)
- https://download.chris-entertainment.ch/globals_v260_schwarzweiss.png - Schwarz/Weiss

Vielen Dank für eure Bemühungen, ich weiss dies wirklich zu schätzen

 

[Apu_Nahasapeema]

So^^ ich habe jetzt nochziemlich viel daran herumgebastelt - Im vergleich zum Anfang schlicht aber trotzdem arbeite ich jetzt viel intensiver mit den Farben.

Bitte schauts euch an und gebt Feedback:

Version 2.6.3
- https://download.chris-entertainment.ch/globals_v263_gelbrot.png - Gelb/Rot (Standard)
- https://download.chris-entertainment.ch/globals_v263_gruen.png - Grün
- https://download.chris-entertainment.ch/globals_v263_blau.png - Blau
- https://download.chris-entertainment.ch/globals_v263_schwarzweiss.png - Schwarz/Weiss

Ich habe versucht möglichst viele Tipps mit einfliessen zu lassen...

Thx 4 the Support