Webdesign - bitte um Kritik und Feedback

Hallo zusammen,

ich bin gerade dabei Photoshop kennenzulernen.
Inzwischen habe ich mich an einem ersten Webdesign
versucht und würde gerne eure Meinung dazu hören.


http://img51.imageshack.us/img51/5948/screenshotxq.png


Bitte sagt mir was gut bzw. was noch nicht so gut ist.


Danke :-)

Recht viel ist das ja noch nicht.
Aber schön, dass du schon die passenden Werbeflächen einplanst

Manchmal frag ich mich, ob die Leute das Thema nicht lesen,
oder ob sie einfach nur ihr Ego aufbauen wollen, weil sie auch
mal einen schlauen Spruch ablassen konnten...

Nicht persönlich nehmen, aber geholfen hat mich das nicht.

Ich hätte auch schreiben können:

Lern Photoshop erst mal noch etwas genauer kennen, bevor du wegen so etwas einen Thread aufmachst.

Ober ob dir das jetzt mehr geholfen hätte?

Genau, das hätte mir noch mehr geholfen.

Vllt hätte ich schreiben sollen:

Lern den Sinn eines Forums erst mal noch etwas genauer kennen, bevor du dich anmeldest und
sinnlose Antworten verfasst.

Der ist gut

Da kann ich aber auch mitmachen:

Lern bitte das rechnergestützte Schreiben, bevor Du meinst Sachen im Internet zu verfassen.

Also lass diese selbst gestellten Zeilenumbrüche in Deinen Sätzen weg, denn nicht jeder möchte ein Ergebnis wie unten sehen (übertrieben dargestellt, auch wenn es bei längeren Texten wirklich so aussieht):

Und @JDue:
baumfred hat schon recht, das was Du hier machst, hilft keinen weiter und sehe ich selbst in diesen Forumbereich als Null-Content an.

angehängtes Bild

was genau ist denn an der Grafik mit Photoshop gemacht? Sieht für mich eher aus wie ein reines css-Template ohne grafische Effekte.

Dies ist ein relativ simples Layout. Wirkt aber optisch aufgeräumt.
Für die Umsetzung dieses Layouts in CSS müsstest Du alle Elemente nochmals komplett neu in CSS erstellen.
Grafiken kannst Du hier von Photoshop keine übernehmen.

Von da her würde ich solche Layouts eher direkt mit CSS gestalten.
Photoshop bräuchte man dann für eine Headergrafik etc.

Bei komplexeren Layouts macht es durchaus sinn, diese vorher in Photoshop zu erstellen.

Ansonsten noch einen kleiner Photoshop Tipp:
Die Umrahmung der Box unten rechts scheinst du aus mehreren Linien gemacht zu haben.

In Photoshop würde ich erst mit dem "Rechtek-Werkzeug" eine neue Box zeichnen.
Dann auf diese Ebene mit der rechten Maustaste und "In Smart Objekt konvertieren"
Nun kannst mittels Ebenenstil (Ebene -> Ebenenstil) eine Kontur hinzufügen.
Durch Umwandeln in ein Smart-Objekt kannst Du das Rechtek nun so oft in der Grösse und Breite ändern wie du willst.
Die Rahmendicke bleibt immer die selbe!

Dafür, dass du gerade erst angefangen hast, dich mit Photoshop und wahrscheinlich auch Webdesign zu beschäftigen, ist das schon ein netter erster Versuch. Stimme Gregi zu, dass Photoshop hier sicherlich nicht das erste Werkzeug deiner Wahl sein müsste. Gerade wenn du grafisch zurückhaltende Layouts im Sinn hast, kannst du deine Idee auch direkt von der Skizze in HTML/CSS umsetzen. In diesem Fall würde es sicherlich am meisten Sinn machen, dir einfach eine OpenSource wie z.B. Wordpress zu installieren, ein cleanes Template einzusetzen und dieses dann anzupassen. Dauert genauso lange wie die Fummelei mit Photoshop, danach kannst du es aber fast schon verwenden.
Da Du aber ja eigentlich nach Feedback zu Deinem Design gefragt hast: Ich persönlich finde es von Farbe und Aufbau her ziemlich Trist. Wenn du farblich in dem Bereich bleiben möchtest, würde ich wenigstens noch einige (farbige) Akzente setzen. Macht das Ganze frischer. Die Navigationsleiste könnte ein wenig mehr Detail, oder aber eine bessere Abstimmung von Höhe+Breite der Buttons mit dem Balken vertragen. Dann siehts professioneller aus. Im Moment wirkt das Design noch sehr austauschbar, vllt mal was eigenes einbauen, das es so noch nicht so oft gibt?
Gerade simple Designs müssen im Schriftbild, den Abständen und generell im Detail absolut top sein. Da geht noch was.

Viele Grüße
Simon

---------------------------------------------------------------------------
Intuitiver & innovativer Email und SMS Newsletter Versand
Newsletter2Go eMarketing Blog

Für eure Antworten bin ich euch schon sehr dankbar.

Warum ich das Design mit Photoshop umgesetzt habe obwohl
kaum spektuläre Grafiken enthalten sind?

Um Photoshop kennenzulernen. Mit HTML und CSS kann ich umgehen.
Photoshop ist für mich vollkommen neu und ich versuche gerade Werkzeuge
und Techniken kennenzulernen.

Achja, wenn wir schon beim Thema sind dann hab ich noch eine Frage:

Wie finde ich passende, harmonische Farben?

Sucht ihr dabei einfach eine Farbe die euch gefällt und schaut euch
dann nach anderen passenden Farben um? Wie findet ihr euer
Color-Set?

Was sind denn Regeln für "harmonische Farben"? Komplementärfarben
kenne ich, was gibt es sonst?

Das Tool http://colorschemedesigner.com/ kenne ich bereits. Kann
mir das einer erklären? Ich gebe eine Farbe ein und dann sind alle Farben,
die rechts angezeigt werden harmonisch?

Viele Grüße

Mein Tipp:
www.buntig.de

Gruß ronny

Ok, dann nehmen wir dieses Tool als Beispiel.
Sieht auf den ersten Blick ja einfach aus.

http://www.buntig.de/#94ad10

Welche der Farben die mir angezeigt werden kann ich jetzt
kombinieren? Alle? Nur Reihen? Nur Spalten?

Mit Deinem Layout usw würde ich umsteigen auf Wordpress, wie schon erwähnt, da hast du wesentlich weniger Arbeit und erziehlst gute Ergebnisse.

Aktualisierung ist einfach usw.
Ansonsten ist es in Ordnung, wie gesagt, nimm ein Template, gibt es in reichlicher Auswahl.

http://de.wordpress.org/

Photoshop ist ein richtiger Zeitfresser für Autodidakten - mehr Spaß machts aber mit Sicherheit, wenn du Fotos oder Grafiken statt eines Webdesigns als Übungsobjekte nimmst. Damit kannst du die meisten Funktionen auch erst richtig bzw. überhaupt sinnvoll einsetzen. Bei http://www.creativecow.net/ kannst du nach guten Tutorials stöbern...

Viel Spaß & Erfolg!



---------------------------------------------------
https://www.newsletter2go.de
https://www.newsletter2go.de/blog

Ich würde sagen: alle angezeigten mit der Ausgangsfarbe. Das würde Sinn machen - auch vom Farbempfinden her.