[CSS] Design ohne Hintergrundgrafiken

Dieses Thema im Forum "Webdesign" wurde erstellt von Phame, 21. Januar 2012 .

Schlagworte:
  1. 21. Januar 2012
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Design ohne Hintergrundgrafiken

    Hallo!

    Ich muss gerade ein Design nur mit CSS ohne Hintergrundgrafiken etc. entwerfen, derweil sieht es so aus:

    Bild

    Nicht wirklich schön, deshalb würd ich euch gerne um Antwort bitten, wie man es denn verschönern könnte, die Grundstruktur soll bleiben nur die Navigation muss sich z.B. ändern, dass sie auch nach etwas aussieht.

    Und mir ist klar, dass Meinungen immer subjektiv sind, aber genau die will ich hören .


    Mfg
     
  2. 21. Januar 2012
    AW: Hilfe bei Design

    1. rund und eckig passt so nicht zusammen, am besten du machst alles eckig oder alles rund!

    2. die dicke schwarze umradung oben links sollte entweder genau so breit wie die navigation sein, oder links genau so viel überstehen wie rechts.

    3. das allg farbspiel passt i-wie überhaupt nicht zusammen ?(

    mfg
    matzinho
     
  3. 21. Januar 2012
    AW: Hilfe bei Design

    BW hast du schonmal

    Das Farbspiel passt nicht?

    Von dem Gelb - Grau will ich eigentlich nicht ganz abschweifen, war eigentlich der Meinung, dass Gelb - Grau - Schwarz gut zusammenpasst, aber hast du da vll eine Empfehlung vom Farbspiel?

    Mfg
     
  4. 21. Januar 2012
    AW: Hilfe bei Design

    naja grundsätzlich passen gelb u. schwarz schon zusammen, aber das gelb sticht i-wie zu fest ins auge finde ich..

    schau mal hier vorbei, vllt gibts da paar anregungen ;-)

    http://kuler.adobe.com/#themes/rating?time=30

    http://digitalphenom.deviantart.com/art/Complementary-Colour-Swatches-108073388
     
  5. 21. Januar 2012
    AW: Hilfe bei Design

    - Die unterschiedlichen Schriftarten passen nicht zusammen.
    - Der Content muss einen Abstand zum Rand bekommen (padding: 15px; oder so^^)
    - Das dunkle Schwarz sticht zu krass heraus. Nimm mal einen dunklen Grauton dafür
    - Rund und eckig passt nicht gut zusammen. Also entweder rund oder eckig.
     
  6. 12. Februar 2012
    AW: Design ohne Hintergrundgrafiken

    Was soll das oben links in der Ecke sein? Warum machst du da so eine fette schwarze border herum?

    1px Border dafür sollte reichen.

    Ebenso den schwarzen Balken unten anders lösen.

    Und aus den gelben Farben den Kontrast rausnehmen!
     
  7. 13. Februar 2012
    AW: Hilfe bei Design

    ich habe von programmierung leider kein plan, aber vllt nen paar anregungen!

    wenn du den dicken kasten oben so lassen willst, vllt die graue struktur oben links (bei dem gfgfgf)in grau auch abrunden (wie auf der seite bei der navigation) und ihn in einer flucht mit dem schwarzen nach unten laufen lassen. hoffe man versteht was ich meine.

    die gelbe hintermalung beim hallo würde ich in einem sehr starken hellen transparenten grau machen


    vllt hats ja geholfen
     
  8. 15. Februar 2012
    AW: Design ohne Hintergrundgrafiken

    Wieso eigentlich ohne Grafiken?
    Mann kann auch mit CSS Wunderbar Grafiken einsetzen.

    Hier weitere Tools für Farbschemen

    Ansonsten wies schon gesagt wurde, das Schwarz ist in dem Design ein zu extremer Kontrast, nimm dafür einen Mitteldunkel Grauton, gerade für den unteren Balken.
    Wenn du keine Grafiken benutzen sollst, mach den Header nicht so dick.
    Entscheide dich für das gesamte Design für EINE Schriftart (eventuell für den Header eine andere) und für eine gewisse Größe. Große Schrift im Menü - Winzige im Content -> Gewöhnungsbedürftig.
    Außerdem, ein einheitliches Design in der Navigation. Warum verschiedene Trennstriche?
     
  9. 15. Februar 2012
    AW: Design ohne Hintergrundgrafiken

    glaube er will damit Haupt und unter trennen ^^
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.