Tipps zum Layout gestalten

Ich möchte den Anfängern unter euch (auch für alle anderen, die noch Probleme dabei haben) mal ein paar Tipps zum Gestalten von Layouts geben, denn ich habe öfters gesehen, das etwas gemacht wurde, was ich anders gemacht hätte.

Tipp Nr. 1: Hintergrundfarben
Die Hintergrundfarben sollten nicht zu grell sein, also kein knallgelb, neongrün oder ähnliches verwenden. Am besten und freundlichsten wirken helle sanfte Farben wie hellblau, hellgrün, hellgelb usw.

Tipp Nr. 2: Bilder
Man sollte nach Möglichkeit schöne Bilder auswählen, also nicht zu dunkel und es sollte einen selbst ansprechen. Wenn wie bei den Slawik-Bildern das Copyright drauf steht, sollte man nicht Bilder nehmen, wo es das Pferd verdeckt. Man sollte später beim Einfügen des Bildes das Copyright nicht sehen, denn das sieht schöner aus. Also besser das Pferd ausschneiden oder einen runden Rahmen herum.

Tipp Nr. 3: Brushes
Es sollten nicht zu viele verschiedene Brushes verwendet werden. Das heißt z. B. nicht Blumen und Sterne verwenden, sondern nur Sterne oder Blumen benutzen. Auch davon sollte man nicht zu viel einfügen. Das Layout sollte trotz Brushes noch recht schlicht aussehen. Ebenso sollten die Brusheseine etwas ähnlichere Farbe wie der Hintergrund haben, also entweder etwas dunklerer oder heller, aber immer noch der gleiche Farbton. Das sieht dann harmonischer aus als eine ganz andere Farbe.
Kleines Beispiel: Der Hintergrund ist hellgrün. Die Brushes könnten also entweder ein dunkleres Grün oder ein ganz helles Grün haben, wobei ich bei hellen Hintergrundfarben immer die dunklere empfehlen würde.
Wichtig ist noch, dass die Brushes nicht sofort ins Auge fallen. Darum etwas transparenter machen, denn man soll nicht von den Brushes angelenkt werden und mehr auf die Bilder, Überschriften und den Text schauen.


Tipp Nr. 4: Scrollboxen:
Die Scrollboxen sollten immer etwa auf gleicher Höhe sein, also so angeordnet, dass man sie ohne Probleme mithilfe einer Tabelle coden kann.
Beispiel:
So sollte es NICHT aussehen


So ist es richtig



Ich hoffe, dass meine Tipps ein wenig geholfen haben.

Cool erklärt!

Gut erklärt, aber das mit dem Coden geht auch, wenn die Scrollboxen versetzt sind.

Irina schrieb:

Gut erklärt, aber das mit dem Coden geht auch, wenn die Scrollboxen versetzt sind.

gehen tuts schon, nur es ist schwerer (vorallem wenn man das lay mit einer tabelle codet)

@cowgirljen, schöne erklärung

Man nimmt aber eh keine Tabellen zum Layouten. Tabellen sind für tabellarische Daten da und für nichts anderes

Cairlinn schrieb:

Man nimmt aber eh keine Tabellen zum Layouten. Tabellen sind für tabellarische Daten da und für nichts anderes

ich code eigentlich alle lays mit einer tabelle ^^

sweeti800 schrieb:

ich code eigentlich alle lays mit einer tabelle ^^

Ich auch und wusste gar nicht, dass es auch ohne Tabelle geht. Dazu wäre mal ein TUT schön. Oder gibt es das schon? Wenn ja, sorry ich habs noch nciht gesehen.

sweeti800 schrieb:

Gehen tut es schon, nur es ist schwerer.

Eigentlich ist es ganz leicht.

sweeti800 schrieb:

Ich code eigentlich alle Layouts mit einer Tabelle.

Ich auch. Klappt auch sehr gut damit.

@Irina
Wenn du das auch ohne Tabelle coden kannst, schickst du mir mal eine Anleitung per PN? Welches Programm benutzt du eigentlich dafür?

Ich hab doch geschrieben, dass ich es auch mit Hilfe einer Tabelle code. Ich benutze dafür NVU.

Guck einfach mal in meine Anleitung, da steht fast alles So eine Tabelle ist doch viel zu unübersichtlich, ein paar divs, die man auch noch beliebig platzieren kann, sind viel besser.

@Cairlinn
Das ist wirklich einfach. Wenn alle sich die Anleitung durchlesen würden, müssten die Ersteller von Layouts sie nicht auch noch coden und die Besteller könnten das selbst tun.

Cairlinn schrieb:

Guck einfach mal in meine Anleitung, da steht fast alles So eine Tabelle ist doch viel zu unübersichtlich, ein paar divs, die man auch noch beliebig platzieren kann, sind viel besser.

bleib trotzdem lieber bei meiner tabelle
ähm und was ich weiß werden mit div die scrollboxen gemacht
und die tabelle ist auch nicht wirklich unübersichtlicher

Spoiler:

sweeti800 schrieb:

bleib trotzdem lieber bei meiner tabelle
ähm und was ich weiß werden mit div die scrollboxen gemacht
und die tabelle ist auch nicht wirklich unübersichtlicher

Ich werd dabei auch wohl bleiben außer in Ausnahmefällen. Und so unübersichtlich ist die Tabelle gar nicht.

Du kannst auch Scrollbalken in Tabellenzellen machen, funktioniert genauso, wie in den divs. Und ich finde es doch unübersichtlicher. Den divs entsprechen in der Tabelle die tds, der Rest ist unnötiger Ballast.
Und wenn du da was ändern willst, z.B. oben 3 Blöcke nebeneinander und unten ein breiter, musst du die Tabelle komplett umbauen. Bei den divs werden nur ein paar Zahlen geändert, der Rest kann bleiben, wie er ist, auch von der Reihenfolge. Das ist gerade bei viel Inhalt ein unschätzbarer Vorteil.

Cairlinn schrieb:

Du kannst auch Scrollbalken in Tabellenzellen machen, funktioniert genauso, wie in den divs. Und ich finde es doch unübersichtlicher. Den divs entsprechen in der Tabelle die tds, der Rest ist unnötiger Ballast.
Und wenn du da was ändern willst, z.B. oben 3 Blöcke nebeneinander und unten ein breiter, musst du die Tabelle komplett umbauen. Bei den divs werden nur ein paar Zahlen geändert, der Rest kann bleiben, wie er ist, auch von der Reihenfolge. Das ist gerade bei viel Inhalt ein unschätzbarer Vorteil.

so große änderungen mach ich bei einem lay gar nicht^^

Spoiler:

aber jeder kann es ja so machen, wie er will bzw einfacher ist

hilfe ich möchte ein lay machen weis nicht wie man codet und wie man crollboxen reinmacht.

Da gibt es 2 Möglichkeiten: Entweder klickst du mal Cairlinns Link auf der vorigen Seite an, was die einfachere Methode wäre (braucht noch nicht mal ein Programm dafür), oder wenn du NVU hast, kann ich dir mal eine Anleitung per PN schicken.

das hat mir jetzt voll geholfen aber ich möchte noch wissen welche grösse gut ist für lays

Ich benutze immer als Länge 1000 px und als Breite 545 px. Man kann auch bei der Breite 500 px machen, aber ich finde 545 px ist schon optimal.

ok werde mal ausprobieren^^

ich benutze 550x1000

ich finde das optimal^^

cowgirljen schrieb:

Da gibt es 2 Möglichkeiten: Entweder klickst du mal Cairlinns Link auf der vorigen Seite an, was die einfachere Methode wäre (braucht noch nicht mal ein Programm dafür), oder wenn du NVU hast, kann ich dir mal eine Anleitung per PN schicken.

Kannst du mir bitte die NVU anleitung schicken?

Das TUT dazu gibt es hier

Huhu,ich hab noch eine frage...
Wie und wo erstellt man lays bei windows Vista?Bitte schreib mich bei howrse an!