layout und konzeption

16
layout und grafische konzeption SS 2010 - Florian Schulz mt081090

Upload: vlo-schulz

Post on 17-Mar-2016

233 views

Category:

Documents


3 download

DESCRIPTION

Semesterabgabe

TRANSCRIPT

Page 1: Layout und Konzeption

layout und grafische konzeption

SS 2010 - Florian Schulzmt081090

Page 2: Layout und Konzeption
Page 3: Layout und Konzeption
Page 4: Layout und Konzeption

Einleitung

Igendione doloribus eos nonse re, solectur sint vene pro tore plam sum etur sitatus anisimi llentius. Voluptaspis ellento volorion nus ipidendem as

doluptatur? Taturi o� cientum que non num iur, sim volore, solut laborerio dolupis itiumquam laborro tem sitatur aut alictotae volenducim iligente vo-lorrum ressintia posse dolenis as sit aut hari di arum eaquide ssiment, sequid molest, santis quuntur sim nos adipsap erchictus, core inventi orpost et, siti-orit archici dipidem est endelen isquid qui inture voluptati aliquae corerep-ta imusdandam eaquiae. Nequid ut aut apiende llacepuda aut faces eneture hendae ipsanderio dolupta speratur?

Feruntusdae incto test et facerch itatem sapiet velia dollic-tusdam aut quam, ipsae volore accuptatus, ut esseque et maiorehendi dolores dipietus simusae et qui inimaio et et veniat aut dit, senit as andendel molesequi ut vit molupta-tecti ut arum rem inulparum que volorerem libus eatqui te soloreri dolendia nus rerit parchil loriat.

Kapitel 1Poria consequ aturepudae et quamus, velitibeatem doluptur? Rum nest quo-dit escieturia dunt labo. Ut quo dite es simin rest, quam quatius re dolorio. Et faccae odigendia dolenda erepudae porrovidebit volut alibust, volorestotae estio. Ehendae earibus evenima iorrovi tatur? Qui cus maxim fuga. Ugit pa prem inctum hitatem nis asi optat dolorrum fugia sit oditat. Itatur, sam ut labo. O� cii storeris et modit laborites verum ipsam, tectore scilluptium que o� ciis expe vel molor alibus.Vitam la porrum audit, occusci musdanditae conet pa que quatia nam nulla-bo risque delluptat mos aut am lab invel ium volorem ulla dolum dolorrum fuga. Musanda ectotae que voluptati iumquid eruntem porporerum natur re ditent re, ommodi ipsum iur aligniminis vellum untibeatenim velenda ndent, cuptur samenti reptate mporem inctor sum acea volum verit escia cor aborum aut eum voluptiore, omnieni sciuntis dolupid modi id que doles

modita volor reprovit quamet a volest, quae con conem sinusdae providuci omnia que verio dunt, conseque ditatus et volore sinvendunt qui omni om-nist ullatur? Quiatempor soluptae excest id excesto ritiam et molorporum sim aut lat dis ut omnimax impostrum estius. Dis et venienda dolorent au-temquatem faccab ipsunt.

Das erste Unterkapitel

Gitiis mi, tem voluptatur atatias sit ipsandis si ressed excepud aeptiatio. Et adita andipsum es nonsequid qui doleseq uiatiatium dolorro molorecae vo-luptiumet aut acea doluptataes et, is dent, ea quo qui ut quodis et utem que rercipsus plaboreris doloreicimod quiatur antusci piditatium fuga. OccumI-lit eatet, nus molo o� cia dignisquia none ipsus volesendae nis ilibusant lani-hic idempe que nus mintecusda voloris im eatque suntibus adis et acil eatem ex et dolent am, sa sitibus.

Landio que prempor ersperspitae volorer iatetur, is sitius non re accae. Nusaperum quidero odis imuscienis accullabo. Ita-tiumenis pro volupta tumentis re nectemped quias ma entur as ipsunt porum reperchil ea quatess imagnatae ra nestrum nobit ipiciur, nonsed ent faces ataes debistibusti aut volores-sit, es as dolest, quam sum, temolup itaecto tatque nonsectur aut et lam suntotatio dolorernam ab illabor sit est dendaep ratiorro tem. Natiis as assediorio optiatur? Qui o� catem quo quis et omnis int reritate suntibus essimust quos nullatu reritiorrum nonsedis viditios sitati ipienis estent ut eossintis nimiliq uossed estis maximagnia id quaectat rem. Andi ab ipsum fuga. Hentiam, omni blabo. Feri dest optaquo tem eos doloriorem dolupta aute quiam facessita quasimo len-derio cumque ratem fugitam est acit velestrum fugit re cus discillab intotatque dolorectur modis et, cum conet vernat essi sed millupt asitatibus rere es voloreh endendit volupta-tur molesed ut aboratis et qui bearunt qui volessit dolupta

Page 5: Layout und Konzeption

This Bachelor thesis examines the se-miotic and typography of tra� c signs

by international com-parison. � e thesis deals with the development of signs in the course of years and gives a short overview of all kinds of signs. � e focus of the the-sis is on the di� erences and similarities of tra� c signs within Europe and throughout the world.

� e thesis reveals that already in Europe the road signs vary in color and shape. But the biggest di� erences which can be seen within Europe are the di� erent fonts which the countries use on their road signs. And all that despite a introduced standardizati-on. As compared to international standards there are much more di� erences.

� e road signs di� er in color and shape form country to country.

Due to that fact it is di� cult for foreign people to under-stand the signs and to � nd oneself. � erefore a lingua franca is needed.

� e study, thus, aims to expose all those di� erences and similarities. It should point out which di� erences still available despite the standardization of tra� c signs in some countries of the world.

Despite we see those tiny little signs along the street everyday we do not really mind them. A lot of di� erences, like the di� erent fonts, do not catch our eyes. � erefore this thesis should foreground the road signs and should point up their development.

Abstract

page 3

Page 6: Layout und Konzeption

www.myspace.com/wewillrarocku

Das Festl der Gruppe 34

WE will RaRock U

16.AprilUhlplatz 7 | 20 UhrUnkostenbeitrag 2,50 €

SONIC TENSION live

Page 7: Layout und Konzeption

18:16

3:2

8:5

4:3

16:9

9:16

32:9

8:5

16:5

5:8

Formatüberlegungen

Page 8: Layout und Konzeption

Satzspiegel-KonstruktionRandproportionen

Bei einer einzelnen Seite sind Kopf-,Bund- und Außensteg etwa gleich groß, der Fußsteg ist etwasgrößer. Bei Doppel-Seiten wird der Bundsteg etwaskleiner als der Außen-steg gewählt.

Ideale Randverhältnisse

Kopf:1:3:3:

Fuß:3:5:6:

Bund:1:2:2:

Außen:2:4:4:

1 1

4

2 2

3

Satzspiegel-Konstruktion nach dem goldenen Schnitt

Satzspiegel-Konstruktion 9er-Teilung

Satzspiegel-Konstruktion 12er - Teilung

Page 9: Layout und Konzeption
Page 10: Layout und Konzeption
Page 11: Layout und Konzeption

monotonrecords

Page 12: Layout und Konzeption

A Formatüberlegungen1) Wahl des Papierformats (Größe des zu bedruckenden Papiers)

2) Exakte Formatbestimmung, Entscheidung zwischen Hoch- und Querformat

3) De�nition des Satzspiegels und der Ränder

4) Fixierung eines Leitsystems (Seitenzahlen (Pagina), Kolumnentitel, Kapitel-Orientierung), sowie eines Gestaltungsrasters

Layout - Step by Step

5) Wahl der Grundschrift (Schrift-Familie)

6) Festlegung der Farben im Dokument (Überschriften, Boxen, Farb-Stimmung

7) Schriftgröße der Grundschrift

8) Größe und Proportionen der Überschriften Marginalien und Zitate

9) Ausrichtung des Grundtextes (Flattersatz oder Blocksatz)

B Schrift und Farbgestaltung

10) Bestimmung des Verhältnisses von Text, Bild und Weißraum

11) Aufteilung des Texts in einzelne Teile auf der Suche (auf Weiß, Farb�ächen, Hinterlegungen, Textboxen)

12) Fixierung der Spaltenanzahl auf der Seite

13) Gliedernde Elemente (Linien, Symbole, Rahmen)

C Individuelle Seitengestaltung

WIN!

Page 13: Layout und Konzeption

axial system

transitional system

bilateral system

circular system

modular system

random system

radial system

grid system

fh st. pölteninteractive mediamt081090

„Alles, was die Menschen in Bewegung setzt,muss durch ihren Kopf hindurch;

aber welche Gestalt es in diesem Kopf annimmt,

hängt sehr von denUmständen ab.“

typogrphi

c

typo

grap

hic systems

LUG

K SS 2010

Layout

graph

ic de

sign te

xt

graphic designtypo

LUGK 2010

art & co

ncept

typographic systems

system

radial

mt081090

fhstp.ac.at

Das Universum dehnt sich nicht aus;

es läuft vor Chuck Norris davon.

Chuc

k Nor

ris is

t ber

eits v

or ze

hn

Jahr

en g

esto

rben

.

Der T

od h

atte

abe

r nich

t den

Mut

,

es i

hm zu

sage

n. Layout

Layout

Layout

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only �ve centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only �ve centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing so�ware like

florian schulzHerzogenburgerstraße

58/ WG1Campus Domus

Dieses System ist also vollkommen willkürlich

Also vollkommen irgendwie,

könnte man sagen...

das absolute Typochaos

Page 14: Layout und Konzeption

Blindtexte: Funktion als Platzhalter oder zum Vergleich der Wirkung von Schri� bildern

Blindtexte nennt man Texte, die bei der Produktion von Pu-blikationen oder Webseiten als Platzhalter für spätere Inhalte stehen, wenn der eigentliche Text noch nicht vorhanden ist. Sie werden auch als Dummy-, Füll- oder Platzhaltertexte be-zeichnet. Mitunter sollen Komponisten von Liedern Blindtexte beim Komponieren von Melodien benutzen und diese vor dem Dichten des Liedtextes singen. Bereits seit dem 16. Jahrhundert dür� en Blindtexte bei Setzern üblich gewesen sein.

Zweckmäßigkeit bei inhaltlicher SinnlosigkeitBlindtexte werden ebenfalls zur Demonstration der Gestalt verschiedener Schri� typen und zu Layoutzwecken verwen-det. Sie ergeben in der Regel keinen inhaltlichen Sinn. Auf-grund ihrer verbreiteten Funktion als Fülltext für das Layout kommt einer Nicht-Lesbarkeit besondere Bedeutung zu, da die menschliche Wahrnehmung u.a. darauf ausgerichtet ist, be-stimmte Muster und Wiederholungen zu erkennen. Ist die Ver-teilung der Buchstaben und die Länge der „Worte“ willkürlich, lenkt beispielsweise nichts von der Beurteilung der Wirkung und Lesbarkeit verschiedener Schri� arten (Typogra� e) sowie der Verteilung des Textes auf der Seite (Layout oder Satzspie-gel) ab. Deshalb bestehen Blindtexte meist aus einer mehr oder weniger willkürlichen Folge von Wörtern oder Silben. Wieder-holungsmuster können also nicht den Gesamteindruck trüben

und Schri� arten so besser miteinander verglichen werden. Da-bei ist natürlich von Vorteil, wenn der Blindtext halbwegs rea-listisch erscheint, damit die Wirkung des Layouts der späteren Publikation nicht beeinträchtigt wird.

Deutsch oder Latein? Unverständlichkeit oder Lesbarkeit? Das sind die Fragen.Als bekanntester Blindtext gilt der Text „Lorem ipsum“, der seinen Ursprung im 16. Jahrhundert haben soll. Lorem ipsum ist in einer pseudo-lateinischen Sprache verfasst, die ungefähr dem „natürlichen“ Latein entspricht. In Ihm � nden sich eine Reihe realer lateinischer Wörter. Auch dieser Blindtext ist un-verständlich gehalten, imitiert jedoch den Rhythmus der meis-ten europäischen Sprachen in lateinischer Schri� . Der Vorteil des lateinischen Ursprungs und der relativen Sinnlosigkeit von Lorem ipsum ist, dass der Text weder die Aufmerksamkeit des Betrachters auf sich zieht noch von der Gestaltung ablenkt.

Ein Nachteil liegt jedoch darin begründet, dass im Lateini-schen bestimmte Buchstaben häu� ger und andere seltener vor-kommen, was ein anderes Druckbild erzeugt. Zudem werden im Lateinischen nur Satzanfänge groß geschrieben, so dass Lo-rem ipsum die generelle Substantivgroßschreibung der deut-schen Sprache nicht abbilden kann. Als visueller Platzhalter für deutschsprachige Texte ist Lorem ipsum demzufolge nur be-grenzt geeignet. Sollen Blindtexte dazu dienen, die Eigenheiten

der Schri� arten zu vergleichen, so kann es auch sinnvoll sein, Texte zu wählen, die möglichst alle Buchstaben und Sonder-zeichen verwenden, die für die jeweilige Sprache typisch sind.

Mittlerweile existiert ferner eine Fülle an lesbaren Blindtexten. Diese werden meist verwendet, wenn ihre Funktion die eines reinen Platzhaltertextes ist. Diese Alternativen zu den klassi-schen Lorem ipsum-Texten sind o� mals amüsant und erzählen kleine, lustige oder sinnlose Geschichten.

Herkun� und Bedeutung des Lorem ipsum-TextesDen meisten Quellen zufolge geht Lorem ipsum auf einen Text Ciceros aus dem Jahr 45 vor Christus zurück. Demnach ermit-telte ein Lateinlehrer die Herkun� , indem er Fundstellen des außergewöhnlichen Wortes „consectetur“ zusammentrug und dabei die Übereinstimmung mit einer Textpassage in De � ni-bus bonorum et malorum (Über die Grenzen des Guten und Schlechten) von Cicero erkannte, die im Mittelalter hinlänglich bekannt war: „Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit [...]“ (Sinnge-mäß: „Es gibt niemanden, der den Schmerz selbst liebt, der ihn sucht und haben will, einfach, weil es Schmerz ist [...]“). Ein typischer Lorem ipsum-Text lautet etwa: „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incid-unt ut labore et dolore magna aliqua. Ut enim ad minim [...]“.

Page 15: Layout und Konzeption
Page 16: Layout und Konzeption

YES ! THEY DO