[Grafik] [Webdesign] WebNex

Dieses Thema im Forum "Webdesign" wurde erstellt von Aslan, 19. August 2009 .

Schlagworte:
  1. 19. August 2009
    [Webdesign] WebNex

    Hallo,

    unzwar brauche ich von euch Verbesserungsvorschläge zu meinem Webdesign.

    http://img.xrmb2.net/images/118292.jpeg

    Noch eine Frage zum Coden, kann ich das in CSS realisieren das oben im Content#1 die schrift eine Kontur hat mit einer Transparenz von ca. 25%???
     
  2. 19. August 2009
    AW: [Webdesign] WebNex

    Also ich finde das ganze Layout irgendwie zu einfach. Würde es an deiner Stelle noch etwas verfreinern^^ Dann die weiße Schrift auf grünem BG sowohl im oberen Contentbereich, als auch in der Navi, geht meiner Meinung nach gar nich(schwer zu lesen - niemand will sich dort was durchlesen).

    Zu der Kontur mit CSS, is (meines Wissens) nicht machbar.

    mfg
     
  3. 19. August 2009
    AW: [Webdesign] WebNex

    Konturen sind mit hilfe von CSS3 möglich (text-shadow). CSS3 wird jedoch nur von den neusten Versionen von Chrome, Opera, Safari und Firefox unterstützt. So ist keine InternetExplorer Version in der Lage diese anzuzeigen. Hier mal ein Link in dem verschiedene Beispiele durchgespielt werden unteranderem auch Konturen. CSS: Text mit Schatten

    mfg
     
  4. 19. August 2009
    AW: [Webdesign] WebNex

    Dein Design ist von der Grundidee schonmal nicht verkehrt, es ist recht übersichtlich und sauber gehalten.
    Jedoch willst du ja denke ich mal Kritik hören, also halte ich mich hier auch nicht zurück (sonst wäre dir ja auch nicht geholfen )

    • Achte darauf, dass du es nicht übertreibst mit den Effekten. Glow und Schatten und so weiter können sehr elegant wirken und gut aussehen. Doch hier gilt in fast allen Fällen die Devise: weniger ist mehr. Ein Schatten muss keine Deckkraft von 75% haben, damit er wahrgenommen wird. Auch wenn man es kaum meint, der Betrachter nimmt auch sehr subtile Effekte sehr gut wahr. Also versuch einfach mal, die Deckkraft und die Intensität der Schatten und Glow-Effekte ein bisschen runterzuschrauben, dann wirkt das ganze weniger überladen und anstrengend sondern bekommt einen leichteren und dezenteren Touch.
    • Achte auf die Kontraste. Du benutzt weiße Schrift auf grünem Untergrund. Da du jedoch so einen relativ starken Verlauf von hell nach dunkel hast, ist gerade an den hellen Stellen die Schrift nur schwer lesbar. Du solltest also entweder den Hintergrund dunkler machen, oder dir eine andere Schriftfarbe suchen.
    • Spiel ein bisschen mit der Schrift. Gerade unten im grauen Kasten sieht es etwas langweilig aus. Du benutzt nur eine Schriftart, stets den gleichen Schriftgrad, einheitliche Schriftgröße und so weiter. Hebe wichtige Schlagwörter hervor, indem du sie fett machst, andere Farben mit reinbringst und so weiter. Überschriften helfen dem Leser, den Text schneller und besser zu erfassen. Bei Überschriften kann man gleichzeitig noch einige Effekte mit einspielen lassen. Nimm eine andere Schriftart, spiel mit dem Zeichenabstand oder setz die Überschriften vor einen schönen Hintergrund. Das belebt deinen Text und macht ihn wesentlich strukturierter. Auch Links solltest du anders einfärben, damit man sie vom normalen Text unterscheiden kann. Zur Strukturierung kannst du sonst auch noch Tabellen, Listen und so weiter benutzen. Hauptsache, es kommt Abwechslung rein.
    • Bring ein paar mehr Bilder rein. Icons und kleine Bilder erheitern das Gesamtbild und hinterlassen gleich einen ganz anderen Eindruck. Doch auch hier gilt: Nicht übertreiben!
    • Zuletzt solltest du vielleicht noch einmal die Größe von deine grünen Kasten überdenken. Für den Text, der momentan drinsteht, ist er einfach zu groß. Du hast viel zu viel freien Platz. Entweder fügst du da noch Bilder ein (Ausschnitte aus deinen letzten Arbeiten würden sich hier zum Beispiel anbieten, wenn es sich um eine Webdesign-Page handelt) oder verkleinerst den Kasten. Letzteres hätte auch gleich den Effekt, dass man nicht erst noch lange nach dem unteren Kasten suchen muss, sondern ihn direkt mit im Bild hat.


    Ich hoffe, ich konnte dir ein paar Anregungen geben. Wenn du noch Rückfragen hast oder ich mich irgendwo unverständlich ausgedrückt hab, dann lass es mich wissen
     
  5. 19. August 2009
    AW: [Webdesign] WebNex

    schliesse mich Mr Mustache an

    +

    du brauchst klare überschriften (auch im haupttext und nicht nur darüber)

    und die untergliederung in mehrere elemente würde auch nicht schaden
    , das müssen jezt keine neuen kästen sein sondern es reicht auch ein kleiner abstand ("white space") um das ganze aufzulockern und strukturierter zu machen

    + zur schrift würde ich sagen nimm etwas weniger pixeliges leichter lesbares web safe fonts

    du kannst ruhig mehrere schriftarten nutzen, übertreibe es nur nicht ( also nicht mehr als 3) sonst wirkt es zu verwirrend

    + baue in deinen text links ein und mache die auch sichtbar, das gleiche gilt für wichtige (also fettgedruckte oder sonst wie hervorgehobene) stellen im text

    + erhöhe den zeilenabstand einwenig

    greez EmS
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.