Tag Archief van: ontwerp

De ontbrekende gids voor bestandstypen

Je hebt allemaal verschillende bestandstypes die je kan gebruiken voor verschillende programma’s. Je gebruikt de ene bestandstypen anders dan de ander.

Een AI (Adobe Illustrator) is een bestandstypen waar je een vector-bestand in kan opslaan en bewerken. Vergeleken met een JPG (een pixel-bestand) kan je het vergroten en verkleinen zonder dat de kwaliteit verloren raakt.

Een PSD (PhotoShop Document) is een bestandstypen waarmee je je werk in Adobe Photoshop kan opslaan. Het bestand bestaat uit verschillende lagen die je los van elkaar kan bewerken. Je kunt je ontwerp opslaan als PDF, JPG, PNG, GIF of andere bestandstypes.

Een INDD (InDesign Document) is een bestandstypen waarmee je je werk opslaat, zoals bij een PSD en AI. is INDD van Adobe InDesign. Je kan daar o.a. pagina-indelingen, inhoud en stijlen in maken. Ook kun je je verschillende bestanden koppelen door op ‘Plaatsen’ (of in het Engels: Place) te gebruiken. Je kan het programma gebruiken voor bv. tijdschriften, flyers, kranten en brochures maken.

Foto’s of afbeeldingen exporteren naar…

JPEG of JPG (Joint Photographic Experts Group) is een bestandstypen waarmee je digitaal afbeeldingen opslaat. Het is een groep deskundigen die een methode hebben uitgezet om digitale informatie bij het maken van een foto samen te voegen tot een relatief klein bestand en een goede kwaliteit foto als resultaat. Om de oorspronkelijke digitale informatie terug te vinden en/of bewerken, kan je met een RAW-bestand (ruwe).

PNG (Portable Network Graphics) is een bestandstypen voor afbeeldingen, net zoals JPEG. PNG-bestanden ondersteunen tot wel 16 miljoen kleuren, en kan worden samengevoegd zonder dat je de kwaliteit verliest. In zo’n geval wordt JPEG snel korrelig. Het bestand is perfect voor online publicatie.

Een GIF (Graphics Interchange Format) is een bestandstypen, en speciaal ontworpen voor netwerk-graphics. Het voordeel hiervan is de kleine grootte, de transparantie/animatie ondersteund en een universele toegankelijkheid heeft.

SVG (Scalable Vector Graphics) kun je toepassen op afbeeldingen en animaties die je kan aanpassen aan elk beeldschermgrootte zonder dat de grafische kwaliteit verloren gaat. SVG wordt ondersteund door o.a. Adobe Illustrator. Je kan zelfs met SVG-animatie(s) maken.

Een PDF (Portable Document Format) is een bestandstype waarmee je documenten kan presenteren en vrij kan delen met anderen. Een Pdf-bestand kan koppelingen, knoppen, formuliervelden, audio/video en bedrijfslogica bevatten.

De belangrijkste lettertypes

Veel van ons hebben wel is een lange tekst moeten schrijven voor school of werk, ook hebben veel mensen een favoriet lettertype. In deze infographic kom je misschien wel jouw favoriete lettertype tegen.

Er zijn wel duizenden lettertypes, sommigen worden vaker gebruikt dan anderen. Als je een beetje geïnteresseerd bent in lettertypes dan herken je Helvetica vast wel. Helvetica is een van de meest gebruikte lettertypes in de wereld.

Infographic lettertypes in de wereld

In elk deel van de wereld is de cultuur net wat anders, dit zorgt ervoor dat de voorkeur naar een bepaald lettertype ook anders is. In deze infographic zie je de belangrijkste lettertypes en waar ze vandaan komen.

 


Land van herkomst: USA
Infographic designer: Shelby White
Opdrachtgever: Shelby Whit
Bron: Shelby White
Formaat: 1275 × 1700


Kleuren


Infographic so you need a typeface?

Wanneer je een lettertype nodig hebt kijk je waarvoor je het gaat gebruiken en wat de eisen zijn, maar vaak is het heel lastig het perfecte lettertype te vinden.

De flowchart


Als je een font nodig hebt dan is het vooral handig om te weten waar je het font voor gaat gebruiken. Als je dat weet kan je in de flowchart hier beneden kijken voor het perfecte font.

Icon fonts


Er zijn ook lettertypes die geen letters, cijfers etc bevatten. Deze fonts bevatten icoontjes die handig te gebruiken zijn op websites voor de knoppen, of in logo’s. Een goed voorbeeld van zo’n icon font is FontAwesome.

 

 

 


Land van herkomst: Denemarken
Infographic designer: Julian Hansen
Opdrachtgever: Julian Hansen
Bron: Julian Hansen
Formaat: 2479x 1743


Kleuren

 


8 webdesign trends die er aan komen

Mocht je dit jaar om wat voor redenen dan ook een website willen starten, dan moet die ontworpen worden. Dat is tegenwoordig niet zo heel moeilijk, maar toch staat of valt een goede website bij het webdesign. En dan is het handig om te weten wat de trends van dit moment zijn.

Webdesign is in eerste instantie het vormgeven van websites in het internet, maar de term wordt regelmatig in bredere zin gebruikt, waarbij ook het technisch ontwikkelen van websites als onderdeel wordt gezien. Omdat deze twee onderdelen regelmatig niet door dezelfde persoon worden uitgevoerd, kan ook een verdeling worden gemaakt tussen webdesign, dat zich voornamelijk richt op de front-end van websites en webdevelopment (webontwikkeling) wat zich op de backend, of technische realisatie ervan richt. 

Webdesign vertoont gelijkenissen met het grafisch ontwerpen van traditioneel drukwerk, maar er zijn opvallende verschillen. Zo kunnen video en audio deel uitmaken van webdesign en verloopt de interactie met de bezoekers anders.

Over de infographic

In de infographic hieronder zie je de acht grote webdesign trends van 2019.  In de infographic staan de trends toegelicht met een kort tekstje en afbeelding. Handige leidraad voor beginnende webdesigners


Land van herkomst: VS

Infographic designer: Unknown

Opdrachtgever: Apptechcorp

Bron: Froot.nl

Formaat: 1200 x 6307


Typografische terminologie

Omdat er zoveel verschillende benamingen zijn bij typography hebben wij speciaal voor jou deze infographic om het beter te begrijpen.

De termen zijn onder andere kleine dingen zoals hoe de letters eruit zien. Je hebt ook benamingen van de ruimte tussen en om de letters heen. Hoogtes en diktes zijn bij typografie erg van belang. Wanneer je weet hoe deze genoemd worden, dan zal je dat zeker helpen. De infographic vertelt niet alleen de benaming, maar ook hoe het eruit ziet en over welk onderdeel van de letter het gaat. Bekijk de infographic om typografie nog beter te begrijpen.

Land van herkomst:UK
Infographic designer:Phil Garnham
Opdrachtgever:Fontsmith
Bron:The a-z of typographic terms
Formaat:2344 x 1678


Kleuren


Kleurprofielen en afdrukken uitgelegd

Om je projecten er goed uit te laten zien is het goed om het verschil te weten tussen de kleur profielen en wat voor effect het heeft op je printwerk of digitale werk.


De standaard kleurprofielen zijn: CMYK, RGB en Pantone, deze infographic gaat je uitleggen waarvoor ze gebruikt worden en wat het verschil is.
Bij printen is het belangrijk dat je de verschillende print processen kent en weet hoe het effect kan hebben op je werk, de print processen zijn: spot color, full color en digitaal printen.

Land van herkomst:USA
Infographic designer:The Logo Company
Opdrachtgever:The Logo Company
Bron:The source
Formaat:1026 x 4522


Kleuren


De vele pantsers van Iron Man

Iron Man heeft altijd wel een pantser aan maar hoeveel heeft hij er nu eigenlijk gehad?

Iron Man’s armor

Iron Man’s armor is een fictief aangedreven exoskelet dat voorkomt in Amerikaanse stripverhalen die door Marvel Comics worden gepubliceerd en wordt gedragen door comic-boek superheld Tony Stark wanneer hij de identiteit van Iron Man aanneemt. Het eerste pantser is ontworpen door de kunstenaars Don Heck en Jack Kirby en verscheen voor het eerst samen met Tony Stark in Tales of Suspense

De vele pantsers van Iron Man

Land van herkomst: USA
Infographic designer: Reddit
Opdrachtgever: Reddit
Bron: Reddit
Formaat: 1310 × 2060


Kleuren


Hoe optimaliseer je een website

Bijna elk bedrijf heeft een website. Ook veel mensen hebben een eigen website of blog als hobby. Wil jij er ook eentje beginnen? In deze infographic zie je hoe je een goed fundament legt voor een website.

Websites op hun beste

Er zijn drie fases bij het creeëren van je eigen plek op het internet. De planning is om duidelijk te krijgen wat het doel van de website is en hoe gebruikers erop zullen reageren. De tweede fase is het ontwerp waarbij je moet denken aan de lay-out, kleuren en vormen die je wilt gebruiken. De derde fase is het testen en verbeteren van de site. Hieronder staat de infographic met informatie en uitleg. Veel succes!
hoe optimaliseer je een website
Land van herkomst: Onbekend
Infographic designer: Lemon Graphic
Opdrachtgever: Infographicjournal
Bron:[/label  Infographicjournal
[label]Formaat:
 3250 x 4992


Kleuren