Sebastian: Designtips?

Beitrag lesen

Hallo Jeena,

Ich werde mir das mal ansehen. Die erste Webseite hat, finde ich, aber eine gruselige Farbgebung. Ist wohl auch Geschmackssache.
Es ging mir ja auch nicht um das Design der Webseiten, sondern um den Inhalt den sie dir bieten und der sich um Farbzusammenstellungen dreht.

Schon klar. Werd ich mir auch ansehen. Nur ist die Seite selbst natürlich auch so etwas wie eine Referenz normalerweise.

Ne, dafür will ich keine bloße Liste. Das sieht für mich billig aus. Obwohl man es natürlich gestalten könnte. Aber per DIV ist es ja auch ganz ok.
Du solltest dich von diesem altehrwürdigem Denken doch lösen dass HTML etwas mit dem Aussehen deiner Seite zu tun hat, dafür ist _nur_ das CSS gedacht. Zum designen von Listen kann ich dir folgenden Link empfehlen: http://css.maxdesign.com.au/listamatic/

Werde ich mir auch einmal ansehen. Obwohl ich die Kästchen als Links gut finde. Müßte ich dann als Liste nachbauen.

<p> bewirkt, daß der Text nicht ganz oben anfängt sondern erst nach einer Leerzeile. Weil es ja ein neuer Absatz ist.
Wie oben schon erwähnt hat HTML nichts mit der Darstellung zu tun, es ist eher zufall das der Browser, den du benutzt das genau so darstellst wie du es siehst (überspitzt gesagt). Das Aussehen (sollte) übernimmt nur durch allein das CSS. Außerdem willst du doch Absätze haben, weil die sich viel einfacher lesen lassen, sie teilen den Text in sinnvolle Häppchen auf. Zu deinen Texten kann ich dir noch folgenden Link empfehlen: http://praegnanz.de/essays/253/typo-im-web-bitte-abstand-halten

Naja. Ich hab mich aber schon öfters geärgert wenn die Nutzung einer Überschrift oder eines Absatzes mehr Platz freigeben als ich überhaupt geben will. Das kann man glaube ich per css auch nicht anders einstellen.
Den Link lese ich mir mal durch.

Und das ist eben schwer.
Niemand hat etwas anderes behauptet.

Ich finde dazu halt höchstens solche visionäre Bilder oder die etwas mit Computern zu tun haben.
Und um das geht es ja auch. Computersoftware. Dafür die Tastatur zB. Und Visionäre bzw Freiheit für Arbeitserleichterung.
Tastatur ist aber soooooo abgedroschen. Und was ein Mann der auf ein Feld guckt mit Arbeitserleicherung zu tun haben soll müsstest du mir mal erklären. Ich denke dabei eher an einen Bauern, der früh aufsteht und sich denkt: »Man ein scheiß Tag, den ganzen Acker beackern, da bin ich wohl wieder 12 Stunden mit dem Traktor unterwegs.«

Also für mich sieht das sehr befreit aus. Er hat keine Arbeitsmühe und kann gemütlich in die Natur schauen. Und weniger Arbeit hat er, weil er mit einer Software Arbeit spart.
Welche Bilder fändest du denn passender?
Ich meine ich habe ja viele kostenlose Bilderanbieter durchgeschaut. Das sind die Besten die ich fand.

Naja. Stichwort Arbeitsamtlogo.
Ja, genau man sollte sich _immer_ an den Negativbeispielen orientieren.

Ehrlich gesagt sind es ja eben deswegen Logos. Ein Zeichen mit Wiedererkennungswert. Wenn da der Firmenname dabeisteht, dann steht der Firmenname beim Logo. Das Logo selbst aber ist allermeistens nur kryptisch.

Ob ich da nun ein kryptisches A darstelle oder sonstwelche Symbole, sie sagen kaum etwas aus.
Das stimmt nicht. Der Wiedererkennungsfaktor eines gut designten Logos ist wohl wirklich unmessbar höher als der eines plumpen Grafikklumpens.

Damit wir nicht aneinander vorbeireden, welche Logos findest du denn gut?

Und so ganz aussagelos ist das Logo auch nicht.
Anscheinend schon, sonst würde ich es eventuell verstehen.

Es gibt wirklich sehr viele kryptische Firmenlogos. Manche haben auch Firmenkürzel drin aber Logos an sich sagen eigentlich nur versteckt etwas aus.
Stimmt, schlechte Logos. Aber es muss ja nicht unbedingt etwas aussagen, es sollte aber IMHO wenigstens profesionell aussehen und nicht abschrecken.

Ich finde es aber professionell. Es ist halt einfach ein Logo.
Ob ich da nun einen Kreis mit einem Zauberer und 13 Sternen(ich glaube Procter & Gamble) oder sonstwas als Logo nehme ist auch nicht anders.
Aber Beispiele für "gute Logos" wären schon interessant, damit ich weiß was du meinst.

Kreise oder Punkte oder sonstwas, sagen ja nicht wirklich etwas aus.
Kreise und Punkte sind die Grundbausteine, daraus und aus vielen anderen Bausteinen entstehen nun mal Grafiken.

Ja, aber wenn das Logo zB, wie bei einem früheren Arbeitgeber aus kleinen und großen Punkte besteht und irgendwo darin steht das Firmenkürzel sagt das auch nichts aus. Außer daß es das Logo der und der Firma ist.

Was schon kleinste Veränderungen am Logo ausmachen können zeigt dieser Beitrag Eindrucksvoll am Beispiel des KAUFhOF Logos: http://praegnanz.de/weblog/609/ein-neues-h-fuumlr-den-kaufhof

Hm. Also wenn mein Logo einfach in Verbindung mit dem Firmennamen irgendwo allein zusammengenommen dasteht habe ich was ziemlich ähnliches. Ich habe halt nur kein solches Phantasie-Kürzel.
Und in Verbindung mit dem Namen weiß man auch immer was gemeint ist.
Nimm doch nur als Beispiel die Logos von Autofirmen. VW, na gut, aber der große Rest der Autofirmen hat ziemlich kryptische Logos.
Audi hat einfach vier Ringe. Oder Merzedes den Stern. Wenn es wichtig ist steht der Name daneben. Oder viele haben auch den Namen gleich mit dabei. Rechts daneben wie Citrön, Daihatsu, Daewoo. Und manche haben es direkt darin wie BMW, Bentley, Alfa Romeo usw.
Und man erkennt trotzdem um was es geht, weil der Firmenname immer mit dabei genannt wird. Und dadurch erkennt man auch das Logo an sich.
Ein Logo muß nicht den Firmennamen enthalten. Das wäre im Fall meines langen Firmennamens auch schwer. Weil der Name dann ziemlich klein dastehen müßte.
Hier eine Aufstellung: http://www.einfach-autos.de/hersteller/logos/

Jetzt kannst du dir vielleicht auch etwas eher vorstellen wie viele Fehler man beim Designen eines Logos machen kann, bzw. wie viel besser man es machen könnte, wenn man sich nur etwas darauf einlässt.

Ich glaub ich bin in guter Gesellschaft mit meinem Logo. :-) Ich werde halt einfach immer den Firmannamen mit dabei nennen.
Aber sicherlich kann man da viele Fehler machen.

Na ich habe 1600x und kann es gut lesen. Diese Schriftgröße ist auch recht verbreitet. Es gibt sogar Seiten wo sie noch kleiner ist.
Wie schon oben erwähnt sollte man sich ja _immer_ an Negativbeispielen orientieren, gell? Vielleicht solltest du auch einmal daran denken, dass nicht _jeder_ solch einen Adlerscharfen Blick hat wie du, es gibt sogar Menschen die halb oder ganz blind sind; habe ich gehört.

Die werden ohnehin keine solch hohe Bildschirmauflösung haben und denen komme ich damit ja gerade entgegen. Die Schriftgröße ist doch gerade mal einen Pixel kleiner wie hier im Forum glaube ich.
Aber ich werde mal testen wie es mit größerer Schrift aussieht.

Es ist halt auf kleinere Bildschirme optimiert. Ich kann kaum ein Design für jede Auflösung erstellen.
Was würde denn dagegen sprechen? Ich verstehe nicht warum du so etwas sagst. Sieh dir mal das Design dieser Agentur in den unterschiedlichsten Fensterbreiten an: http://decaf.de es passt sich immer automatisch an die Gegebenheiten an, sogar Handy- und Palmbildschirme sind kein Problem. Auf dieses Ziel könntest du anfangen zu arbeiten anstatt dich hinzustellen und zu behaupten dass das nicht möglich ist.

Möglich ist alles. Ob sinnvoll ist etwas anderes. Wenn die Schriftgröße in Pixel angegeben ist, dann vergrößert sich die Schriftgröße automatisch bei einer geringeren Auflösung. Warum sollte ich die Schriftgröße dann extra noch ändern?

Du hast nach professionellerem Aussehen gefragt. Ich habe dir jetzt sehr viele Links und Tipps gegeben. Noch einmal zusammengefasst:

- Farben die zusammen harmonieren

Werd ich mir anschauen.

- sinnvolle Abstände und Zeilenhöhen

Werd ich machen.

- Platz ausnutzen

Werd ich machen.

- mehr Mühe bei den Grafiken

Was denn für welche? Und wo finden?

- CSS!!!

Nutze ich doch. Ist alles mit CSS. Was meinst du denn genau?

Grüße,
Sebastian

1 139

Designtips?

Sebastian
  • css
  1. 1
    Sebastian Salzgeber
    1. 0
      Sebastian
      1. 0
        Sebastian Salzgeber
        1. 0
          Sebastian
          1. 0
            Sebastian
            1. 0
              Dennis
    2. 0
      Andreas Lindig
  2. 0
    Jeena Paradies
    1. 0
      Sebastian
      1. 0
        Sebastian
        1. 0
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
                1. 0
                  Ashura
                  1. 0
                    Sebastian
                    1. 0
                      Ashura
                      1. 0
                        Sebastian
    2. 0
      Jeena Paradies
      1. 0
        Sebastian
        1. 2
          Jeena Paradies
          1. 0
            Sebastian
            1. 1
              Jeena Paradies
              1. 0
                Sebastian
                1. 0
                  wahsaga
                  1. 0
                    Sebastian
                    1. 0
                      wahsaga
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. -1
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Jeena Paradies
                                        1. 0
                                          Sebastian
                                        2. 0
                                          at
                    2. 0
                      Schuer
                      1. 0
                        Sebastian
                        1. 0
                          Schuer
                          1. 0
                            Sebastian
                            1. 0
                              at
                2. 1
                  Jeena Paradies
                  1. 0
                    Sebastian
                    1. 0
                      at
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Sebastian
                                        1. 0
                                          Ingo Turski
                                          1. 0
                                            Jeena Paradies
                                            1. 0
                                              Ingo Turski
                                              1. 0
                                                Jeena Paradies
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Jeena Paradies
                                                    1. 0
                                                      Ingo Turski
                                            2. 0
                                              at
                                            3. 0
                                              Sebastian
                                          2. 0
                                            Sebastian
                                            1. 0
                                              Sebastian
                                              1. 0
                                                Ingo Turski
                                                1. 0
                                                  Sebastian
                                                  1. 0
                                                    Ingo Turski
                                                    1. 0
                                                      Sebastian
                                            2. 0
                                              Ingo Turski
                                              1. 0
                                                Sebastian
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Sebastian
                                                    1. 0
                                                      Ingo Turski
                                                      1. 0
                                                        Sebastian
                                                        1. 0
                                                          Detlef G.
                                                          1. 0
                                                            Sebastian
                                                            1. 0
                                                              Detlef G.
                                                              1. 0
                                                                Ingo Turski
                                                                1. 0
                                                                  Detlef G.
                                                              2. 0
                                                                Sebastian
                                                    2. 0
                                                      at
                                                    3. 0
                                                      Detlef G.
                              2. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
          2. 0
            Dennis
            1. 1
              Jeena Paradies
              1. 0
                at
                1. 0
                  Jeena Paradies
                  1. 0
                    at
              2. 0
                Dennis
                1. 2
                  Jeena Paradies
                  1. 0
                    Dennis
                2. 0
                  at
  3. 0
    Sebastian
    1. 1
      Ashura
      1. 0
        Sebastian
        1. 1
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
    2. 1
      at
      1. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
            1. 0
              at
              1. 0
                Sebastian
                1. 0
                  at
                  1. 0
                    Sebastian
                    1. 0
                      Jeena Paradies
                      1. 0
                        Sebastian
                        1. 0
                          Jeena Paradies
                          1. 0
                            Sebastian
      2. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
  4. 0
    Sebastian
    1. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
  5. 0
    Sebastian
    1. 0
      at
      1. 0
        Sebastian
        1. 0
          Sebastian
          1. 0
            at
            1. 0
              Sebastian
              1. 0
                at
                1. 0
                  Sebastian
                  1. 0
                    at
    2. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
          1. 0
            Sebastian
            1. 0
              at
            2. 0
              Detlef G.