Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 22.04.2008, 15:06 Titel:
Gestaltung einer Webseite |
|
|
|
|
Vorweg: Ich bin mir mit der Forenkategorie nicht wirklich sicher, bei Bedarf bitte verschieben.
Da ich aus der Programmiererecke komme und mit Grafikdesign usw. eher wenig am Hut habe, aber dennoch meine eigene, nicht kommerzielle, Internetpräsenz veröffentlichen möchte, habe ich ein Problem.
Grafisch sind von mir natürlich keine Meisterleistungen zu erwarten, aber mir bereitet schon etwas viel essentielleres Probleme: Die Gestaltung an sich, d.h. Strukturierung, Farben, Schriftarten etc.
Dies ist mein bisheriger Ansatz und wie ihr seht, alles andere als vollständig. Die Seite besteht aus einem Stock-Foto und den Hauptfarben von eben diesem.
Mein Problem ist nun: Wie soll es weiter gehen? Deshalb ersuche ich bei euch Hilfe, um Tipps, Anregungen und weiterführende Links zu erhalten, falls ihr welche parat habt.
Vielen Dank schon mal im Voraus.
MfG
Helmchen |
|
Nach oben |
|
|
Impi Mitglied
Angemeldet: 06.05.2006 Beiträge: 530
|
Verfasst am: 22.04.2008, 15:10 Titel:
Re: Gestaltung einer Webseite |
|
|
|
|
Helmchen hat folgendes geschrieben: | Mein Problem ist nun: Wie soll es weiter gehen? Deshalb ersuche ich bei euch Hilfe, um Tipps, Anregungen und weiterführende Links zu erhalten, falls ihr welche parat habt. |
Also dabei kann ich dir nicht helfen, du solltest schon selbst wissen, was deine Webseite darstellen soll und wie sie aussehen soll. Eventuell Beispiele aus dem Internet raussuchen und dich daran orientieren.
Bei technischen Fragen kann man dir denke ich besser helfen. |
|
Nach oben |
|
|
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 22.04.2008, 15:44 Titel:
|
|
|
|
|
Gut, dann nenne ich an dieser Stelle mal den Punkt "Farbgestaltung".
Wie ihr seht, ist das Feld für den Inhalt z.zT. weiss, was nicht sonderlich gut aussieht. Würde ich es aber dunkel färben, würde alles erdrückend wirken. Wie könnte ich dieses Feld am Besten gestalten? |
|
Nach oben |
|
|
LampE Mitglied
Angemeldet: 08.04.2006 Beiträge: 147 Wohnort: Ibbenbueren Interessen: Boxen, Photoshop,
|
Verfasst am: 22.04.2008, 15:58 Titel:
|
|
|
|
|
Also erstmal allgemein - reduziere die max. Anzahl grundlegend verschiedener Farben auf zwei, max. drei.
Den Content könntest du in diesem Fall beispielsweise in einem hellen beige-Ton färben, heller als der Hintergrund, bzw. komplementär dazu dunkler.
Versuch also die verschiedenen Farbstufen, als Ersatz für deine momentan alternativen Farben, die das Gesamtbild überhäufen, zu nutzen. Weiss ist nicht gleich weiss, es gibt immerhin noch die 50% grau, bis es dann vom Farbwert ins Schwarze geht.
Zudem musst du versuchen die Seite interessanter zu gestalten. D.h. du baust kleine unauffällige Ergänzungen ein, wie z.B. einen leichten Verlauf, Rahmen (die nicht(!) einfach aus 1px Schwarz bestehen).
Viele neigen dazu, dieses Wort 'interessant' gleich überzubewerten und patschen irgendwo Farbklekse/-Striche rein, wie auch immer, aber Ziel ist es eigentlich, den Inhalt gekonnt in Szene zu setzen und durch die Farben inhaltlich wichtiges von unwichtigem zu trennen. |
|
Nach oben |
|
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beiträge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 22.04.2008, 17:04 Titel:
|
|
|
|
|
Ich nehme an du hast dazu vorher keinen Designentwurf in Photoshop gemacht sondern das einfach so aus dem HTML heraus gebaut oder? |
|
Nach oben |
|
|
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 22.04.2008, 17:25 Titel:
|
|
|
|
|
Ja, die Seite habe ich von Anfang an in HTML geschrieben, was den Vorschlag mit den Verläufen diesbezüglich betrifft: Grafikprogrammtechnischen Schnickschnack wollte ich eigtl. bestmöglich umgehen, um zumindest bei der technischen Umsetzung bei dem zu bleiben, was ich kann (CSS).
Um auf den Vorschlag mit dem Beige zurückzukommen: Dazu sollte ich dann wohl besser den gesammten Farbstil der Seite umändern, damit der Kontrast zur Inhaltsbox nicht zu groß ist, oder? Dann stellt sich mir aber die Frage: Ist es überhaupt möglich mit dem aktuellen Titelbild eine ansprechende Seite zu kreiren? |
|
Nach oben |
|
|
LampE Mitglied
Angemeldet: 08.04.2006 Beiträge: 147 Wohnort: Ibbenbueren Interessen: Boxen, Photoshop,
|
Verfasst am: 22.04.2008, 17:33 Titel:
|
|
|
|
|
Naja, bisher sinds ja nur 3 Kasten, eins mit Bild, und eine Hintergrundfarbe.
Das einzige was du also übernehmen kannst / solltest ist der Aufbau.
Aber das mit dem beige, sowie den Verläufen, war auch nur ein Vorschlag. Du kannst natürlich auch bei weiss bleiben, aber dann sollte der Rest entsprechend angepasst werden
Zuletzt bearbeitet von LampE am 22.04.2008, 17:43, insgesamt einmal bearbeitet |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 22.04.2008, 17:35 Titel:
|
|
|
|
|
Schriftartenmäßig ist Times new roman eine ganz ungünstige Wahl, mit Verdana, Tahoma o.Ä. bist du wesentlich besser bedient, dabei am besten darauf achten auch vllt. jeweils eine Schriftgröße (und Farbe) für Überschriften, und eine andere für normalen Text zu benutzen. Wenns noch andere arten gibt, kannst du ja z.b. für Zitate nochmal variieren, wenn benötigt. |
|
Nach oben |
|
|
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 22.04.2008, 20:21 Titel:
|
|
|
|
|
Ich habe das ganze mal ein wenig überarbeitet.
Link.
Allerdings bin ich immer noch nicht mit der Inhaltsbox zufrieden und die Navigationsliste benötigt definitiv noch eine Überarbeitung. |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 22.04.2008, 20:31 Titel:
|
|
|
|
|
Es wird doch langsam Navigation und die Überschrift gehen meiner Meinung nach in Ordnung, die Schrift für den Inhalt würd ich dann doch noch nen Ticken kleiner machen, sieht einfach nicht so klobig aus.
Grau ist meiner meinung nach für größere Flächen nie schön, deshalb würd ich dir da entweder zu nem Weiß, oder wie die Glühbirne schon sagte zu nem beige, creme, o.Ä. raten. |
|
Nach oben |
|
|
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 22.04.2008, 22:05 Titel:
|
|
|
|
|
Recht hast du. Für mich sah der Hintergrund gar nicht so grau aus.
Mittlweile bin ich so weit:
Klick.
Allerdings versuche ich noch, die rote Trennlinie auch im IE6 richtig anzeigen zu lassen, oder hat jemand einen anderen Vorschlag zur Abgrenzung von Kopf- und Inhaltsbereich? |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 22.04.2008, 22:31 Titel:
|
|
|
|
|
Ich würd vielleicht kein rot nehmen, direkt an dem schwarz find ich das irgendwie unangenehm fürs auge, vielleicht eher ein braun oder so |
|
Nach oben |
|
|
AEQUITAS Mitglied
Angemeldet: 16.08.2005 Beiträge: 513 Wohnort: Köln Interessen: Freundin, Parties, Webdesign, eSport, Tischtennis, Laufen
|
Verfasst am: 23.04.2008, 11:58 Titel:
|
|
|
|
|
Ich habe damals auch sowas gemacht und hatte als Farbkombination Bech, Weiss und ein helles, nicht so krasses grün genommen. Könntest du ja mal ausprobieren. Das Schwarz macht irgendwie alles kaputt! |
|
Nach oben |
|
|
phoenix.hi Mitglied
Angemeldet: 05.08.2004 Beiträge: 743 Wohnort: Hildesheim
|
Verfasst am: 23.04.2008, 17:54 Titel:
|
|
|
|
|
Wenn es um Farben geht, kann dir das vielleicht helfen:
klick |
|
Nach oben |
|
|
Helmchen Mitglied
Angemeldet: 01.04.2006 Beiträge: 65
|
Verfasst am: 23.04.2008, 19:33 Titel:
|
|
|
|
|
Nun ist der Strich rotbraun und ragt nicht mehr zu den Seiten hinaus.
Wenn mir das Schwarz alles zerstört, gibt es dann überhaupt eine Möglichkeit mit diesem Bild, welches zweifelsohne ziemlich dunkel ist, eine Ansprechende Präsenz zu formen?
Vielen Dank für den Link, dieser scheint wirklich interessant und hilfreich zu sein. |
|
Nach oben |
|
|
|