Bibliotheek

Waarom elke marketeer in 2018 een (parttime) ontwerper moet zijn: 52 ontwerpvoorwaarden en tips om een ​​level omhoog te gaan

Toen ik voor het eerst met marketing begon, had ik niet helemaal voorspeld dat ik ook parttime ontwerper zou worden.

Nu, in 201, is visuele inhoud meer dan 40x meer kans om gedeeld te worden op sociale media dan andere soorten inhoud en het is voor alle marketeers voor de hand liggend en zelfs noodzakelijk geworden om op zijn minst enige basiskennis te hebben van de belangrijkste ontwerptermen.



Gelukkig leven we in een wonderlijke wereld waar iedereen de sprong kan maken van beginner naar gemiddeld en maak goed ontworpen afbeeldingen voor sociale media. Er zijn tools zoals Pablo en Canva die dit ontwerp haalbaar (en mooi) maken.



Maar afgezien van de tools, is het essentieel om uw kennis van design te verbeteren als u uw marketingvaardigheden naar een hoger niveau wilt tillen.

Heb je je ooit afgevraagd wat er mogelijk is met een beetje extra ontwerpkennis in je achterzak?



Het blijkt dat het een redelijke stap is om je afbeeldingen op sociale media van goed naar goed te brengen. En het begint allemaal met een goede basis en begrip van enkele belangrijke ontwerptermen en -principes.

Als u uw social media-afbeeldingen naar een hoger niveau en word een betere marketeer, bekijk dan dit ontwerpwoordenboek voor een spoedcursus over hoe u design beter kunt begrijpen.



52 ontwerptermen uitgelegd voor marketeers

1. Gulden snede

De gulden snede komt voor bij twee objecten die, zodra je de grotere door de kleinere deelt, resulteren in het getal 1.6180 (of daaromtrent). De bekendste gulden snede is de gulden rechthoek, die kan worden opgesplitst in een perfect vierkant en een rechthoek met dezelfde beeldverhouding als de originele rechthoek. U kunt dit zien in de beeldcompositie of het ontwerp van de website en de rasterlay-out.

gouden ratio

via

Door de gulden snede te gebruiken, kunt u ervoor zorgen dat uw afbeeldingen in het oog springen en mooi zijn opgemaakt. Hier is Een voorbeeld van de gulden snede die wordt gebruikt om de ruimte tussen de body van een website en de zijbalk te verdelen:

gouden-ratio-web-design

Hieronder is een ander voorbeeld waar de belangrijkste elementen van het ontwerp allemaal passen binnen een ander deel van de gulden snede:

132-1324x1649

2. Regel van derden

U kunt de regel van derden toepassen door u een 3 × 3 raster voor te stellen dat bovenop uw afbeelding ligt en vervolgens het onderwerp van de afbeelding uit te lijnen met de hulplijnen en hun snijpunten (bijv. Door de horizon op de bovenste of onderste lijn te plaatsen) of toe te staan de elementen van de afbeelding om gemakkelijk van sectie naar sectie te stromen.

regel van derden

via

Zodra je je raster op zijn plaats hebt, worden de vlekken waar de lijnen elkaar kruisen elkaar geven de belangrijkste aandachtsgebieden binnen uw ontwerp aan:

focuspunten

Typografie, tekst en lettertypen

3. Typografie

'Typografie is de visuele component van het geschreven woord', Praktische typografie legt het prachtig uit ​Alle visueel weergegeven tekst, of het nu op papier, scherm of billboard is, heeft betrekking op typografie.

4. Serif

Een serif is de kleine extra streek of rondingen aan het einde van letters.

5. Sans-serif

'Sans' betekent letterlijk 'zonder', en een schreefloos lettertype bevat geen extra streep aan het einde van de letters.

serif

Hoewel er geen vaste regels zijn voor het gebruik van een schreefloos of schreefloos lettertype, het is gesuggereerd dat schreefloze lettertypen moeten worden gebruikt voor online hoofdtekst en serif-lettertypen voor koppen en afdrukken.

6. Script

Scriptlettertypen zijn lettertypen of lettertypen die zijn gebaseerd op historische of moderne handschriftstijlen en zijn vloeiender dan traditionele lettertypen.

Enkele voorbeelden van scriptlettertypen zijn:

Alex Brush

alex-brush-font

En, Grand Hotel

grand-hotel-font

7. Slab serif

Slab serif-lettertypen hebben een geometrisch gevoel dan traditionele serif-lettertypen en bevatten schreven die vierkant en groter en krachtiger zijn.

Een uitstekend voorbeeld van een slab serif-lettertype is Slab Museum

museum-plaat

8. Minivan

Een lettertype met één spatie, (ook wel bekend als een lettertype met vaste toonhoogte, vaste breedte of niet-proportioneel lettertype) is een lettertype waarvan de letters en tekens elk evenveel horizontale ruimte innemen.

9. Hiërarchie

Typografische hiërarchie is een essentieel onderdeel van elk ontwerp of elke lay-out en zelfs als u de term niet kent, weet u zeker dat u hiërarchie in actie heeft gezien op elke website, krant of tijdschrift.

tuts + uitleggen

Typografische hiërarchie is een systeem voor het organiseren van typen dat een volgorde van belangrijkheid vaststelt binnen de gegevens, waardoor de lezer gemakkelijk kan vinden wat hij zoekt en door de inhoud kan navigeren. Het helpt de lezer om te zien waar een sectie begint en eindigt, terwijl het de gebruiker in staat stelt om bepaalde informatie te isoleren op basis van het consequente gebruik van stijl in een hele tekst.

Hier is een voorbeeld om het belang van hiërarchie te illustreren:

hiërarchie 2

10. Kerning

Kerning verwijst naar de ruimte tussen twee specifieke letters (of andere tekens: cijfers, interpunctie, enz.) En het aanpassen van die spatie verbetert de leesbaarheid.

kerning-gif

11. Leidend

Regelafstand bepaalt hoe tekst verticaal in regels wordt gespatieerd. Voorloop wordt gebruikt wanneer inhoud met meerdere regels leesbare tekst en zorgt ervoor dat de afstand van de onderkant van de bovenstaande woorden tot de bovenkant van de onderstaande woorden de juiste spatiëring heeft om ze leesbaar te maken.

leidend

12. Volgen

Volgen is vergelijkbaar met tekenspatiëring in die zin dat het verwijst naar de afstand tussen letters of tekens. In plaats van te focussen op de afstand tussen individuele letters (tekenspatiëring), meet tracking echter de ruimte tussen groepen letters.

13. X-hoogte

De x-hoogte verwijst naar de afstand tussen de basislijn en de gemiddelde regel kleine letters in een lettertype.

x-hoogte

14. Stijgen / dalen

De stijgende lijn is het gedeelte van een kleine letter dat zich uitstrekt boven de gemiddelde regel van een lettertype (de x-hoogte) ​Aan de andere kant is de afstammeling het gedeelte van een letter dat zich onder de basislijn van een lettertype uitstrekt.

Opstijgen

15. Wezen / weduwen

Weduwen en wezen zijn regels tekst die aan het begin of einde van een alinea verschijnen, die alleen boven of onder aan een regel worden gelaten. Er is enige discussie over de exacte definities van deze termen, maar als vuistregel:

  • Wees: A is een enkel woord of een zeer korte regel die aan het einde van een alinea of ​​het begin van een kolom of pagina verschijnt, gescheiden van de rest van de tekst.
  • Weduwe: Een regel aan het einde van een alinea die aan het begin van de volgende pagina of kolom valt, dus gescheiden van de rest van de tekst. Of het begin van een nieuwe alinea die onderaan een kolom of pagina begint.
weduwe

16. Zeer aangelijnd

Lorem Ipsum is gewoon een proeftekst die door de ontwerpindustrie wordt gebruikt. Het wordt gebruikt als tijdelijke aanduiding voor tekst en heeft een min of meer gemiddelde verdeling van letters, waardoor het eruitziet als leesbaar Engels, in tegenstelling tot het gebruik van ‘Voeg hier inhoud toe, voeg hier inhoud toe’ in ontwerpen wanneer de kopie nog niet helemaal klaar is.

line-sectie

Kleuren

17. RGB

RGB-kleur is een model waarin rood, groen en blauw licht op verschillende manieren bij elkaar worden opgeteld om een ​​breed scala aan kleuren te reproduceren. RGB wordt meestal gebruikt voor doeleinden op het scherm.

rgb-kleur

18. Hex

Een hexadecimaal getal is een getal van zes cijfers dat in HTML-, CSS- en ontwerpsoftwaretoepassingen wordt gebruikt om kleuren weer te geven.

hex

19. Palet

Een kleurenpalet bestaat uit kleuren die kunnen worden gebruikt voor elke illustratie of ontwerp dat uw merk vertegenwoordigt. De gekozen kleuren moeten zo zijn ontworpen dat ze harmonieus met elkaar samenwerken.

pallette

20. Monochroom

Monochroom wordt gebruikt om ontwerpen of foto's in één kleur of verschillende tinten van één kleur te beschrijven.

monochroom

21. Analoog

Bij analoge kleurenschema's worden kleuren gebruikt die naast elkaar op het kleurenwiel staan. Ze passen meestal goed bij elkaar en creëren serene en comfortabele ontwerpen.

Analoog

22. Complementair

Kleuren die tegenover elkaar op het kleurenwiel staan, worden beschouwd als complementaire kleuren (bijvoorbeeld: rood en groen).

Gratis

23. Triadisch

Een triadisch kleurenschema maakt gebruik van kleuren die gelijkmatig over het kleurenwiel zijn verdeeld.

Triadisch

24. CMYK

CMYK is een kleurmodel dat wordt gebruikt voor printdoeleinden. CMYK-kleuren beginnen als wit en worden vervolgens donkerder naarmate er meer kleuren worden gecombineerd.

CMYK-kleuren

hoe Facebook-camerafilters te gebruiken

via

25. Pantone

Het Pantone Matching System (PMS) is een gestandaardiseerd kleurreproductiesysteem. Elke tint krijgt een nummer, zodat mensen gemakkelijk naar dezelfde kleuren kunnen verwijzen en deze kunnen reproduceren.

pantone

26. Warme kleuren

Warme kleuren zijn gemaakt met rood, oranjegeel en verschillende combinaties van deze kleuren. Ze geven een vriendelijke, vrolijke, gezellige sfeer.

27. Koele kleuren

Koele kleuren zoals blauw, groen en lichtpaars kunnen kalmeren en kalmeren.

warm koud

28. Kleurentheorie

Kleurentheorieën creëren een logische structuur voor kleur. Er zijn drie basiscategorieën van kleurentheorie : Het kleurenwiel, de kleurharmonie en de context van hoe kleuren worden gebruikt. Begrijpen hoe u verschillende kleuren kunt gebruiken om betekenis over te brengen, is een belangrijk onderdeel van zowel ontwerp als marketing. Hier is een korte handleiding over hoe kleuren onze hersenen beïnvloeden:

Meer weten over kleurentheorie? Uitchecken: Waarom Facebook is blauw? De wetenschap van kleuren in marketing ​

29. Verloop

Een verloop is een geleidelijke verandering van kleuren (zoals groen dat geleidelijk overgaat in blauw) of een kleur die overgaat in transparantie. Er zijn twee veel voorkomende soorten verlopen: radiaal en lineair.

30. Ondoorzichtigheid

Dekking stelt ons in staat om een ​​element van een ontwerp transparant te maken. Hoe lager de dekking, hoe transparanter een element is. 100% dekking betekent bijvoorbeeld dat een object solide is.

ondoorzichtigheid

31. Tint

In wezen is een tint een manier om een ​​kleur te beschrijven. En een tint kan elke kleur op het kleurenwiel zijn. Rood, blauw en geel zijn bijvoorbeeld allemaal tinten.

32. Tint

Een tint is een variëteit van een kleur. Craftsy legt dat uit Tinten worden gemaakt wanneer u toevoegt wit naar elke tint op het kleurenwiel. Dit verlicht en desaturates de tint, waardoor deze minder intens wordt.

tint-tint

Branding en logo's

33. Logo

Een logo is de naam van een bedrijf dat op een visueel unieke manier is ontworpen voor gebruik door dat bedrijf. Wanneer mensen naar een logo verwijzen, verwijzen ze meestal naar het logo van het merk.

34. Logomark / Brandmark

Een logomerk bevat over het algemeen niet de naam van het bedrijf en geeft in plaats daarvan een meer abstracte weergave van dat bedrijf met behulp van een symbool of merk.

logo

35. Icoon

Pictogrammen zijn afbeeldingen die worden gebruikt om een ​​actie of een object weer te geven. Een penpictogram kan bijvoorbeeld staan ​​voor iemand die schrijft (actie) of gewoon een pen (object). Denk bij het gebruik goed na over wat u wilt betekenen en hoe duidelijk het is voor uw publiek.

36. Stijlgids

Een stijlgids is een reeks normen voor het ontwerp van alles wat met uw merk te maken heeft, of het nu een bestemmingspagina van een website, een visitekaartje of een gedrukt document is. De reden om een ​​stijlgids te hebben, is om volledige uniformiteit in stijl en opmaak te garanderen, waar het merk ook wordt gebruikt, om ervoor te zorgen dat dat merk niet wordt verwaterd.

Bekijk als voorbeeld onze Bufferstijlgids hier ​

37. Raster

Een raster is opgebouwd uit gelijkmatig verdeelde kolommen en rijen. Het doel van een raster is om ontwerpers te helpen elementen op een consistente manier te rangschikken. Hier is een voorbeeld van het raster dat we bij Buffer gebruiken:

rooster

Met behulp van het Buffer-ontwerpraster kan een pagina worden onderverdeeld in vijfden, vierden, derde en helften - en elke combinatie hiervan. Elke rasterrij moet onderdelen bevatten die samen één geheel vormen. Bijvoorbeeld een kwart + een helft + een vierde.

line-sectie

Ontwerpvoorwaarden en -technieken

38. Schaal

In ontwerp verwijst schaal naar de grootte van een object in relatie tot een ander object. Twee elementen van dezelfde grootte kunnen als gelijk worden beschouwd. Terwijl elementen met een duidelijke variatie in grootte vaak als verschillend worden gezien.

Bedenk bij het samenstellen van een ontwerp hoe u schaal kunt gebruiken om de betekenis achter uw afbeelding te illustreren. Neem het onderstaande voorbeeld, de grotere cirkel lijkt invloedrijker en belangrijker te zijn dan de kleinere. Je zou zelfs kunnen zeggen dat de kleinere cirkel een beetje verlegen of verlegen is.

schaal

39. Aspectverhouding

Een aspectverhouding is de proportionele relatie tussen de breedte en hoogte van een rechthoek (een rechthoek wordt gebruikt omdat de overgrote meerderheid van schermen breder dan hoog is). Een aspectverhouding wordt gedefinieerd via een wiskundige verhouding, met twee getallen gescheiden door een dubbele punt.

  • breedte hoogte
  • Dit betekent dat 4 inch breed en 3 inch hoog een verhouding zou zijn van 4: 3

40. Textuur

Een textuur wordt gedefinieerd als de oppervlakte-eigenschappen van uw afbeelding. Bij het ontwerpen kunt u texturen zoals stof en metselwerk gebruiken om het visuele uiterlijk van de werkelijke textuur te weerspiegelen.

41. Knolling

Knolling is het ordenen van verschillende objecten zodat ze een hoek van 90 graden van elkaar maken en ze vervolgens van bovenaf fotograferen. Deze techniek zorgt voor een zeer symmetrische look die aangenaam aanvoelt. Afbeeldingen met knolling worden meestal tegen een contrastrijke, effen achtergrond geplaatst.

knolling

via

42. Witruimte

Witruimte, ook wel negatieve ruimte genoemd, verwijst naar het gebied van een ontwerp dat leeg is gelaten. Het is de ruimte tussen grafische elementen, afbeeldingen, tekst en al het andere op de pagina. Ook al staat het bekend als witruimte, het kan elke kleur zijn.

Een uitstekend voorbeeld van witruimte is de startpagina van Google. Het is bijna gevuld met witruimte om gebruikers aan te moedigen zich op de zoekbalk te concentreren:

Google

43. Resolutie

De resolutie van een afbeelding bepaalt de kwaliteit. Als vuistregel geldt: hoe hoger de resolutie, hoe hoger de kwaliteit. Een afbeelding met een hoge resolutie zal helder en scherp zijn, terwijl een afbeelding met een lage resolutie een beetje korrelig en wazig aanvoelt.

hoge resolutie

44. Contrast

Contrast treedt op wanneer twee elementen op een pagina verschillend zijn. Het kunnen bijvoorbeeld verschillende kleuren zijn tussen de tekst en de achtergrondkleur of donkere versus lichte kleuren.

contrast

Een van de belangrijkste redenen om contrast in uw ontwerpen te gebruiken, is om de aandacht te trekken. De beruchte iPod-silhouetadvertenties waren bijvoorbeeld zo gedenkwaardig omdat er een enorm contrast is tussen de witte iPod en oortelefoons en de heldere achtergrond en het silhouet.

ipod2

45. Verzadiging

Verzadiging verwijst naar de intensiteit of zuiverheid van een kleur. Hoe meer verzadigd een kleur is, hoe levendiger of helderder deze wordt weergegeven. Terwijl onverzadigde kleuren een beetje doffer lijken.

verzadiging

Sterk verzadigde afbeeldingen hebben de neiging om op te vallen en de aandacht te trekken, waardoor ze de indruk wekken dat ze zwaarder wegen dan minder verzadigde afbeeldingen. Als u een tekstlaag over een afbeelding wilt toevoegen en deze wilt laten opvallen, kan het gebruik van een minder verzadigde achtergrond een goede manier zijn om dit te doen.

46. ​​Vervaging

Vervaging maakt afbeeldingen onduidelijker of minder duidelijk. Het gebruik van een vervaging kan een geweldige manier zijn om tekst te laten opvallen wanneer deze over een afbeelding wordt gelegd. Wanneer u tekst over een afbeelding plaatst, kunnen de twee elementen een enigszins competitieve relatie vormen (voorbeeld links hieronder) kan een beetje vervaging ervoor zorgen dat de tekst meer opvalt en veel leesbaarder lijkt (rechts onder)

tekstvervaging

47. Gewas

Wanneer u een afbeelding bijsnijdt, snijdt u weg en verwijdert u de onnodige delen van de afbeelding. Met bijsnijden kunt u de nadruk of richting van een afbeelding wijzigen.

Bijsnijden

48. Pixel

Een pixel is een minuscuul gedeelte van een scherm (het woord komt van 'picture element'). Pixels zijn de kleinste basiseenheid van programmeerbare kleuren op een computer en afbeeldingen zijn opgebouwd uit vele individuele pixels.

49. Skeumorphism

Skeuomorfisme is wanneer een digitaal element is ontworpen om eruit te zien als een replica van het fysieke werk. Denk bijvoorbeeld aan de rekenmachine van de iPhone of de kiosk van Apple waar de boekenplank en tijdschriften eruit zien en aanvoelen als in het echt.

Skeuomorfisme

50. Vlak

Plat ontwerp is een minimalistische benadering die zich richt op eenvoud en bruikbaarheid (bijna het tegenovergestelde van Skeuomorphism) ​Het heeft de neiging om veel open ruimte, scherpe randen, heldere kleuren en tweedimensionale illustraties te bieden.

vlak

via

51. Raster

Rasterafbeeldingen zijn opgebouwd uit een set raster van pixels. Dit betekent dat wanneer u de grootte van het uitrekken van een rasterafbeelding wijzigt, deze een beetje wazig kan worden en wat duidelijkheid kan verliezen.

52. Vector

Vectorafbeeldingen bestaan ​​uit punten, lijnen en curven. Alle vormen in een vector worden berekend met behulp van een wiskundige vergelijking, wat betekent dat de afbeelding in grootte kan worden geschaald zonder aan kwaliteit in te boeten. In tegenstelling tot rasters worden vectoren niet wazig wanneer ze worden geschaald. U kunt een aantal geweldige vectorafbeeldingen vinden om in uw ontwerpen te gebruiken op sites zoals Vecteezy

line-end

Terug naar jou

Ik hoop dat je deze duik in ontwerptermen en -definities nuttig vond. Het is verbazingwekkend hoe snel marketeers tools zoals Canva en Pablo kunnen oppikken om prachtige afbeeldingen te maken.

Ik ben benieuwd of er andere ontwerptermen zijn die u regelmatig hoort en ik zou graag wat opheldering willen over? Deel gerust al uw vragen of gedachten in de onderstaande opmerkingen.

Verder lezen:



^