när du är ny på marknadsföring, särskilt på ett litet team, kan du behöva göra en massa saker på ett ögonblick varsel. Och när det gäller saker som bloggar och sociala medier, Visst, du har det här. Men snart nog dras du till designprojekt. En dag hånar du upp en infographic; nästa, du utformar en e-bok. Du känner dig bedrövligt oförberedd – och det designordförrådet? Det kan kännas som ett främmande språk.
låter bekant? 
vi har varit där-och vi vet att vi inte är de enda marknadsförare som någon gång har behövt bli flytande i detta ordförråd. Så vi bestämde oss för att dela en större ordlista, för att hjälpa oss alla att öka vårt spel lite. På något sätt är detta be-all-end-all design terminologi, så känn dig fri att lägga till dina definitioner i kommentarerna samt. Här är vad vi har, organiserat alfabetiskt.
- den ultimata webbdesign termer ordlista
- a
- 1) justering
- 2) Analoga färger
- 3) Ascender
- B
- 4) baslinje
- C
- 5) Cap höjd
- 6) CMYK-färgmodell
- 7) färghjul
- 8) färgscheman
- 9) kompletterande färger
- 10) komprimering
- 11) kontrast
- 12) Beskär
- 13) CSS
- D
- 14) Descender
- 15) punkter per tum (DPI)
- 16) skugga
- E
- 17) EPS
- 18) Extender
- F
- 19) fjädring
- 20) Font
- G
- 21) GIF
- 22) Gradient
- 23) Grid
- H
- 24) HEX-kod
- 25) HTML
- 26) nyans
- J
- 27) JPEG
- K
- 28) Kerning
- L
- 29) Ledande
- 30) Lossy
- 31) förlustfri
- M
- 32) mittlinje
- N
- 33) negativt utrymme
- O
- 34) öppna typsnitt
- 35) Orphan
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) pixlar per tum (PPI)
- 40) PNG
- R
- 41) rektangulära (eller Tetradiska) färger
- 42) upplösning
- 43) RGB-färgmodell
- s
- 44) mättnad
- 45) Serif
- 46) skugga
- 47) Split-komplementära färger
- 48) fyrkantiga färger
- 49) stam
- 50) stroke
- T
- 51) svans
- 52) Terminal
- 53) nyans
- 54) triadiska färger
- 55) typsnitt
- V
- 56) vektorbild
- 57) visuell hierarki
- W
- 58) vattenstämpel
- 59) Vikt
- 60) blanksteg
- 61) Änka
- X
- 62) x-höjd
- Z
- 63) ZIP-fil
den ultimata webbdesign termer ordlista
A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z
a
1) justering
placeringen av elementen i din design (t.ex. text, bilder, etc.). Dessa element kan anpassas till både sidan och till varandra. Till exempel är detta stycke text justerat till vänster marginal, medan linjerna som visas i bilden nedan är justerade till höger.
2) Analoga färger
färger som visas intill varandra på ett färghjul.
3) Ascender
en linjär förlängning av en bokstav som visas ovanför mittlinjen-se även baslinje, lockhöjd, descender och extender.
B
4) baslinje
den jämna, osynliga linjen på vilken alla bokstäver i ett typsnitt sitter-Se även ascender, cap height, descender, extender och midline.
C
5) Cap höjd
avståndet mellan baslinjen och toppen av versaler — se även ascender, descender, extender, och mittlinjen.
6) CMYK-färgmodell
står för cyan, magenta, gul och svart. Denna uppsättning färger används i tryckdesign på grund av hur papper absorberar ljus.
7) färghjul
en cirkel av färger som visar relationer mellan primära, sekundära och tertiära färger.
8) färgscheman
kombinationen av två eller flera färger från färghjulet-även känd som färgharmonier.
9) kompletterande färger
färger som är direkt motsatta varandra på färghjulet.
10) komprimering
minska en filstorlek genom att eliminera överskott av data. Särskilt användbart när du skickar e-post eller sparar stora bildfiler. Se mer om förlustfri och förlustfri komprimering.
11) kontrast
accentuering av skillnader mellan färger, former, avstånd eller något annat designelement.
12) Beskär
när yttre delar av en bild tas bort för att omformulera ämnet eller för att ändra storlek på bildens bildförhållande.
13) CSS
en bit kod som används för att ange utseendet och känslan av en webbplats, separat från det faktiska innehållet på en webbsida.
D
14) Descender
en förlängare på en bokstav som visas under baslinjen-se även ascender, cap height och midline.
15) punkter per tum (DPI)
i likhet med pixeln för webben är prickar den minsta måttenheten vid utskrift av digitala bilder. Antalet dpi: er hänvisar till upplösningen för ett tryckt digitalt objekt-ju högre DPI, desto högre upplösning.
16) skugga
en visuell effekt som visar en bild som om den hade en skugga bakom sig.
E
17) EPS
ett filformat som används för vektorbilder som innehåller både text och grafik.
18) Extender
den del av en bokstav som sträcker sig över x-höjden eller under baslinjen-se även ascender, cap height, descender och midline.
F
19) fjädring
en designteknik som används för att jämna ut kanterna på en funktion.
20) Font
ett typsnitt i en viss stil och storlek. Ett exempel skulle inkludera Times New Roman Semi Bold i storlek 14.
G
21) GIF
ett bildfilformat som bäst används för små bildfiler med få färger och mönster eller animerade bilder. Nedan är ett exempel på en animerad GIF-bild:
22) Gradient
en designteknik där en färg eller del av en bild verkar blekna till en annan.
23) Grid
en rent hypotetisk karta över vertikala och horisontella linjer som hjälper till att justera bilder och text i ett dokument.
H
24) HEX-kod
en kod som används i HTML och CSS för att beteckna en specifik färg, som ofta visas efter pundtecknet (#). Nedan är ett diagram över HEX färgkoder:
25) HTML
det datorspråk som används för att visa innehåll som text, bilder och länkar på webben.
26) nyans
vad de flesta tycker om som ”färg” – röd, orange, gul, etc.
J
27) JPEG
en bildfiltyp som använder förstörande eller förlustfri komprimering, med liten uppfattning i kvalitetsförlust. Denna typ av fil används bäst för fotografier och realistiska målningar där det finns smidiga övergångar mellan färger.
K
28) Kerning
utrymmet mellan enskilda bokstäver.
L
29) Ledande
utrymmet mellan rader av typ.
30) Lossy
en form av datakomprimering där detaljer raderas när filstorleken minskas. En vanlig förstörande komprimeringsmetod är JPEG.
31) förlustfri
i motsats till förstörande komprimering tillåter detta format att bildens detaljer återställs.
M
32) mittlinje
avståndet från baslinjen till toppen av de flesta små bokstäver, inklusive ”e”, ”g” och kurvan för ”h”. vet också som ”median”, som visas nedan. Se ascender, cap höjd, och descender.
N
33) negativt utrymme
det tomma utrymmet som omger en design, oavsett om det är en webbsida eller en enda bild-Se även vitt utrymme.
O
34) öppna typsnitt
den nuvarande standarden i teckensnittsformat. Den innehåller både skärm-och skrivarversionerna i en enda fil och är kompatibel för både Windows och Mac. Filändelsen är .otf.
35) Orphan
en öppningsrad i ett stycke som visas ensam längst ner på en sida. En föräldralös kan också vara ett ord eller en mycket kort rad som visas av sig själv i slutet av ett stycke.
P
36) Pantone
ett färgmatchningssystem utvecklat av Pantone-företaget. Används till stor del i tryckdesign och används för att matcha tryckta färger med de som visas på skärmen under den digitala fasen av designen.
37) PDF
ett filformat som bäst används för att representera dokument och presentationer.
38) Pixel
det minsta elementet i en bild på en dator.
39) pixlar per tum (PPI)
ett annat mått på bildupplösning, beroende på hur många pixlar som finns i en viss del av bilden.
40) PNG
ett bildfilformat som bäst används när bilden har stora områden med enhetlig färg eller en transparent bakgrund (till skillnad från JPEG).
R
41) rektangulära (eller Tetradiska) färger
Fyra färger som är två par kompletterande färger.
42) upplösning
ett sätt att mäta skärpan och detaljnivån i en bild. En högre upplösning indikerar vanligtvis en större filstorlek, som representerar mängden data-som pixlar eller prickar-i bilden.
43) RGB-färgmodell
en akronym som står för färgerna röd, grön och blå. RGB – färgmodellen används för webbdesign, eftersom bildskärmar överför ljus i dessa färger.
s
44) mättnad
hur ljus eller intensiv en färg är.
45) Serif
en liten rad kopplad till slutet av en stroke i vissa teckensnitt. ”Sans serif” avser teckensnitt som inte har den här raden.
46) skugga
hur mycket svart blandas med nyansen.
47) Split-komplementära färger
färger som består av en basfärg, plus de två färgerna som ligger bredvid dess komplementära färg.
48) fyrkantiga färger
på färghjulet är Fyra färger jämnt fördelade från varandra.
49) stam
den primära vertikala stroke i ett brev. Den används i bokstaven ” B ”och den diagonala raden av”V.”
50) stroke
de linjer som utgör en bokstav i ett typsnitt.
T
51) svans
det fallande slaget i en bokstav som ofta är dekorativ-till exempel i bokstaven ”Q.”
52) Terminal
slutet på ett slag som inte innehåller en serif.
53) nyans
hur mycket vitt blandas med nyansen.
54) triadiska färger
färgschema där tre färger som ligger 120 grader från varandra på färghjulet kombineras. Det anses ofta vara det bästa färgschemat.
55) typsnitt
en designsamling av tecken, inklusive bokstäver, siffror och skiljetecken. Exempel är Times New Roman, Helvetica och Arial.
V
56) vektorbild
istället för att använda pixlar för att representera bilder använder vektorer linjer och former. Eftersom de inte är beroende av pixlar behåller förstorade vektorbilder fortfarande bildens tydlighet och kvalitet.
57) visuell hierarki
en designprincip som visuellt beställer och betonar olika delar av innehållets budskap genom att använda färger, storlekar och layouter.
W
58) vattenstämpel
en lätt att se markör placerad över toppen av foton på webben och i tryck. Det används för att identifiera ägaren till en bild och förhindra stöld av visuellt innehåll.
59) Vikt
i typsnitt, tjockleken på stroke bredd. Några exempel inkluderar demibold, ljus och djärv.
60) blanksteg
det tomma utrymmet som omger ett objekt i design — Se även negativt blanksteg.
61) Änka
textavsnittet i slutet av ett stycke som spills över i följande kolumn eller sida.
X
62) x-höjd
i en bokstav, avståndet mellan mittlinjen och baslinjen-se även ascender, cap height, descender och extender.
Z
63) ZIP-fil
ett filformat som komprimerar flera filer och kombinerar dem till en enda mapp. Komprimerade filer förlorar inte data för att bli mindre och återställs enkelt genom att packa upp ZIP-filen.