Marcel: Bräuchte dringend mal einen Tipp...

Hallo :)

Ich erstelle grad für schulische Zwecke eine Website. Technisch ist das für mich kein Problem, aber das Design bereitet mir schon Probleme... hab nie etwas in Richtung "Gestaltung" gelernt und mache das auch unendgeltlich (naja ne gute Zensur krieg ich dafür *gg*).

Habe einen Entwurf gemacht, der mir aber nur zum Teil gefällt:

<img src="http://www.lactrik.de/test.jpg" border="0" alt="">

Was mir also gefällt: Das waagerechte Menü, die "Willkommen"-Schrift (dort wird immer die Überschrift der aktuellen Seite angezeigt), das Logo und wie es in das Layout integriert wurde...

Was aber gar nicht gefällt, ist der fette "MechaTronic"-Schriftzug oben drüber. Das sieht k***e aus, ich hätte viel lieber etwas mit Fotos... gibt ja genügend frei verfügbare Bilder, aber in meinen Entwurf jetzt lässt sich sowas überhaupt nicht mehr integrieren :(

Hat vielleicht jemand einen Tipp, was ich besser machen könnte? Wäre nett!

Grüße
Marcel

  1. Auch wenn dir das nicht wirklich weiterhelfen wird,
    aber ich finde das design einfach super.
    ganz gut gefällt mir auch der von dir angesprochene schriftzug, ich weiss wirklich nicht, was du daran ändern willst!

    greetings

  2. Ich finde die seite niche einmal so schlecht.

    Ein Tip an Rande mach einen Screenshot hol Ihn dir ins Photoshop -> Adobe und für Deiner Änderungen in verschiedenen Ebenen ein.

    Dann kannst du expoerminetieren und siehst, wie es spähter aussehen würde.

    Selbstverständlich muss Du das eine oder andere Auschneioden etc.

    Arbeit auf jeden Fall mit verschiedenen ebenen. ausserdem solltest Du bei dem Layout nochmal von vorne anfangen, sofern Du hier noch Bilder in obige Leiste setzen wills.

    !!! Sollen ist kein muss!!!!

    Das Problem it jedoch, dass es hinterher immer gestückelt für Dich aussieht. auch wenn es jemand anderes nicht so sieht.

    Bau Elemente ein, die das eingesetzte Bild mit dem Rest integrieeren z.B. einen halb Transparenten Streifen der der landsam verläuft un im Hintergrund das Bild durchschimmert etc.

  3. Tag!
    Mach doch das "m" vom schriftzug weg und setz das ganze näher ans logo.

    mfg
       freanir

  4. Hallo,

    zwei Sachen, die mir auffallen:

    1. Die Schrift bei "weitere Unterpunkte" ist zu klein
    2. "Willkommen" ist überflüssig. Schreibe an diese Stelle besser eine Tag-Line, in der du mit ein paar Wörtern beschreibst, was für Produkte die Firma anbietet.

    Gruß,
    Christian

  5. Hallo.

    Habe einen Entwurf gemacht, der mir aber nur zum Teil gefällt:

    Mir auch ;-)

    Was mir also gefällt: Das waagerechte Menü, die "Willkommen"-Schrift (dort wird immer die Überschrift der aktuellen Seite angezeigt), das Logo und wie es in das Layout integriert wurde.

    • "Willkommen" halte ich für überflüssig. Der Schriftzug ist allerdings recht gelungen.
    • Die Ellipse hat sich als Bestandteil von Logos in den letzten Jahren bereits tot gelaufen. Und wenn, dann bitte flacher, spitzer, spannungsvoller, dynamischer und kein Lutschbonbon wie dieses.
    • Die Kurve zwischen Logo und "Willkommen" sollte eckiger und steiler werden, um mechanischer zu wirken. Idealerweise würde ich die Verdickung aus der gewählten Schriftart übernehmen.

    Was aber gar nicht gefällt, ist der fette "MechaTronic"-Schriftzug oben drüber. Das sieht k***e aus, ich hätte viel lieber etwas mit Fotos... gibt ja genügend frei verfügbare Bilder, aber in meinen Entwurf jetzt lässt sich sowas überhaupt nicht mehr integrieren :(

    • Der Schriftzug -- "MechTronic" oder "Mech_a_Tronic"? -- bedarf dringend eines visuellen Abstandsausgleichs, um das "T" besser zu integrieren. Ansonsten läufst du auch durch das kleine "m" Gefahr, dass das "T" zum eigentlichen Signet wird.
    • Der Schriftzug ist zu groß und hängt zu tief. Ein kleiner Tipp: Der Abstand zu Rand -- in diesem Fall zur blauen Flächen -- sollte entweder exakt der Strichstärke der verwendeten Schriftart oder einem Vielfachen dessen entsprechen oder natürlich direkt angrenzen, was hier aber nicht gut wirkte.
    • Die Ausrichtung von Signet und Schriftzug zueinander bedarf einer deutlichen Korrektur.
    • Stock-Fotografie passt in den seltensten Fällen. Dass man sie dennoch so häufig sieht, spricht nicht für sie, sondern gegen die verantwortlichen Gestalter. Eine individuelle Seite verlangt nach einer individuellen Bebilderung -- oder nach einem gänzlichen Verzicht auf Bilder.

    Hat vielleicht jemand einen Tipp, was ich besser machen könnte? Wäre nett!

    • Die Breite des hellblauen Balkens orientiert sich woran? Mit etwas Wohlwollen vielleicht am "Willkommen". Ich würde die rechte Grenze des hellblauen Balkens entweder bis zur Grenze zwischen "Aktuelles" und "Systemvergleiche" ziehen oder aber so weit nach links schieben, dass der Text im weißen Bereich der Seite und das "Willkommen" bündig untereinander stehen werden.
    • Wofür eigentlich "Startseite" _und_ "Aktuelles"? Erstere würde ich mir sparen. Meist steht dort ohnehin nur peinliches blabla und mit einer gut strukturierten Navigation benötigt man diese Seite auch nicht als Ausgangspunkt.
      Insgesamt finde ich den Entwurf übrigens sehr gelungen, wenngleich wenig spannend. Insbesondere die Farbwahl überzeugt.
      MfG, at