Page 1


Kamilla Asmussen Grafisk designer Arkitektskolen Aarhus 20. september 2010


KÅ’ERNE [’kå’] (læs: K’erne)


K nr. 1 Koncept K nr. 2 Komponenter K nr. 3 Komposition


Koncept

K nr. 1


Pointen med design er at skabe forbindelse imellem mediet og modtageren. Godt design formĂĽr at fange modtagerens opmĂŚrksomhed og holde denne forbindelse igennem ĂŚstetisk og konceptorisk mĂĽlrettet indhold.


?

Hvem skal jeg henvende mig til


En klog mand har engang sagt... I kommunikationssammenhænge er der 3 væsentlige ting at huske!

nr. 1

Målgruppen

nr. 2

Målgruppen

nr. 3

Målgruppen


?

Gammel

Ung

Midt i mellem

Funky

Stor Lille


Komponenter K nr. 2


...bagenden af en ko!


7 , 9 2

1 2 x


Komposition K nr. 3


grid


Grid: anatomi Boks til billeder, farveflade eller tekst Markør, sidetal, sektionstitel og lign. Kolonne Margin HjÌlpelinie, markerer tilpasningslinier for billeder og grafik


Spalte grid Spalte (column) Spaltemellemrum (gutter) Spaltestreg


ModulĂŚrt grid Et simplet men effektivt grid til mange typer af layout. De firkantede moduler kan bruges til farveflader, billeder eller tekstbokse. Kan ogsĂĽ bruges til falseteknikker.


Orden i kaos Organiseret omkring principperne i collage kan dette kreative grid balancere pĂĽ grĂŚnsen mellem orden og kaos.


arkitektur? Hver del af denne tryksag er layoutet udfra de arkitektoniske elementer former og kompositioner i en bygning. Koncept, idĂŠ, kommunikation.


Typografi


Udløb

Runding

Overlængde X-højde/kernehøjde Underlængde Grundstreg /stamme

Øje

Hårstreg Serif

Grundlinie

Majuskel/versal

Minuskel

Sløjfe/løkke


skrift kategorier Serif

sans Serif

Aa

slab serif

blackletter

Aa

Aa

Aa

Baseret på udskårne bogstavforme. I træ eller metal. Karektaristika er de små serif fødder.

Designet på samme tid som den industrielle revolution. Moderne og uden behov for fødder.

En mere kantet og robust version af de gamle serifskrifter. Hybrid.

Originalt designet til at ligne caligrafi fra det 12. århundrede. Gotiske skrifter.

display

non western

script

symbol

Aa Skøre skrifter i alle mulige designs. Ikke beregnede til brødtekst.

Aa

Alle skrifer der ikke benytter sig af det alfabet vi bruger i vesten.

Aa Designet til at ligne håndskrift, skråskrift, ofte med kursive sammenhængende bogstaver.

Man skal også være opmærksom på at der findes skrifter der er designet specielt til digitalt brug. Og vice versa...

Ak Symbolskrifter, også kaldet dingbats.


Hieraki Det er vigtigt at hierakiet i typografien er defineret. Jo strammere hieraki, jo lettere bliver budskabet afkodet af lĂŚseren.

Overskrift 1 Gotham black 100 pkt

overskift 2 Gotham black 25 pkt

overskift 3 Gotham bold 12 pkt

Brødtekst Fugitet aut omnit veles ra pliquatum erunt est as quis ipidis dolupid estibusa dolor maiorem. At evenis dolupta taesedis et dit il ini sum fugit veratem alis dolupta tibus, sumquament res quo moluptatur miliquiae illupictus. Me qui officiene conse et vendae prepero beri odi dolupta estiorit, ullia imenima sequis sunt voloratus expelen iendit in pra voluptatur? Aximet omnimetur, con poreseque quatiam dentem. Itaspit Janson MT italic 14/18 pkt


Læsbarhed Læsbarheden i en tekst er en kombination af et par forskellige typografiske elementer der skal gå op i en højere enhed, skriftsnit, linieafstand, ordbilleder og spatiering.

Onsecatia volorum unti ium eseque nobis magnimaior aut audandes cum core nossum ipictatus, omnimus. Mus, quat. Nam ex ea ipicaecae sit denist, estrum quis disquid que ne od molum fugia nihil es sit ut omnis mo molo modis eos inum ra asit, corerovitiur aut que que sequis ma num, omnis alit et volor raepedis ad qui unt, que voloriti id molor acessimpelit quae vite pra alitior eratae sima eaturiorem doluptatque conem sequia volorem Univers light 9/7 pkt

Linieafstand spiller en væsentlig

rolle for det totale typografiske udtryk. Derfor skal linieafstanden tilpasses det helhedsudtryk der opstår ved det valgte skriftsnit. Der findes ingen faste regler for dette, men det er dog vigtigt at øjet kan følge en linie fra start til slut uforstyrret af linierne over og under.

Onsecatia volorum unti ium eseque nobis magnimaior aut audandes cum core nossum ipictatus, omnimus. Mus, quat. Nam ex ea ipicaecae sit denist, estrum quis disquid que ne od molum fugia nihil es sit ut omnis mo molo modis eos inum ra asit, corerovitiur aut que que sequis ma num, omnis alit et volor raepedis ad qui unt, que voloriti id molor acessimpelit quae vite pra alitior eratae sima eaturiorem doluptatque conem sequia volorem Univers light 9/12 pkt

Onsecatia volorum unti ium eseque nobis magnimaior aut audandes cum core nossum ipictatus, omnimus. Mus, quat. Nam ex ea ipicaecae sit denist, estrum quis disquid que ne od molum fugia nihil es sit ut omnis mo molo modis eos inum ra asit, corerovitiur aut que que sequis ma num, omnis alit et volor raepedis ad qui unt, que voloriti id molor acessimpelit quae vite pra alitior eratae sima eaturiorem doluptatque conem sequia volorem Univers light 9/14 pkt


Floder er et sammenfald af

ordmellemrum i flere samhørende linjer, så det opstår hvide streger lodret eller let på skrå i satsbilledet. Det er en fejl, der bør undgås, selvom det kan være svært i spalter, specielt med lige højrekant. Justering

For at undgå floder i sin tekst skal man overveje hvordan man justere sin tekst. Floder sker ofte ved smalle spalter med fast lige bagkant (højre side). Jo bredere spalten er, jo lettere er det at holde fast for- og bagkant.

Debissi videlita eatempost, con etur moluptatet qui di beatis quam, que vento conet laccus acculparum qui aliant, sollecte cor ad eiustion cusam vere poritem eatus, corerro eossim res pelenis quaectum remquaepedit as de vero consece rrumquidis maxime cone dolupta tatestium facerovit

Debissi videlita eatempost, con etur moluptatet qui di beatis quam, que vento conet laccus acculparum qui aliant, sollecte cor ad eiustion cusam vere poritem eatus, corerro eossim res pelenis quaectum remquaepedit as de vero consece rrumquidis maxime cone dolupta tatestium


-

+

Ordbilleder og spatiering

Normalt er der ingen grund til at gå ind og spatiere de store gængse skriftfamilier. De er designet til at blive sat i både store og små størrelser. Men ofte når man bruger gratisfonte og display skrifter, er det en god idé at se dem efter i sømmene. Specielt hvis det er noget der skal bruges i stort format. Når man kigger på balancen i ordbilledet er det det negative rum der er vigtigt at holde øje med. Der skal være balance.

problemerne Frutiger black 50 pkt spatiering=0

-

problemerne Frutiger black 50 pkt spatiering=-40

problemerne Frutiger black 50 pkt spatiering=-50 (manuel)


Don’ts!

1. horeunge

side.

En horeunge er - i typografisk betydning - den sidste linje i et afsnit, der står alene øverst i en spalte eller på en

2. lad ikke dine overskrifter se sådan her ud

Selv de fineste layout programmer kan lave dårligt layout, hver opmærksom så det ikke laver dårlige orddelinger og justeringer.

3. Vertikal skrift

Lad være med at stakke skriften vertikalt, det bliver aldrig godt. d o N ’ t

d ti o!

4. Det er sjældent en go’ idé

...at blande 2 serifskrifter Det samme gælder

...sans serif skrifter


3 gode råd om typografi Ikke for lange linier, de er svære at læse. Brug altid en linieafstand der er minimum 3 punkt større end dit skriftsnit. Bland ikke for mange forskellige skrifter.


layout


[Krusedulle]


krusedullen på siden her er ikke

placeret tilfældigt. Læg mærke til at afstanden fra krusedullen til kanten er forskellige på alle fire sider. Variation i design, virker ligesom variation i livet, det giver dynamik. Øjet får lov at gå på opdagelse og udforske formatet.


Lad ikke placeringen af elementerne i dit design ske tilfældigt (grid). Vær opmærksom på hvad der sker visuelt imellem designkomponenterne når de placeres i forhold til hinanden. Vær bevidst om virkemidlerne. Når man bruger denne bevidsthed kontinuerligt bliver det hurtigt en naturlig del af designprocessen.


VĂŚr ikke bange for den hvide flade...


?

is

er v i

n a m

t r ø

e l l

ber rå

a

hv

h

leveret. r e t e b a k ds il hele bu t n e r e u sk guide be t l e u s i v og ksomhed r æ m p o s dtageren o m e g n a tf ålet er a m r o F . i hierak Visuelt

o v H

n a rd

bl


Catium ra idistium qui alitincia sumqui

+

+

reheni sin pa volori bea nobitia pro que vollutam et volorro con comnis at. Dandigenis am quunt odis se et re nististium et vero que dipid quid quid minciusant mil in comnimi, consequi consequ idebis autem que porepercim volessunt min net, testinv elecustia sitem eni arum idebit, ipsuntur si ipsam ent doluptatur sitatia veliquam, comnis aliciliquam et facestis ent quid


Aruptur sinciat Aruptur sinciat iberum sinvent entotate conseque anda doloriam aceptatur? Nam, que molorem sunt alique lam nobisquate earia vent offictusdae erferibus ma qui quo illor samusda eperis pelibus. Is maximos nos sum natur, con et adipis explis et molupta tectore rsperspe perferchil eat. Untum as as quaecea quibus ea alitis dolupis quis sande nonsed mos et lam dolupiet que mo es non pererit atatem sit reiciliqui dolescient am laut qui consequam que cum es aut vero te nimoluptatum nos et adicae lab ipsum reriam, cullistrum apeliquas mod eatet ditam et et aped molorerios simolorem quam quia volupta erferion nonsece archicitatis et, sinimini di serchil laccaborest, qui tem non explabore num quame ex eresto iur simus at resed quatio. Ut vellabo. Ut eaque nus veles eum que nobis endunt voluptate sit molupta tionser natae. Us, ipsandi te rae pa cum apienis quae nossunt. Obitatur, ad eume comnihic tendis autet odior sandel magname nimus, utaecae nam voluptas eatiatur? Qui offic to magnam consequatque est dolorum rehentur? Os culpa pore odis aliquibus magnim sint ad que lit, simus, officiam quat quatem saes desto vid qui ut eaquae nimaxim iniscient occulparum eosanimodit a et, aut voluptas volor audiciditiae repta est volupta nis ent occusam am et ullam evenem. Ro blabo. Elignim olentur? Num vel mo venis ni ilit ommodi dolorecat odigenti rem qui omnim volessum voluptaturia plit fugiti cone ipsam repero ent ommoluptatur sum recera susam, sa dolorepro blaborrum quam acilla quatem audi nem aut od etur? Sedi omnisci ut aut volorit, tem quuntius dolo doluptium di alicae volorep udiatem quatiist harum, tem conecusape moditatur, volut intionsequi ut andem que iur sus, soluptium quos as audis aut parcia int aut magnam qui optat iumqui doloribus repe volorem re laborent audant est, sent et qui dersper itatusa volor rere, velis que nest, simagni magnis doluptatio ilit eost, sitibus nienditam, vendae conse vel ea con conem dollaboriae sa eatibus nit ut fugitium is et repelen imolent vername non esequam exeriam aut perum iusa at odiorrum ime nonsequos maior repudignihit as ute nonsequam velesedia necepro vidunt quos et etur, te corumqui quostib uscipitia simusantia aditat. Erovitae. Core ilitam, qui arum idebit, volupis eum quiatem quo core susanim invellorem volorectem evellabo. Ugitatia porrum inullor as volupta eperit earum dolecum fugiasp itatis eaturep erovitiis aut doluptate porrovitia in cus. Dunt aperspiet et qui dolorro omnis adi dolorem qui reic tem dollam niet fugit ommo el estruptatium aut qui renis abore que moditius sequodit quis cuptus etur auda volupti untinctur aciliqu issunt, unto omnis doluptur sam et quo berum am, ius eum dollam vid ut ea doluptur si asinvendanit veri-


Dandigenis am quunt odis Catium ra idistium qui alitincia sumqui reheni sin pa volori bea nobitia pro que vollutam et volorro con comnis at. Pis qui velit, nam vellaut.

net, testinv elecustia sitem eni arum idebit, ipsuntur

id et aperit accust, commo bla pres voluptisquo mi,

si ipsam ent doluptatur sitatia veliquam, comnis

coreper ibusam alit esti.

aliciliquam et facestis ent quidEnihil illo omnisto te mos as ducimus andandi il mossecusciis volorro qui

tem dolorei citiaecesti doluptur, sam quis am ea volor

nit assitate videnimo etus ditat fuga. Namus, sitibus

aceped endelit ereic teniste niminctatus debissequi

eos sit hictis maio denisitem in peratest occae et am

doluptas dolecta vel modisciis excepello corposam

remque pos aut ea inus, ommodit ommolo illuptatiure

aspisque il illantem quo il eturept atiatem invel

nosaeceptis velitat.

imilige ndaeperiossi blabo. Lorposant vel mod qui doles core molor mint elent.

Cid qui doloris moditem quibus, optatem sit, sum ea volorae ex explis ad exerferum nihil iusandi

Luptaquia vera doluptat vellore ndellab oreratest et

doloreperume et oditio essit ex eos rerumquis es

aut re perferum fugite ventur?

qui sumqui berecup taturepro omnimus nimagnisiti

Pis qui velit, nam vellaut autem volorit iusdae

Vidi dolorepel il modipitia esciene molorro maio

volorporpor rem qui tet plibusc iunditatusam fugitis

et volores seceatur rae sequatus explabor audae

ellia porercimpori cum iliae ommoluptatur sit faccum

Dandigenis am quunt odis se et re nististium et vero que

consequas alia voluptae aut aditem fugiti ipsum ati ra

rem lia sectota erspiet voluptat prentur, sitio tem uta

dipid quid quid minciusant mil in comnimi, consequi

volupta temposam que num quasseres aut est lacilla

dolupita pra voluptiis re, es et minulles dolorestrum

consequ idebis autem que porepercim volessunt min

tessimu sciaerspid quisquo volent lat apere sitis eium


Typografisk hieraki

Linieafstand og skriftstørrelse

Dandigenis am quunt odis (t1) Catium ra idistium qui alitincia sumqui reheni sin pa volori bea nobitia pro que vollutam et volorro con comnis at. Pis qui velit, nam vellaut. (t2)

net, testinv elecustia sitem eni arum idebit, ipsuntur

id et aperit accust, commo bla pres voluptisquo mi,

si ipsam ent doluptatur sitatia veliquam, comnis

coreper ibusam alit esti.

aliciliquam et facestis ent quidEnihil illo omnisto te mos as ducimus andandi il mossecusciis volorro qui

tem dolorei citiaecesti doluptur, sam quis am ea volor

nit assitate videnimo etus ditat fuga. Namus, sitibus

aceped endelit ereic teniste niminctatus debissequi

eos sit hictis maio denisitem in peratest occae et am

doluptas dolecta vel modisciis excepello corposam

remque pos aut ea inus, ommodit ommolo illuptatiure

aspisque il illantem quo il eturept atiatem invel

nosaeceptis velitat.

imilige ndaeperiossi blabo. Lorposant vel mod qui doles core molor mint elent. (t4)

Cid qui doloris moditem quibus, optatem sit, sum ea volorae ex explis ad exerferum nihil iusandi

Luptaquia vera doluptat vellore ndellab oreratest et

doloreperume et oditio essit ex eos rerumquis es

aut re perferum fugite ventur? (t3)

qui sumqui berecup taturepro omnimus nimagnisiti

Pis qui velit, nam vellaut autem volorit iusdae

Vidi dolorepel il modipitia esciene molorro maio

volorporpor rem qui tet plibusc iunditatusam fugitis

et volores seceatur rae sequatus explabor audae

ellia porercimpori cum iliae ommoluptatur sit faccum

Dandigenis am quunt odis se et re nististium et vero que

consequas alia voluptae aut aditem fugiti ipsum ati ra

rem lia sectota erspiet voluptat prentur, sitio tem uta

dipid quid quid minciusant mil in comnimi, consequi

volupta temposam que num quasseres aut est lacilla

dolupita pra voluptiis re, es et minulles dolorestrum

consequ idebis autem que porepercim volessunt min

tessimu sciaerspid quisquo volent lat apere sitis eium

BeskĂŚring af billedet

3-spaltet grid

Farvet faktaboks eller manchet.


[Tak for idag ]

3 K's  

Presentation about the basics in graphic design.

Read more
Read more
Similar to
Popular now
Just for you