design I Flashcards
Wat is design?
- grafisch ontwerp (logo design, letter design, branding, social media, website design)
- interface
- vormgeving en ontwerp
doel design
- communicatiemodel
- visuele ondersteuning om boodschap over te brengen
toolbox
- kleur
- typografie
- beeld
- vorm
- compositie en lay-out
typografie
Omvat alle aspecten die horen bij het “opmaken” van een tekst (lettertype, regelafstand, grootte)
letterontwerp
ontwerpen van lettertypes
doel typografie
- Tekst leesbaar maken
- al iets vertellen over de inhoud
geschiedenis typografie
- eerste schrift –> tekens
- beeldschrift
- Romeinse letters = basis van de schreefletter (met penseelstreek en bijtel)
- schrift van Karel de Grote
- de gotische minuskel (Bijbel –> smallere letters, duur papier)
- 1455: gutenbergbijbel –> basis boekdrukkunst
de letter en het lettertype
- x-hoogte = hoogte van de letter
- kapitaalhoogte = bij uppercase
- stok en staart = uitsteeksels van x-hoogte)
- romein/romen cursief, italic
- kapitaal/bovenkast/uppercase onderkast/lowercase
- corpsgrootte = aanduiden in punten, grootte van letter
- lettergrootte roman is tussen 8 en 10 pt
- lettergrootte kleinst leesbare tekst is 5pt
- ligaturen = letters die aan elkaar hangen
lettercategorieën
- Sans serif (schreefloos)
- Serif (schreef, op sommige plekken dunner)
- Slabserif (overal is de letter even dik)
- display (lettertype voor kleine tekst, karakterisitieke letters, opvallender, vooral bij logo’s en merken)
- Mono(spaced) (iedere letter neemt even veel plaats in, vooral vroeger gebruikt bij typemachine’s)
- handwriting/script ( vaak niet gebruikt in professionele wereld)
leesbaarheid van een tekst (9)
- witruimte = rustpunt voor ogen
- alinea’s
- marges (afstand tussen tekst en rand)
- kolommen zorgen voor extra marges
- word spacing ( niet in blokken werken - zorgt voor grote gaten in tekst)
- interlinie (ruimte tussen de regels)
- tekst uitlijnen (meestal links)
- letter spacing (afstand tussen de aparte letters)
- het lettertype en de diverse lettergroottes en soorten
manieren van uitlijnen
- uitgevuld/justify ( zorgt voor gaten)
- gecentreerd / Align center ( enkel voor titels en heel korte teksten)
- links uitgelijnd/ align left ( meest flexibele manier)
- rechts uitgelijnd / align right (vermijden!)
doel compositie
- de drager boeiender, spannender maken
- structuur en hiërarchie aanbrengen in informatie
- informatie beklemtonen en sterker doen uitkomen dan andere
- zoeken naar evenwicht en inspanning
factoren bepalen van lay-out
- vorm
- plaats
- verhouding
- oppervlakte van drager
- kleur
- negatieve ruimte
soorten composities
- centrale
- symmetrische
- assymmetrische
- diagonale
- overal
vector
- paden die gedefinieerd worden door begin- en eindpunt met daartussen andere punten
- kan elke vorm hebben
- mathematische parameters, geen pixels
Vectorbestand
- grafische afbeelding die opgebouwd is uit vele individuele objecten
kenmerken vectorbestand
- zijn oneindig schaalbaar
- kleine bestandsgroote
- zijn resolutie onafhankelijk
- geen achtergrond/ vrijstaande elementen
pixel
- afbeeldingen in Photoshop
- 72 dpi nodig om een afbeelding scherp te zien ( 1 inch = 2,5 cm)
- verhogen van dpi maakt afgedrukte afbeelding kleiner ( en omgekeerd)
- onmogelijk om beeld in lage resolutie om te zetten in een hoge resolutie en de grootte te bewaren
- je kan resolutie van beeld niet verhogen om zo een beter kwaliteit te bekomen
resolutie
pixeldichtheid van een beeld
kenmerken pixel
- iedere pixel bevat unieke informatie
- niet oneindig schaalbaar
- resolutie web = 72dpi
- resolutie print = 300 dpi
- veel pixels = veel megabytes
- te weinig pixels = niet veel details/ wazig
DPI
- Dots Per Inch
- beschrijft resolutie van beeld
- verwijst naar het aantal afgedrukte ounten op een vierkante inck van een door een printer afgedrukte afbeelding
PPI
- Pixel per Inch
- resolutie van beeld beschrijven
- verwijst naar het aantal pixels op een vierkante inch op een computerscherm weergegeven beeld
Place linked
- beeld uit Photoshop dat je plaatst in Illustrator afzonderlijk bewerken
- wordt automatisch aangepast
doorsturen? geplaatste beelden mee doorsturen
place embedded
-beeld uit photoshop in Illustrator plaatsen en afzonderljk bewerken
-beeld wordt niet gezien als photoshop file maar als illustrator file
doorsturen? beeld is geïntegreerd –> zichtbaar voor iedereen
.psd
- photoshop native document
- behoud alle info die bij het beeld hoort
- behoud van layers, effecten, settings, kleuren, transparantie
- geen compressie
- enkel te openen in dezelfde versie van Photoshop
.ai
- adobe illustrator native document
- geen compressie
- behoud van layers, effecten, settings, kleuren, transparantie
.tiff
- tagged image file format
- behoud lagen
- beste kwaliteit ~ zeer zwaar
- voor drukwerk
.jpg
- Joint photographic experts group
- compressie (er gaat info verloren)
- goede kleurcompressie (max 16,7 miljoen kleuren)
- foto’s
- compressie vs kwaliteit
- geen transparantie en minder scherpe kleurovergangen
- compatibel
.gif
- Graphics interchange format
- max 256 kleuren, verlies van beeldinformatie door compressie
- transparantie
- voor afbeeldingen met weinig kleur (logo’s, iconen,..), animaties
.png
- portable network graphic
- aantal eigenschappen van . jpg en .gif
- max 256 kleuren
- transparantie
- combinatie graphics en image
- goede verhouding kwaliteit/compressie
- portabkle document format
- universeel-niet aanpasbaar-vectorieel formaat
- onafhankelijk van software en besturingssysteem
- meerdere pagina’s
fonts outline
- document in illustrator doorsturen
- neit iedereen heeft het font dat wordt gebruikt
- outlines maken van tekst –> wordt vector shape