weten wanneer u nieuw bent in marketing, vooral in een klein team, moet u misschien een heleboel dingen op een moment doen. En als het gaat om dingen als bloggen en sociale media, zeker, je hebt dit. Maar snel genoeg, word je naar ontwerpprojecten getrokken. De ene dag bespot je een infographic, de volgende dag Ontwerp je een ebook. Je voelt je vreselijk onvoorbereid — en dat design vocabulaire? Het kan aanvoelen als een vreemde taal.
klinkt bekend? 
we zijn er geweest — en we weten dat we niet de enige marketeers zijn die op een gegeven moment vloeiend in deze woordenschat moesten worden. Dus besloten we om een grotere woordenlijst te delen, om ons allemaal te helpen ons spel een beetje op te voeren. In geen geval is dit de be-all-end-all van het ontwerp terminologie, dus voel je vrij om uw definities toe te voegen in de opmerkingen ook. Dit is wat we hebben, alfabetisch georganiseerd.
- The Ultimate Web Design Terms Glossary
- a
- 1) Alignment
- 2) analoge kleuren
- 3) Ascender
- B
- 4) Baseline
- C
- 5) Cap Height
- 6) CMYK-kleurmodel
- 7) Color Wheel
- 8) kleurenschema ‘ s
- 9) complementaire kleuren
- 10) compressie
- 11) Contrast
- 12) bijsnijden
- 13) CSS
- D
- 14) afdaling
- 15) Dots per Inch (DPI)
- 16) Slagschaduw
- E
- 17) EPS
- 18) Extender
- F
- 19) Feathering
- 20) lettertype
- G
- 21) GIF
- 22) gradiënt
- 23) raster
- H
- 24) HEX-Code
- 25) HTML
- 26) tint
- J
- 27) JPEG
- K
- 28) spatie
- L
- 29) leidend
- 30) verlies van gegevens
- 31) verliesloos
- M
- 32) middellijn
- N
- 33) negatieve ruimte
- O
- 34) Open lettertypen
- 35) wees
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Pixels per Inch (PPI)
- 40) PNG
- R
- 41) rechthoekige (of Tetradische) kleuren
- 42) resolutie
- 43) RGB-kleurenmodel
- S
- 44) verzadiging
- 45) Serif
- 46) schaduw
- 47) Split-Complementary kleuren
- 48) vierkante kleuren
- 49) stam
- 50) slagen
- T
- 51) staart
- 52) Terminal
- 53) Tint
- 54) Triadische kleuren
- 55) lettertype
- V
- 56) vectorafbeelding
- 57) visuele hiërarchie
- W
- 58) watermerk
- 59) Gewicht
- 60) witruimte
- 61) Weduwe
- X
- 62) X-hoogte
- Z
- 63) ZIP-bestand
The Ultimate Web Design Terms Glossary
A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z
a
1) Alignment
de positionering van de elementen in uw ontwerp (bijv. tekst, afbeeldingen, enz.). Deze elementen kunnen zowel op de pagina als op elkaar worden afgestemd. Bijvoorbeeld, deze paragraaf van de tekst is uitgelijnd met de linkermarge, terwijl de lijnen afgebeeld in de afbeelding hieronder zijn uitgelijnd met de rechter.
2) analoge kleuren
kleuren die naast elkaar op een kleurenwiel verschijnen.
3) Ascender
een lineaire verlenging van een letter die boven de middellijn verschijnt — zie ook baseline, cap height, afdaling en extender.
B
4) Baseline
de even, onzichtbare lijn waarop alle letters van een lettertype zitten — zie ook ascender, cap height, descender, extender, en midline.
C
5) Cap Height
de afstand tussen de basislijn en de bovenkant van hoofdletters — zie ook ascender, descender, extender en midline.
6) CMYK-kleurmodel
staat voor Cyaan, magenta, Geel en zwart. Deze set kleuren wordt gebruikt in print design vanwege de manier waarop papier licht absorbeert.
7) Color Wheel
een cirkel van kleuren die relaties toont tussen primaire, secundaire en tertiaire kleuren.
8) kleurenschema ‘ s
de combinatie van twee of meer kleuren uit het kleurenwiel — ook bekend als kleurharmonieën.
9) complementaire kleuren
kleuren die direct tegenover elkaar staan op het kleurenwiel.
10) compressie
een bestandsgrootte verkleinen door overtollige gegevens te elimineren. Bijzonder handig bij het e-mailen of opslaan van grote beeldbestanden. Bekijk meer over lossy en lossless compressie.
11) Contrast
accentuering van verschillen tussen kleuren, vormen, afstand of enig ander ontwerpelement.
12) bijsnijden
wanneer de buitenste delen van een afbeelding worden verwijderd om het onderwerp opnieuw te framen of om de grootte van de beeldverhouding te wijzigen.
13) CSS
een stukje code dat wordt gebruikt om de look en feel van een website aan te geven, los van de werkelijke inhoud van een webpagina.
D
14) afdaling
een extender op een letter, die onder de basislijn verschijnt — zie ook ascender, cap height en midline.
15) Dots per Inch (DPI)
net als de pixel voor het web zijn dots de kleinste meeteenheid bij het afdrukken van digitale afbeeldingen. Het aantal DPI ‘ s verwijst naar de resolutie van een gedrukt digitaal object — hoe hoger de DPI, hoe hoger de resolutie.
16) Slagschaduw
een visueel effect dat een afbeelding weergeeft alsof er een schaduw achter zit.
E
17) EPS
een bestandsformaat dat wordt gebruikt voor vectorafbeeldingen die zowel tekst als afbeeldingen bevatten.
18) Extender
het deel van een letter dat zich uitstrekt boven de x-hoogte of onder de basislijn — zie ook ascender, cap height, afdaling en middellijn.
F
19) Feathering
een ontwerptechniek die wordt gebruikt om randen van een object glad te maken.
20) lettertype
een lettertype in één specifieke stijl en grootte. Een voorbeeld hiervan is Times New Roman Semi Bold in grootte 14.
G
21) GIF
een bestandsformaat dat het best wordt gebruikt voor kleine afbeeldingsbestanden met weinig kleuren en ontwerpen, of geanimeerde afbeeldingen. Hieronder is een voorbeeld van een geanimeerde GIF-afbeelding:
22) gradiënt
een ontwerptechniek waarbij een kleur of deel van een afbeelding lijkt te vervagen in een andere.
23) raster
een puur hypothetische afbeelding van verticale en horizontale lijnen die afbeeldingen en tekst in een document helpt uitlijnen.
H
24) HEX-Code
een code die in HTML en CSS wordt gebruikt om een specifieke kleur aan te duiden, vaak na het pound-teken (#). Hieronder is een grafiek van Hexuitdraai kleurcodes:
25) HTML
de computertaal die wordt gebruikt om inhoud zoals tekst, afbeeldingen en links op het web weer te geven.
26) tint
wat de meeste mensen denken als “kleur” — rood, oranje, geel, enz.
J
27) JPEG
een afbeeldingsbestandstype dat compressie zonder kwaliteitsverlies gebruikt, met weinig waarneming bij kwaliteitsverlies. Dit type bestand wordt het best gebruikt voor foto ‘ s en realistische schilderijen waar er soepele overgangen tussen kleuren.
K
28) spatie
de spatie tussen afzonderlijke letters.
L
29) leidend
de ruimte tussen regels van het type.
30) verlies van gegevens
een vorm van datacompressie waarbij details worden verwijderd naarmate de bestandsgrootte kleiner wordt. Een gebruikelijke lossy compressie methode is JPEG.
31) verliesloos
in tegenstelling tot compressie met verlies kan de detail van de afbeelding worden hersteld.
M
32) middellijn
de afstand van de basislijn tot de bovenkant van de meeste kleine letters, waaronder “e”, “g” en de curve van “h”. ook bekend als de “mediaan”, zoals hieronder afgebeeld. Zie ascender, cap height, en descender.
N
33) negatieve ruimte
de lege ruimte rond een ontwerp, of het nu een webpagina of een enkele afbeelding is — zie ook witruimte.
O
34) Open lettertypen
de huidige standaard in lettertypeformaten. Het bevat zowel het scherm en de printer versies in een enkel bestand, en is compatibel voor zowel Windows als Mac. De bestandsextensie is .otf.
35) wees
een openingsregel in een alinea die alleen onderaan een pagina staat. Een wees kan ook een woord of een zeer korte regel zijn die op zichzelf verschijnt aan het einde van een alinea.
P
36) Pantone
een kleurvergelijkingssysteem ontwikkeld door de onderneming Pantone. Grotendeels gebruikt in print design, en gebruikt om gedrukte kleuren te matchen met die op het scherm verschijnen tijdens de digitale fase van het ontwerp.
37) PDF
een bestandsformaat dat het best kan worden gebruikt om documenten en presentaties weer te geven.
38) Pixel
het kleinste element van een afbeelding op een computer.
39) Pixels per Inch (PPI)
een andere maat voor de afbeeldingsresolutie, afhankelijk van het aantal pixels dat aanwezig is binnen een bepaalde sectie van de afbeelding.
40) PNG
een bestandsformaat dat het beste gebruikt kan worden wanneer de afbeelding grote vlakken met uniforme kleuren heeft, of een transparante achtergrond (in tegenstelling tot JPEG).
R
41) rechthoekige (of Tetradische) kleuren
Vier Kleuren die twee paren complementaire kleuren zijn.
42) resolutie
een manier om de scherpte en het detailniveau van een afbeelding te meten. Een hogere resolutie geeft meestal een grotere bestandsgrootte aan, die de hoeveelheid gegevens-zoals pixels of stippen-in de afbeelding weergeeft.
43) RGB-kleurenmodel
een acroniem dat staat voor de kleuren rood, groen en blauw. Het RGB-kleurenmodel wordt gebruikt voor webdesign, omdat monitors licht in deze kleuren verzenden.
S
44) verzadiging
hoe helder of intens een kleur is.
45) Serif
een kleine regel aan het einde van een lijn in sommige lettertypen. “Sans serif” verwijst naar lettertypen die deze regel niet hebben.
46) schaduw
hoeveel zwart is gemengd met de tint.
47) Split-Complementary kleuren
kleuren die bestaan uit een basiskleur, plus de twee kleuren die naast de complementaire kleur liggen.
48) vierkante kleuren
op het kleurenwiel zijn vier kleuren gelijkmatig van elkaar Gescheiden.
49) stam
de primaire verticale streep in een letter. Het wordt gebruikt in de letter ” B “en de diagonale regel van”V.”
50) slagen
de regels die een letter in een lettertype vormen.
T
51) staart
de dalende lijn in een letter die vaak decoratief is-bijvoorbeeld in de letter “Q.”
52) Terminal
het einde van een lijn zonder serif.
53) Tint
hoeveel wit wordt gemengd met de tint.
54) Triadische kleuren
kleurenschema waarbij drie kleuren op 120 graden van elkaar op het kleurenwiel worden gecombineerd. Het wordt vaak beschouwd als de beste kleurenschema.
55) lettertype
a design collection of characters, including letters, numbers, and interpunctions. Voorbeelden hiervan zijn Times New Roman, Helvetica en Arial.
V
56) vectorafbeelding
in plaats van pixels te gebruiken om afbeeldingen weer te geven, gebruiken vectoren lijnen en vormen. Omdat ze niet afhankelijk zijn van pixels, behouden vergrote vectorbeelden nog steeds de helderheid en kwaliteit van het beeld.
57) visuele hiërarchie
een ontwerpprincipe dat verschillende delen van de boodschap van uw inhoud visueel ordent en benadrukt door gebruik te maken van kleuren, maten en lay-outs.
W
58) watermerk
een gemakkelijk te zien marker geplaatst boven op foto ‘ s op het web en in druk. Het wordt gebruikt om de eigenaar van een afbeelding te identificeren en diefstal van visuele inhoud te voorkomen.
59) Gewicht
in lettertypen, de dikte van de breedte van de streep. Enkele voorbeelden zijn demibold, light en bold.
60) witruimte
de lege ruimte rond een object in design — zie ook negatieve ruimte.
61) Weduwe
het gedeelte van de tekst aan het einde van een alinea dat overloopt naar de volgende kolom of pagina.
X
62) X-hoogte
In een letter, de afstand tussen de middellijn en de basislijn — zie ook ascender, cap height, afdaling, en extender.
Z
63) ZIP-bestand
een bestandsformaat dat meerdere bestanden comprimeert en combineert tot één map. Gecomprimeerde bestanden verliezen geen gegevens om kleiner te worden en worden gemakkelijk hersteld door het ZIP-bestand uit te pakken.