Tutorial: So geht's – Artikel-Layout

User-Artikel layouten User-Artikel

ChrisL 7. August 2016 - 20:40 — vor 19 Wochen aktualisiert
Dieser Inhalt wäre ohne die Premium-User nicht finanzierbar. Doch wir brauchen dringend mehr Unterstützer: Hilf auch du mit!
before
after
Rechts der bearbeitete Screenshot
Anzeige
 

8. Weitere „So könnte es aussehen“-Beispiele


— Vorher-Nachher-Vergleich mit Schieberegler:

Siehe das Bild oben: Per Schieberegel wechselt der User zwischen erstem und zweitem Screenshot – ideal, um zum Beispiel Tag/Nacht-Wechsel oder die höchste contra geringe Details darzustellen – wobei die Screenshots ansonsten natürlich möglichst exakt dieselben sein sollten (selbe Position, selber Blickwinkel et cetera).

— Rechts und links im Text ausgerichtete Zitate:
 
Was einfach zu lesen ist, ist verdammt hart zu schreiben.
— Nathaniel Hawthorne
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rethorische Frage über die Wange, dann setzte es seinen Weg fort.

— Info-Box, deren Breite der Textbreite entspricht:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
 
Beliebige Überschrift
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.

— „Cloud Box“ für mehrere Bilder, die sowohl als Vorschaubilder als auch durch Klick in ihrer Originalgröße angezeigt werden:
Die Spielwelt von GTA 5
GTA 5 entführt euch wie schon GTA San Andreas in den gleichnamigen fiktiven US-Bundesstaat. An dieser Stelle wollen wir euch einen kleinen Einblick in die Spielwelt geben. 1 In Los Santos pulsiert das Leben, aber auch im Norden gibt es einiges zu entdecken. Ein Flug über die wunderschöne Berg- und Flusslandschaften lohnt sich eigentlich immer. 2 Abseits von Downtown Los Santos gibt es die Ganggebiete, aus denen auch Franklin stammt. Die Grove Street ist übrigens nicht allzu weit entfernt ... 3 Im Los Santos County ist es schön grün. Die Wälder eignen sich bestens zum Jagen von Wapitis und anderen Tieren. 4 Wüstenei? Keineswegs. Im Blaine County mag es viele Hinterwälder geben, die nur Countrymusic hören. Aber auch hier ist immer was los. 5 Downtown LA, das Geschäftsviertel der Metropole. Hier hat auch das FIB seinen Sitz und die Hochhäuser eigenen sich perfekt für Basejumps. 6 Anders als frühere Serienteile lässt euch GTA 5 die Spielwelt von Beginn an frei erkunden. Mit dem Flugzeug oder Helikopter könnt ihr schnell zwischen dem Norden und Süden hin und her reisen.
Thumbnail 1 Thumbnail 2 Thumbnail 3 Thumbnail 4 Thumbnail 5 Thumbnail 6
 

9. Die verschiedenen Thumbnail-Größen im Überblick

200x113

200x125

300x169

300x188

303x170

303x189

455x256

455x284

600x338

600x375



960x540

960x600

Wir danken unserem User ChrisL, der dieses Tutorial weitgehend verfasst hat.
 
ChrisL 7. August 2016 - 20:40 — vor 19 Wochen aktualisiert