[Kritik] Referenzlayout V2

MiD · 20 Dezember 2006

Hi,

ich habe versucht ein neues Webdesign für meine Referenzsite zugestalten.
Altes Design (v1)
Neues Design (v2)

Grund dafür, ist/war das ich sehr oft (vllt. auch zu oft :ugly:

) gehört habe, dass es zuunproffessionel aussieht

Hoffe auf gute Kritik und bessere Verbesserungsvorschläge

Edit: Ich gebe bei der Umfrage mal die 6 ein, diese könnt ihr euch rausdenken.

Edit2: Klick hier die veränderte Version

Edit3: Klick

doddi · 20 Dezember 2006

wirkt auf jeden Fall professioneller als das erste, der Stil wird ja auch konsequent beibehalten, so das alles stimmig ist.
Fehlt evtl noch was Farbe, wenn der Content erstmal drin ist könnte ich mir vorstellen, dass das Design unter Umständen ein wenig in den Hintergrund gerät und zu dezent wirkt. Aber müsste man mal testen.

MfG,
Doddi

Nightwalker · 20 Dezember 2006

Ich find das zwar besser als das erste aber auch noch nicht schön!
Versuchs doch mal mit was schlichtem

ice-breaker · 20 Dezember 2006

Beide Designs wirken nicht sonderlich professionel.

MiD · 20 Dezember 2006

Wie könnte ich das schlichter gestalten?

Bis jetzt ist der Durchschnitt 3,5

Nightwalker · 20 Dezember 2006

Weniger mit dicken Konturen etc arbeiten, ist schwer zu beschreiben. Versuch mal mehr "Harmonie" reinzubringen, ein schönes Farbspiel mit sanften verläufen usw usw.. :roll:

Ylloh · 20 Dezember 2006

laß die gräßlichen "Kugeln" weg, verabschiede dich von zu verschnörkelten Schriften, oder vursuch sie zumindest nicht in der Kuntut untergehen zu lassen...

MiD · 20 Dezember 2006

Meinst du die oben im "Header"? Habe mir das so gedacht, da ja man meist die Referenzen sehen will, das ich die nach oben einbaue und sich später mit nem Flash Rollover hervorhebe.

Ylloh · 20 Dezember 2006

Die Schrift ist 12px hoch, die Kugel 92px, was fällt dir auf??

MiD · 20 Dezember 2006

Ylloh schrieb:
Die Schrift ist 12px hoch, die Kugel 92px, was fällt dir auf??

Okay

Bin am überlegen ob der hier gut reinpasst.

Nightwalker · 21 Dezember 2006

Nesh schrieb:
Okay

Bin am überlegen ob der hier gut reinpasst.

Mit so nem Font kannst du arbeiten.. aber wie ich finde nich unbedingt auf nem weiß-grau verlauf!

Hab dir mal schnell was zusammengebastelt um zu verdeutlichen was ich mit schlicht und harmonisch meine
https://img2.myimg.de/examplee04.png

zugegeben es ging auch noch harmonischer, aber das ist jetzt nur mal fix was zum andeuten, hoffe du verstehst was ich meine..

MiD · 21 Dezember 2006

Habe mal was verändert

Klick hier

PDD · 21 Dezember 2006

Nightwalker schrieb:
Mit so nem Font kannst du arbeiten.. aber wie ich finde nich unbedingt auf nem weiß-grau verlauf!

Hab dir mal schnell was zusammengebastelt um zu verdeutlichen was ich mit schlicht und harmonisch meine
https://img2.myimg.de/examplee04.png

zugegeben es ging auch noch harmonischer, aber das ist jetzt nur mal fix was zum andeuten, hoffe du verstehst was ich meine..

grün und blau trägt die sau :ugly:

Ähm, nesh:
Also einfach mal ein paar Sachen...

1. Schriftarten:
Man sollte nicht unbedingt mehr als 2 verschiedene Fonts auf einer Website haben. Beschränke dich am besten auf 2. Diese 2 wiederum sollten möglichst miteinander harmonieren (Dürfen je nach gewünschter Aussage auch völlig gegenteilig sein, sollten aber auch dann ein in sich stimmiges Bild ergeben).

Weiter sollte die Schriftart zum restlichen Design passen. Futuristische Schriften bei futuristischen Designs. Handschriftengehören auf Papier. Computerschriften auf Computerdesigns. Altdeutsche Schriftzeichen auf Altertum-Designs (je was für ne bescheuerte Wortkreation, wohooo)... etc.

2. Photoshop-Ebenen-Effekte
Ich weiss es ist ziemlich reizvoll, da einfach mal alles mögliche auszuprobieren, Kleiner Aufwand grosser Effekt. Aber bei diesen Effekten gilt vor allem das Prinzip: weniger ist mehr. Was nicht heissen soll, dass man die Dinger am besten gar nicht benutzt, sondern bloss, dass man sie vielleicht etwas dezenter einsetzen sollte als du das hier vormachst.

3. Roter Faden
Durch das ganze Design sollte sich sowas wie ein roter Faden ziehn. Du mixt relativ wahllos irgendwelche Schrifarten, Ebeneneffekte und Formen aus Photoshop zusammen. Aber hinter jedem Design steckt erstmal ein Gedanke (denn ich persönlich meist auch erstmal auf papier, als Skizze festhalte, bevor ich anfange in PS zu basteln).

Den einzigen roten Faden, denn dein Design hat ist die Farbe Grau (jaaaa, grau ist ne Farbe

. Wehe es kommt irgend son Klugscheisser...)
Was uns zu Punkt 4 bringt...

4. Farben
Grau steht für seriös, richtig erkannt. Aber grau steht auch für kalt, trist und langweilig.
Versuch dem Ganzen vielleicht noch ne andere Farbnote zu geben, etwas was dir enstpricht. Nicht übertrieben, bloss als unterstützung für das Grau, damit es nicht langweilig wirkt
Dass das Design relativ hell ist find ich gut, hell ist freundlich.

blablabla, usw. mag nicht mehr schreiben, darum erstmal ende hier.

T-Offline · 21 Dezember 2006

PDD schrieb:
...

Dem kann ich mich anschließen

Ich fand das rote viel besser muss ich sagen...

MiD · 21 Dezember 2006

THX @PDD (du kriegst ein grünen, gute und präzise Kritik)

Habe mal jetzt was verändert.

Klick

Habe versucht paar rote Faden reinzubauen etc.

Ylloh · 21 Dezember 2006

Nesh schrieb:
THX @PDD (du kriegst ein grünen, gute und präzise Kritik)

Habe mal jetzt was verändert.

Klick

Habe versucht paar rote Faden reinzubauen etc.

Roter Faden != ROT *gg*

Lies die die Kritik von PDD noch mal genau durch, lösche deine PSD-Datei und fang nochmal von vorne an, berücksichtige auch die anderen Hinweise (Die Kugeln verbrauchen viel zu viel Platz

)

Einfach mal von vorn anfangen ist meist besser, als an einem "Gedanken" festzuhalten, und ihn Schritt für Schritt zu "verschlimmbessern"

T-Offline · 21 Dezember 2006

Nesh? Sag mal hast du selbst für ungenügend abgestimmt?

Ich fand das alte Design irgendwie hübscher, das neue sieht etwas verkrampft aus, es passt nichts so wirklich zueinander, oben die extremen Kreise im Menü, dann links und rechts die Ecken fürs menü usw.. versuche mal eine Mischung! Nichts ganz rund und nichts wirklich eckig... ich hoffe man versteht was ich meine :S bin heute nicht so gut drauf mitm sabbeln leider.

MfG.

MiD · 21 Dezember 2006

Ylloh schrieb:
Roter Faden != ROT *gg*

Was heißt "!=" ?

Ylloh schrieb:
Lies die die Kritik von PDD noch mal genau durch, lösche deine PSD-Datei und fang nochmal von vorne an, berücksichtige auch die anderen Hinweise (Die Kugeln verbrauchen viel zu viel Platz )

Okay werde neu anfangen, aber das möchte ich ungern löschen, da ich denke man kann das ein oder andere Element wieder verwenden

Ylloh schrieb:
Einfach mal von vorn anfangen ist meist besser, als an einem "Gedanken" festzuhalten, und ihn Schritt für Schritt zu "verschlimmbessern"

Okay, s.o. fange neu an

Ich habe mir das mal so gedacht.
Oben Header, irgendein dunkel Rot mit weiß Brush, aber dezent gehalten, damit das Nesh-GFX, hervor kommt

Links ne Simple Navigation
In der Mitte ein Content Bereich
Rechts sollen die News rein.
Unten halt der Footer.

Hat jmd. eine Idee was für Farben und Schriften ich verwenden könnte?

topfkanne · 21 Dezember 2006

ja, am besten designen wir noch deine komplette seite durch

MiD · 21 Dezember 2006

topfkanne schrieb:
ja, am besten designen wir noch deine komplette seite durch

Ui >.< Bist aber großzügig, am besten noch ein Bannerset. Achja, die Referenzen auf meiner Seite könnt ihr auch ruhig übernehmen.

Nee, aber vllt. hat jmd. eine Idee, finde nämlich das grau-weiß schick. Aber andere sehen das anders

[Kritik] Referenzlayout V2

Die Note für das Design

Sehr gut (1)

Gut (2)

Befriedigend (3)

Ausreichend (4)

Mangelhaft (5)

Ungenügend (6)

macht munter

Well-known member

Webworker

return void

macht munter

Webworker

Held(?)

macht munter

Held(?)

macht munter

Webworker

macht munter

Member

GFX-Haudegen

macht munter

Held(?)

GFX-Haudegen

macht munter

&#9834; &#9835;

macht munter

Ähnliche Themen

♪ ♫