Tag Archief van: design

Hoe snelheid je website beïnvloed

/in

Weinig dingen zijn zo frustrerend als traag internet. Vaak kijken we onze providers aan voor het hebben van een matige verbinding, maar er schuilt een addertje onder het gras. Misschien zijn zij niet aansprakelijk. Wat als ik je zou vertellen dat er een niet voor-de-hand liggende factor is waar je al die tijd overheen hebt gekeken.

Heb je ooit een website gezien zonder afbeeldingen? Wij niet. Het zijn de slingers die onthullen dat er een feestje is. Een juist ingekleurde kleurplaat; Afbeeldingen zijn de fundamentele bouwstenen voor websites. Website bezoekers zijn als kinderen die een boek lezen: plaatjes zijn cruciaal. Logisch is dus om je metaforische boek van een website goed voorziet van plaatjes. Wist je echter dat afbeeldingen soms dé boosdoener kunnen zijn van een langzame website?

Veel afbeeldingen staan gewoon ongecomprimeerd op de site, en de reden hiervoor is waarschijnlijk omdat we niet veel nadenken bij de bestandsgrootte van afbeeldingen. Het is een spreekwoordelijke no-brainer om hem maar gewoon te uploaden. Daarbij is er een associatie met afbeeldingen en kilobytes. De kans dat je dit over het hoofd ziet is best groot.

Ongecomprimeerde afbeeldingen

Een logische consequentie is dat de website traag is. Maar niet alleen dat: het laden van de website op een zwakker apparaat zoals een verouderde computer of een telefoon is een digitale hel. Afbeeldingen die niet gecomprimeerd zijn bestaan uit veel data. Het gevolg is dat het laden van ongecomprimeerde afbeeldingen langer duurt dan het laden van gecomprimeerde afbeeldingen.

https://coolinfographics.nl/infographics/2020/2020-045-hoe-snelheid-je-website-be%C3%AFnvloed.jpg

Hoe snelheid je website beïnvloed

Een snelle en uitgebreide lettertype gids

/in

‘Typografie’ is grafisch vakjargon voor ‘het gebruik van lettertypes’, ook wel ‘fonts’ genoemd.

Elk lettertype heeft een eigen karakter, een vormentaal die dient aan te sluiten bij de informatie, beeldmateriaal en de doelgroep. Kortom, de context waarbinnen het lettertype wordt vormgegeven. Deze vormentaal is cruciaal voor de leesbaarheid, uitstraling, compositie en identiteit van het ontwerp.

Lettertype beschrijving infographic

Een slecht gebruik van typografie kan een ontwerp maken of breken. ‘Het ziet er wel leuk uit’ is niet zo’n goed argument om een bepaald font te gebruiken. Het font moet dienstbaar worden ingezet binnen de context van het geheel.

 

 

 

 

Land van herkomst: Unknown.
Infographic designer: Unknown
Opdrachtgever: Unknown
Bron: Aeolidia
Formaat: 700×1946

Kleuren

De belangrijkste lettertypes

/in , ,

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?

/in

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

 

Infographic logo design trends voor 2019

/in

Elk jaar zijn er weer nieuwe trends, dat is ook zo met logo’s, maar wat zijn precies de trends met logo’s voor 2019?

Minimalisme en typografie

Minimalisme is de kunst om zo eenvoudig mogelijk een doel te bereiken. Vaak gaat minimalisme gepaard met logo’s die alleen typografie bevatten. Bijvoorbeeld het Coca Cola logo iedereen kent het en weet gelijk dat het cola is, maar het logo zelf is heel eenvoudig en bevat alleen tekst.

 

Overlappen

Ook het overlappen van logo’s is erg populair een bekende is het Ebay logo. Ook MasterCard en PayPal gebruiken deze stijl in hun logo’s. Het is ook een trend dat dit soort logo’s vaak minimalistisch en of alleen typografie zijn.

 

 

Land van herkomst: V.S.
Infographic designer: unknown
Opdrachtgever: 42works.net
Bron: 42works.net
Formaat: 1295 x 7000

Kleuren

 

Hoe bouw je een website?

/in ,

Je eigen website maken is eenvoudiger dan je misschien denkt. Zelfs als je geen bedrijf hebt, kan een eigen website heel handig zijn. Steeds meer mensen willen graag iets individueels creëren in plaats van een standaardprofiel op LinkedIn of Facebook. Waarom geen eigen website met je eigen domeinnaam?

Moet ik kunnen programmeren?

Dat hangt er vanaf waar je je website voor wilt gebruiken. De meest ingewikkelde manier is om te leren programmeren in HTML, CSS, JavaScript en PHP. Dat zijn de programmeertalen die voor zo’n beetje elke website worden gebruikt.

Maar er zijn andere manieren om een website te maken: ook als je niet veel weet van de technische kant, kun je toch eenvoudig een goede website maken.

Door een websitemaker te gebruiken. Als je met Word, Facebook of PowerPoint kunt omgaan, dan kun je ook zonder problemen met dit soort tools leren werken. Deze eenvoudig te gebruiken platforms bieden een visuele editor, hosting en de mogelijkheid om een domeinnaam te reserveren: alles wat je nodig hebt via een provider.

Een website maken met een contentmanagementsysteem

Een contentmanagementsysteem (CMS) werkt in principe hetzelfde als een websitemaker, maar is veel ingewikkelder in gebruik. We beperken ons hier tot WordPress, het populairste CMS, maar er zijn ook een heleboel andere systemen, zoals Joomla!, Drupal en Typo3. Dankzij hostingbedrijven die de mogelijkheid bieden om WordPress met één klik te installeren is het opzetten niet echt moeilijk.

Je kunt ook eenvoudig sjablonen instellen en aanpassen met behulp van ontwerpopties. Maar: als er iets in zit waar je niet tevreden mee bent, zul jij (of je programmeur) waarschijnlijk de CSS- of HTML-code moeten aanpassen. In de infographic hieronder een aantal tips hoe  je een goede website bouwt.

Infographics Hoe bouw je een website

Land van herkomst: Unknown

Infographic designer: Unknown

Opdrachtgever: Buildawebsite.biz

Bron: Infographic.tv

Formaat: 758 x 3233

Kleuren

Typografische terminologie

/in

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