wenn ich hier so einige mega tolle Design sehe trau ich mich als Neuling kaum mein Erstwerk hier zu zeigen.
Wobei... Seit ruhig mega hart, allerdings bitte konstruktiv. Ich nehme ernstgemeinte Kritik gerne an. Am besten noch mit guten Verbesserungsvorschlägen. Ich bin echt für alles dankbar. Achja, Inhalt ist auf dieser HP noch nicht, allerdings wollte ich auch nur die Meinung zu dem "Rohbau" hören
und sieht bissi komisch aus das rechts menü mündig ist aber links sind 3 mm nach innen verschoben ?
Wegen dem Banner schließe ich mich ma meinem vorredner an! Ansonsten nette Arbeit :-)
So vorerst ich finde für den ersten Versuch auch in Sachen Coding hast du ja schonmal ein Grund Basis geschafft. Trotzdem finde ich hast du noch viel vor dir.
Als erstes möchte ich dir sagen was cu an deinem Design bzw. Coding ändern kannst.
Navigation ist ziemlich zusammen gequetscht vorallem bei Referenzen. Dies solltest du am besten als erstes korrigieren. Rahmen der Navigation würde ich minimieren und nicht so grell, zudem solltest der Hover Effect auch einen grauen Rahmen haben.
Dein Logo sieht ziemlich unprofessionel aus. Hier würde es eigentlich reichen ein schlichten Text (in deinem Fall: Tim Dithmer) mit einem Verlauf zu versehen. Dein Slogan hat genau das gleiche Problem die abgeflachten kanten funktion passt dort überhaupt nicht, passe diesen wie dein Logo an, in schlichten Verläufen.
Die Bilder im Header würde ich auf eins senken, dies dann ein einer beliebigen Seite platzieren (ich würde Rechts und danneben das Logo empfehlen).
Nun zum Content, dort würde ich dei Schatten komplett weglassen, dies passt einfach alles nich zueinander. Dein Farbe + Kontur und fertig ist dein Content, zudem beim nächsten präsentieren würde ich Blindtext einfügen (Infos dazu = Sufu)
Nun zum letzten, der Sidebar, Hier solltest du wie beim Header schlichte Verläufe oder wie beim Content nur eine Farbe benutzen. Noch würde ich wieder die Schatten weglassen sowie den Glos statdem einen einfarbige Kontur.
Für den Anfang sollte dies Reichen
Benutze am besten nicht so viele Bilder sondern schreib lieber mehr in deine style.css datei. Guck dir einfach ein paar Tutorials an udn so wierd aus deiner Homepage auch ein Paradies des Grafik Design
Hier bietet sich ganz klar Selfhtml.org an oder auch einer meiner Favoriten aber leider auf englisch
,sollte man aber eigentlich können, w3school.com. Kann man aber meiner ansicht nach auch ohen englisch kenntnisse verstehen
Registration Date: 21.12.2009
Posts: 44
Location: Berlin
quote:
Seit ruhig mega hart, allerdings bitte konstruktiv.
Erstmal großes Lob für diese vorbildliche Einstellung!
Die meisten, besonders Neulinge, vertragen keine harte Kritik. Nur die wenigsten sehen ein das es Anfang 1. nicht anders geht und 2. das beste ist was einem als Neuling passieren kann!
Je härter und besser die Kritik desto schneller baut man seine Fähigkeiten aus
Zum Design
Auf den ersten Blick sieht es so aus als hättest du versucht möglich viele Ebenenstile zu benutzen um irgendwelche Effekte zu erreichen! Vom Standard-Gelb-Schein-Nach-innen über Abgeflachte Kanten und Relief bis hin zum Wolkenfilter ist ja wirklich alles dabei! Das wäre halb so schlimm wenn du die Werte und Farben etwas angepasst hättest
Rot mit gelber Kontur oder gelbem Außenschein sieht einfach nicht gut aus!
Der Header sieht, wie der Rest des Designs eigentlich auch, sehr willkürlich zusammengewürfelt aus. Die einzelnen Elemente gehen nicht wirklich aufeinander ein und passen nicht so gut zusammen.
Ich denke es macht auch wenig Sinn zu diesem Design speziell noch verbesserungsvorschläge abzugeben, sinnvoller ist es in diesem Fall glaub ich dir einfach Tipps zu geben die du beim nächsten Design beachten solltest um ein besseres Ergebnis zu erzielen!
Gerade als Anfänger ist Inspiration ein wichtiger Schritt zum guten Designer! Aber Achtung, INSPIRIEREN =! KOPIEREN! Schau dir auf deviantART und co Designs von anderen, guten Designern an. Versuch nachzuvollziehen wie die einzelnen Dinge entstanden sind und probiere ähnliche Elemente selbst zu machen.
Solange du es nicht veröffentlichst kannst du auch versuchen komplette Designs 1:1 zu kopieren, einfach um Techniken zu lernen, aber dann zeig es auf keinen Fall, nieeeemandem! Sonst hat man schnell den Ruf ein Ripper zu sein, und das ist für jeden Designer der Todesstoß
Und arbeite sauberer, ordentlicher, achte auf ABSTÄNDE! Abstände sind im Webdesign mit das wichtigste überhaupt für ein perfektes Gesamtbild. Schau dir zum Beispiel deine Navigation an. Was fällt auf? Die Abstände zwischen Trennlinien und Link sind immer unterschiedlich. Die ersten beiden Linien sind vllt 20px vom Start-Link entfernt, während die Linien vom Referenzen-Link sich mit dem Text überschneiden! Das ist ganz wichtig, so eine Kleinigkeit kann ein ganzes Design versauen!
Noch kurz zum Coding!
CODE
AUF
KEINEN
FALL
MIT
TABELLEN!
!!!
!!!!!!
Das ganze Design könnte man in wenigen Minuten in 4 Div-Containern und einem Listenelement coden!
Tabellen dienen AUSSCHLIESSLICH der Darstellung tabellarischer Daten!
Wenn du eine Frage hast oder irgendwo Hilfe brauchst, egal ob Design oder Coding, meld dich ruhig bei mir! Aber erst 2010, wenn ich wieder nüchtern bin
Guten Rutsch und üb aufjedenfall weiter!
Meine ersten Designs sahen zig mal grottiger aus, das hat absolut nix zu bedeuten!
Insgesammt gesehen kein schlechtes Konzept. Ok, sagen wir es anders, ein Konzept war da.
Zumindest bei der "statik" der Seite... bei den Farben... oh Gott...
Ehrlich, ich finde keine Farbkombi ist auf Webseiten grausamer als schwarz+rot+gelblich. Soll zwar bei Fahnen recht angesagt sein - bei Webseiten vermittelt das aber irgendwie den Eindruck von "will der mich verjagen?". sprich sehr aggressiv. ^^
Rot+Schwarz allein ist noch denkbar, sofern du die gelblichen Parts entweder bisl weißlich machst oder ganz weglässt. Trotzdem würde ich an deiner Stelle lieber eine der beiden Farben auswählen und eine andere austauschen, also entweder Schwarz+(Blau, Grau, Weiß, helleres Grün etc.) oder eben Rot+(Hellgrau, Weiß, etc.).
Über den Rest wurde soweit denke ich schon alles gesagt, kurz zusammengefasst:
- Buttons verpixelt
- Text in den Buttons gequetscht
- imho Bilder und Font noch einmal überdenken (die verschiedene Größe der Bilder lässt die Seite asymetrisch wirken)
- etc.
Nungut, als "mega hart" würde ich meine Kritik nicht ansehen, hoffe allerdings, dass du sie trotzdem berücksichtigst
Cheers
This post has been edited 1 time(s), it was last edited by Lenin: 31.12.2009 17:24.
Ich konnte seit Weihnachten allerdings nichts mehr machen und leg morgen wohl wieder los. Ich setz mich dann einfach mal an was neuem. Vorallem zieh ich mir des ganze Zeug von wegen Divs rein.
KiDLaB, ich würde gerade wegen den Divs dein Angebot wahrnehmen mich bei dir zu melden, da ich davon echt NULL Ahnung hab.
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
Benutze am besten nicht so viele Bilder sondern schreib lieber mehr in deine style.css datei. Guck dir einfach ein paar Tutorials an udn so wierd aus deiner Homepage auch ein Paradies des Grafik Design 
04.01.2010 