AnalphaBestie: Bitte nochmal anschauen

HiHo

Ich hatte vor einiger zeit meine Site gepostet und um berwertung gebeten. Mir wurde fast einstimmig gesagt das man den text schlecht lesen kann.

Nun habe ich das ganze nochmal anders  gestaltet. Bitte schaut es euch nochmal an und sagcht wie es so ankommt.

Bitte nur rein design technisch den quellcode habe ich noch nicht optimiert

http://213.20.128.201/sites/newschrecknet/

danke...

  1. Moin!

    Ich hatte vor einiger zeit meine Site gepostet und um berwertung gebeten. Mir wurde fast einstimmig gesagt das man den text schlecht lesen kann.

    Das war doch die Site mit dem schwarzen Text auf dunkelgrauem Hintergrund, richtig?

    Nun habe ich das ganze nochmal anders  gestaltet. Bitte schaut es euch nochmal an und sagcht wie es so ankommt.

    Wenn man von weitem schaut: Echt nettes Design, muß ich wirklich dagen. Ich würde auch meinen, es hat durch den Farbwechsel gewonnen. Hm, die Hintergrundfarbe dürfte den Farbnamen "ochsenblut" tragen - wir hatten vor vielen Jahren mal Wandfliesen mit diesem Farbton im Badezimmer. ;) Und das paßt ja bei Vampire durchaus (vom Farbnamen her natürlich nur). ;) ;)

    Die mittlere Schrift (hellgrau auf schwarz) ist vom Kontrast her wirklich sehr gut lesbar. Naja, wenn die Schrift selbst nicht so klein wäre. Ein oder zwei Pixel größer wären echt gut.

    Negativ: Rechts die Schrift aus der Shoutbox hat wieder mal das gleiche Problem wie vorher: Schwarz auf dunkelrot ist ziemlich unlesbar vom Kontrast her - zumindest auf meinem Laptop-Monitor (die sind in solchen Fragen immer sehr kritisch! Aber sowas kommt eben auch vor, man sollte was dagegen unternehmen).

    Und noch zwei Dinge:

    Die Überschrift "The Underground Project" ist ebenfalls ziemlich mies lesbar. Das liegt sicherlich auch am Glow-Effekt. Das Auge hat nur fließende Übergänge, aber keinerlei harte Kante, an der man die Buchstabengrenzen sehen kann. Gerade wenn die Schriftart dann etwas gestylt ist, wird es schwierig, die Buchstaben zu identifizieren.

    Und die Schriftart der Links links ist ebenfalls nicht mein Fall und schwierig lesbar. Das dürfte in diesem Fall daran liegen, daß sie zu klein ist. Diese Schrift ist nicht generell schlecht lesbar, aber sie hat viele kleine Details, die bei dieser Schriftgröße einfach nicht rauskommen. Mach die Schrift 3 bis 5 Pixel größer! Dann sieht man vielleicht schon mehr. Platz dafür sollte genug dasein, denn deine Seite ist ja zum Glück nicht nach unten hin begrenzt.

    Aber damit du auch nochmal was positives hörst am Ende: Insgesamt gefällt mir die Seite schon wirklich gut. Sie ist freundlicher geworden, erkennbarer und irgendwie insgesamt besser. :) Mit den paar kleinen Korrekturen bist du dann wirklich ganz weit vorne. ;)

    - Sven Rautenberg

    1. Moin!

      Ich hatte vor einiger zeit meine Site gepostet und um berwertung gebeten. Mir wurde fast einstimmig gesagt das man den text schlecht lesen kann.

      Das war doch die Site mit dem schwarzen Text auf dunkelgrauem Hintergrund, richtig?

      Richtig!

      Nun habe ich das ganze nochmal anders  gestaltet. Bitte schaut es euch nochmal an und sagcht wie es so ankommt.

      Wenn man von weitem schaut: Echt nettes Design, muß ich wirklich dagen. Ich würde auch meinen, es hat durch den Farbwechsel gewonnen. Hm, die Hintergrundfarbe dürfte den Farbnamen "ochsenblut" tragen - wir hatten vor vielen Jahren mal Wandfliesen mit diesem Farbton im Badezimmer. ;)

      öh... nett :)

      Die mittlere Schrift (hellgrau auf schwarz) ist vom Kontrast her wirklich sehr gut lesbar. Naja, wenn die Schrift selbst nicht so klein wäre. Ein oder zwei Pixel größer wären echt gut.

      maximal ein pixel. :) aber mal sehen

      Negativ: Rechts die Schrift aus der Shoutbox hat wieder mal das gleiche Problem wie vorher: Schwarz auf dunkelrot ist ziemlich unlesbar vom Kontrast her - zumindest auf meinem Laptop-Monitor (die sind in solchen Fragen immer sehr kritisch! Aber sowas kommt eben auch vor, man sollte was dagegen unternehmen).

      Stimmt wo du es schreibts, werde ich ändern

      Und noch zwei Dinge:

      Die Überschrift "The Underground Project" ist ebenfalls ziemlich mies lesbar. Das liegt sicherlich auch am Glow-Effekt. Das Auge hat nur fließende Übergänge, aber keinerlei harte Kante, an der man die Buchstabengrenzen sehen kann. Gerade wenn die Schriftart dann etwas gestylt ist, wird es schwierig, die Buchstaben zu identifizieren.

      Der banner hatt mir eigentlich auch nur bei dem alten design gefallen,
      ich denke ich werde ihn nochmal kommplett neugestalten.

      Und die Schriftart der Links links ist ebenfalls nicht mein Fall und schwierig lesbar. Das dürfte in diesem Fall daran liegen, daß sie zu klein ist. Diese Schrift ist nicht generell schlecht lesbar, aber sie hat viele kleine Details, die bei dieser Schriftgröße einfach nicht rauskommen. Mach die Schrift 3 bis 5 Pixel größer! Dann sieht man vielleicht schon mehr. Platz dafür sollte genug dasein, denn deine Seite ist ja zum Glück nicht nach unten hin begrenzt.

      Ich finde das die links wegen ihrer schriftgrösse jetzt schon zu sehr dominieren, wahrscheinlich werde ich eher die schrift-art ändern.

      Aber damit du auch nochmal was positives hörst am Ende: Insgesamt gefällt mir die Seite schon wirklich gut. Sie ist freundlicher geworden, erkennbarer und irgendwie insgesamt besser. :) Mit den paar kleinen Korrekturen bist du dann wirklich ganz weit vorne. ;)

      Danke für deine ausführliche Kritik, das hilf mir sehr... :]

      • Sven Rautenberg

      AnalphaBestie

      1. Hallo,

        oh schön ... es gibt also echt noch Leute bei denen konstruktive Kritik etwas bewirkt.

        Ich sah deinen 1. Entwurf, hatte allerdings den Meinungen derer die da schon gepostet hatten nichts hinzu zufügen - also "Klappe halten" nix posten es wurde ja alles schon gesagt ;-)

        Zu deinem neuen Entwurf hatte Sven schon sehr viel relevantes gesagt, das du auch anzunehmen bereit scheintst und teilweise umgesetzt hast, schön ...

        Bei mir "klemmt" es jetzt noch an der Schriftart in der Navi und am Logo.

        Das Logo (Banner) solltest du nochmal dringenst überarbeiten, wie du ja auch schon festgestellt hast. Und der Gedanke in der Navi die _Schriftart_ zu ändern ist bestimmt nicht verkehrt - die dort verwendete Schriftart (Gothic ... oder wie auch immer) kommt in Printmedien mit Sicherheit ganz toll raus - ist aber als "Grafikschriftart" auf dem Bildschirm arg ungünstig - da kommen solchen Sachen erst ab sehr-sehr viel größerer Größe gut zur Geltung ...

        Mach weiter so! Du bist auf dem richtigen Weg!

        Gruß
        der_bernd

      2. Moin,

        Auch ich muss mich meinen Vorrednern anschliessen: Das Design ist jetzt gut gelungen und man kann den Text endlich problemlos lesen.
        Zur Schrift: Hast du den Buchstabenabstand aus irgendeinem Grund absichtlich vergrößert? Es passt nicht recht zum Rest der Seite. (ich hörs schon: "Wie mans macht, macht mans verkehrt" ;-)

        Zur Shoutbox: Der Inhalt der Box ist zu groß für das iframe. Bei mir kommt da am unteren Rand des iframe ein horizontaler Scrollbalken. So weit ich sehen kann liegt das daran dass die Eingabefelder über den Daumen gepeilt 10 pixel zu breit sind.

        --
        Henryk Plötz
        Grüße aus Berlin

        1. Moin,

          Hi

          Zur Shoutbox: Der Inhalt der Box ist zu groß für das iframe. Bei mir kommt da am unteren Rand des iframe ein horizontaler Scrollbalken. So weit ich sehen kann liegt das daran dass die Eingabefelder über den Daumen gepeilt 10 pixel zu breit sind.

          Welchen browser verwendest du denn? Also under IE% und Opera6.0 sieht es bei mir gut aus. Netscape macht allerdings die Absend und Reset buttons unten grösser als ich das eigentlich will. Die Einzige möglichkeit die ich da sehe wäre die Buttons untereinander zu machen. ABer das gefällt mir nicht. Da habe ich mich entschlossen es so zu lassen. Ausser du kennst nen trick. So einen dem du nur deinem Besten freund sagen würdest :)

          Ich weiss wirklich nicht wie also habe ich gelassen :)

          Henryk Plötz

          AnalphaBestie

          1. Moin!

            Netscape macht allerdings die Absend und Reset buttons unten grösser als ich das eigentlich will. Die Einzige möglichkeit die ich da sehe wäre die Buttons untereinander zu machen. ABer das gefällt mir nicht.

            Ich weiss wirklich nicht wie also habe ich gelassen :)

            Grafische Buttons wären deine Rettung. Die stellt selbst der Netscape nicht größer dar, als sie sind. Und außerdem können sie wesentlich besser aussehen, als das Standard-Mausgrau. :)

            Also erforsche die Möglichkeiten von <input type="image">. Das ist ein Submit-Button mit Bild.

            Das Reset würde ich notfalls einfach weglassen. Bildmäßig läßt sich das nämlich nur als Javascript-Link realisieren:
            <a href="#" onclick="document.FORMNAME.reset(); return false;"><img src="DasResetBild"></a>

            Wobei ich einfach mal annehme, daß auch Nicht-Javascript-Clients damit was anfangen könnten, wenn man das href-Ziel nicht als "#" angibt, sondern explizit auf die gerade angezeigte Datei setzt. Das Formular würde dann neu geladen und wäre dann auch wieder leer.

            - Sven Rautenberg

  2. Hi there!

    Yoh, stimme den anderen weitgehend zu (insbesondere beim letter-spacing, das solltest Du auf 1px oder 0 senken). Wo ich den anderen widerspreche ist das Menue links, dessen Schriftart und -groesse ich fuer genau richtig halte (fuer diese Umgebung jedenfalls).

    Lyrics schreibt man entweder mit c (englisch) oder ohne s (deutsch).

    So long

  3. HoHi...

    Ich denke nun ist es vollbracht, zumindest fast.

    Vormweg erstmal die URL. http://www.ackro.de/schrecknet ( Ja weiss jetzt auch wies geht :) )

    Ich habe auf die Ratschläge der Forumer gehört und das design verändert. Wenn ich ehrlich bin, gefällt es mir jetzt auch besser.

    ______________________

    Ich bin mir nicht gannz sicher Ob man die hauptverweise links jetzt besser lesen kann, aber ich habe versucht ein Kompromiss zwischen Style und lesbarkeit zu finden - schliesslich will ich auch eine gewisse stimmung rueberbringen.

    Der banner bring jetzt durch den geschwungenen schwarzen balken ein bisschen mehr "flexibilität" rein ( finde ich )

    Die Schrift kann man auf jeden fall besser lesen, und der letter-spacing war doof - ich gebe es zu.

    Vielleicht könnt ih mir ein paar tips zur farblichen gestaltung der shoutbox geben. Ich habe ein bisschen rumprobiert aber so richtig glücklich bin ich net. ( Es ist spät ich muss ins bett :) )

    _________________
    Nacht...

    Mfg Analpha

    1. Moin!

      Ich habe auf die Ratschläge der Forumer gehört und das design verändert. Wenn ich ehrlich bin, gefällt es mir jetzt auch besser.

      Mir gefällts auch ... aber das sagte ich schon.

      Ich bin mir nicht gannz sicher Ob man die hauptverweise links jetzt besser lesen kann, aber ich habe versucht ein Kompromiss zwischen Style und lesbarkeit zu finden - schliesslich will ich auch eine gewisse stimmung rueberbringen.

      Doch, das kann man IMHO gut lesen. Besser als vorher jedenfalls.

      Vielleicht könnt ih mir ein paar tips zur farblichen gestaltung der shoutbox geben. Ich habe ein bisschen rumprobiert aber so richtig glücklich bin ich net. ( Es ist spät ich muss ins bett :) )

      Daß der Text so weiß ist, stört ein wenig. Ein grau wäre vielleicht nicht dumm.

      - Sven Rautenberg

    2. Moin,

      Der banner bring jetzt durch den geschwungenen schwarzen balken ein bisschen mehr "flexibilität" rein ( finde ich )

      Ja, das sieht wirklich klasse aus.

      Vielleicht könnt ih mir ein paar tips zur farblichen gestaltung der shoutbox geben. Ich habe ein bisschen rumprobiert aber so richtig glücklich bin ich net. ( Es ist spät ich muss ins bett :) )

      Ich hab jetzt mal Screenshots vom unteren Teil der Shoutbox bei mir gemacht. Einmal Scrollbalken ganz nach links, einmal Scrollbalken ganz nach rechts:
      <img src="http://www.ploetzli.ch/forumtst/shoutl.gif" border=0 alt=""> <img src="http://www.ploetzli.ch/forumtst/shoutr.gif" border=0 alt="">

      Das liegt eher nicht an den Knöpfen sondern wirklich an den Eingabezeilen. Mein Browser: Galeon 1.0.3 (benutzt die Engine von Mozilla 0.9.8)

      --
      Henryk Plötz
      Grüße aus Berlin