Webdesign in Siegen

Layout Hobbykoch-forum.de

Du brauchst Tipps oder Anregungen zu deiner Homepage und willst, dass diese noch besser wird? Dann zeig sie uns!

Layout Hobbykoch-forum.de

Beitragvon WuTang0497 am 02.09.2006, 17:14

Servus,

Hab mal ne neues Layout für meine Hobbykochseite gemacht. Vom Aufbau ähnelt sie dieser hier ;) Bin mit den Himberren als Hintergrund noch net Zufrieden, da muss ich schauen wie ich das lösen kann. Das CMS auf der Rechten Seite, würde dann nur ich sehen

hier der Link: http://web20.der-webdesigner.net/HKF.jpg

C&C erwünscht! ;)
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Beitragvon Basti am 02.09.2006, 18:10

Wirkt schon schön und ansprechend. Aber ich habe noch ein paar Sachen die du verändern solltest.

Bei den beiden grünen Elementen von Menü und dem darunterfolgenden Content bzw. anderen Boxen würde ich den Abstand größer machen, so wie es auch bei den anderen Boxen untereinander ist (z.B. zwischen "Empfehlung" und "Werbung").

Außerdem kannst du diese Schwarz-Weiß Grafik im Hintergrund weglassen, weil sie nicht überall ganz zu sehen ist und auch nicht gut zum Rest passt.

Dann noch zu den Überschriften der Elemente. Irgendwie passt die Schriftart nicht so wirklich zum Rest bzw. Thema. Probier mal einige andere Schriftarten von anderem Stil aus.
Benutzeravatar
Basti
Moderator
 
Beiträge: 1974
Registriert: 15.06.2006, 17:33
Wohnort: Rheinbreitbach

Beitragvon Rene am 02.09.2006, 18:44

Ich würde die grünen Balken bischen dünner machen.

Und den ganz unteresten grünen ganz weg. Die Schrift kannst du ganz normal drunter setzen.

lg
Bild
Rene
Mitglied
 
Beiträge: 1188
Registriert: 28.02.2005, 20:10
Wohnort: nähe Ravensburg

Beitragvon WuTang0497 am 02.09.2006, 19:08

So hab jetzt einiges geändert.

- Mehr Abstand zwischen Menü und Cintent
- letzte Grüne Spalte entfernt
- Die Schwarz weißen Himberen teilweise entfernt
- Verschidene Schrift arten, wo ich noch nicht weiß welche ich nehme. Ich tendire zu den Schriftarten von Ankündigungen & Tipp des...

Link: http://web20.der-webdesigner.net/HKF2.jpg

C&C erwünscht ;)
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Beitragvon Plasma am 02.09.2006, 19:15

Also die Seite macht auf mich einen ordentlichen und frischen Eindruck. Die Farbgestaltung ist für das Thema perfekt.

Ein paar Hinweise:
- Die Menüpunkte sollten sich von den Überschriften abheben oder zumindest anders gestaltet sein.
- Ich finde die Bezeichnung "Tutorials" in Verbindung mit den Themen Essen und Kochen ziemlich witzig. Jedoch denke ich, dass "Tipps & Tricks" besser passen würde.
- Eine Hintergrundgrafik ist eigentlich überflüssig. Wenn denn unbedingt was im Hintergrund sein muss, dann vielleicht ein sanfter Farbverlauf oder Ähnliches.
- Ist als Empfehlung ein Webhoster (auch wenns dW ist ;)) auf einer Kochseite geeignet?

Bin dann mal auf die navigierbare Seite gespannt. Erst dann lässt sich eine richtige Meinung über die Seite bilden.

pl4sma
Benutzeravatar
Plasma
Mitglied
 
Beiträge: 227
Registriert: 08.08.2006, 00:25

Beitragvon Rene am 02.09.2006, 19:21

OK
Was du unbedingt machen solltest, dich auf eine Schriftart einigen.
Den du hast in jeder Box ne andere drin (testweise?)

Also ne einheitliche Schrift nehmen.
Bild
Rene
Mitglied
 
Beiträge: 1188
Registriert: 28.02.2005, 20:10
Wohnort: nähe Ravensburg

Beitragvon Basti am 02.09.2006, 19:33

@Rene: Ich glaube er hat nur verschiedene Schriftarten ausprobiert, damit wir sagen sollen, was gut aussieht. In der 1. Version ist es ja einheitlich ;)

So, und jetzt zu den Schriftarten selbst. Mir gefällt eigentlich noch immer keine so richtig. Die sind fast alle ziemlich verschnörkelt und dadurch nicht mehr sehr gut lesbar.
Ich würde es mal mit ein paar einfacheren Schriftarten wie Arial, Tahoma oder Verdana probieren. Je nach Formatierung kann das auch schon gut wirken und ist dann auch gut lesbar.
Benutzeravatar
Basti
Moderator
 
Beiträge: 1974
Registriert: 15.06.2006, 17:33
Wohnort: Rheinbreitbach

Beitragvon Plasma am 02.09.2006, 19:37

Sehe ich genauso wie sf-design: Im Header kann ruhig ne individuelle Schriftart sein, aber sonst sollte man leserliche Schriften verwenden, wie z. B. Arial. Wenn du für die Überschriften keine Bilder nimmst, musst du auch sicher sein, dass die Fonts beim User vorliegen. Und das kannst du bei exotischen eben nicht.

pl4sma
Benutzeravatar
Plasma
Mitglied
 
Beiträge: 227
Registriert: 08.08.2006, 00:25

Beitragvon WuTang0497 am 02.09.2006, 19:37

So wieder ne update ;)

Ja die Schriften waren als Test Rene :D

Hoffe es siegt jetzt etwas besser aus ;) wobei ich das Menü noch nicht passen finde

Link: http://web20.der-webdesigner.net/HKF3.jpg
Hier mit Arial_: http://web20.der-webdesigner.net/HKF4.jpg

C&C wie immer :D
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Beitragvon Basti am 02.09.2006, 19:45

Oh, das Update gefällt mir jetzt leider nicht. Die Navigation ist unschöner geworden. Einmal passt das Pink/Rot nicht zum restlichen Design und kombiniert mit dem Schein nach außen kann man es kaum noch erkennen. Da kann ich wieder einmal nur sagen: "Weniger ist manchmal mehr". Dass soll heißen mach den Schein weg und nimm eine andere Farbe. Eigentlich ist der Schlagschatten auch nicht nötig, aber mehr als das ist dann auch wirklich nicht notwendig.

Und dann nochmal zu den Überschriften der Boxen. Die Schrift ist zwar schön, passt aber nicht zu deinem Design. Du hast halt rechteckige Boxen mit klaren Abtrennungen und da passt eine so schwungvolle Schriftart nicht hin. Deshalb versuch es nochmal mit den von mir schon vorher genannten.

Und dann noch zum Copyright und unteren Bereich. Lass das Schwarz-Weiß Bild weg, das ist Platzverschwendung und ist nicht nötig.

//edit: Mit Arial sieht es schon besser aus, wenn auch noch nicht perfekt. Probiere einfach noch etwas mit den Fülloptionen rum oder auch einer anderen Schriftart in diesem Stil. Der Verlauf in den Links der Menüleiste sieht auch noch nicht optimal aus.

Und noch ein kleiner Tipp: Mach die Ausrichtung der Überschriften einheitlich. Also nicht einmal mittig und dann wieder linksbündig. Das sieht irgendwie komisch aus.
Benutzeravatar
Basti
Moderator
 
Beiträge: 1974
Registriert: 15.06.2006, 17:33
Wohnort: Rheinbreitbach

Beitragvon WuTang0497 am 02.09.2006, 19:48

Hab ja noch ne Update mit der Aral Schriftart dran gehängt ;) und da schwarz weiße ist jetzt auch weg ;)
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Beitragvon Plasma am 02.09.2006, 19:53

Kleiner, aber feiner Tipp: Mach die Schrift im Menü einfach größer. ;)

pl4sma
Benutzeravatar
Plasma
Mitglied
 
Beiträge: 227
Registriert: 08.08.2006, 00:25

Beitragvon WuTang0497 am 02.09.2006, 20:08

UP: Schriftart Verdana mit Schlagschaten und Kontur

http://web20.der-webdesigner.net/HKF5.jpg
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Beitragvon Basti am 02.09.2006, 20:18

Jetzt ist es besser. Lass nur mal bei den Überschriften der Boxen den Schlagschatten weg, damit sie mehr daraufliegend wirken, da die Boxen selbst ja auch keinen Schlagschatten besitzen.
Benutzeravatar
Basti
Moderator
 
Beiträge: 1974
Registriert: 15.06.2006, 17:33
Wohnort: Rheinbreitbach

Beitragvon WuTang0497 am 02.09.2006, 20:26

schlagschatten weg :D

http://web20.der-webdesigner.net/HKF5.jpg

jetzt muss es nur noch umgesetzt werden. und das ist gar nicht mein gebiet (voll laie) mal schauen wie weit ich komme :D
Benutzeravatar
WuTang0497
Mitglied
 
Beiträge: 343
Registriert: 24.07.2005, 10:50
Wohnort: Essen

Nächste

Zurück zu Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast