Tag Archief van: design

WordPress en haar enorme expansie

WordPress is een van de populairste content management systemen (CMS) op het internet. Dit platform wordt gebruikt door miljoenen mensen wereldwijd om websites en blogs te maken en te beheren.

Het aantal gebruikers en websites

De infographic laat de enorme expansie van WordPress zien tussen 2002 en 2022. In 2002 was WordPress nog een kleine speler in de markt, met slechts een paar duizend gebruikers. In de afgelopen twee decennia is het platform enorm gegroeid en is het nu het meest populaire CMS op het internet, met meer dan 60 miljoen websites die gebruikmaken van het platform.

De groei van WordPress is vooral te zien in het aantal gebruikers en het aantal websites dat op het platform draait. De groei van WordPress is ook te zien in de verschillende soorten websites die op het platform draaien. In 2002 waren het vooral blogs die op WordPress draaiden, maar in 2022 is het platform ook geschikt voor allerlei soorten websites, van e-commerce sites tot corporate websites en nog veel meer.

“WordPress is het meest populaire CMS op het internet, met meer dan 60 miljoen websites die gebruikmaken van het platform.”

Redenen van groei

De enorme expansie van WordPress is te danken aan het gebruiksvriendelijke en veelzijdige platform. Het is gemakkelijk om mee te werken, heeft een groot aantal functionaliteiten en kan gemakkelijk worden aangepast aan de behoeften van elke gebruiker. Dit maakt het een ideale oplossing voor iedereen die een website of blog wil maken en beheren.

WordPress en haar enorme expansie


Land van herkomst: USA
Infographic designer: Pantheon
Opdrachtgever: Pantheon
Bron: Pantheon
Formaat: 2376 x 3672


Kleuren

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.

Hoe snelheid je website beïnvloed

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://www.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

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

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

 


Infographic logo design trends voor 2019

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?

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

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