dinsdag 8 augustus 2017

Hoe maak je leuke (interactieve) plaatjes voor werkbladen, werkboekjes en digibordlessen? [4]

In 2016 schreef ik op Edu-Curator de blogposts
In deze blogpost vind je een aanvulling op de hierboven genoemde blogberichten. Deze aanvulling betreft een hoeveelheid 'links' m.b.t. het zelf ontwerpen en maken van icoontjes (pictogrammen), favicons, logo's, banners en/of het kiezen van een mooi gratis lettertype.

Deze aanvulling is niet alleen bruikbaar voor werkbladen en werkboekjes, maar met name interessant als je een klassenblog, klassenwebsite, schoolwebsite en/of Yurls beheert. Overigens zijn de 'tips' genoemd in die eerdere blogposts ook heel goed bruikbaar als je 'online' actief bent.

Meer informatie over afbeeldingen vind je op

1. Favicons


Wat is een favicon?



Een favicon is een hele kleine vierkante afbeelding die verschijnt in het tablad en de bladwijzerbalk van jouw browser.

▶ Deliciae design: 'Wat is een favicon en waarom je er een nodig hebt'
"Bij een website hoort een favicon. Het wordt niet voor niets de kers op de taart genoemd omdat het de algehele design compleet maakt. Maar… wat is een favicon nu precies? [...] Lees het volledige bericht ⋙

▶ Mijn-eigen-website.nl: 'Waarom iedere website een favicon nodig heeft'
"Een favicon is niet moeilijk te maken en zorgt ervoor dat je website gemakkelijk te herkennen is.
Voor het geval je niet precies weet wat een favicon is: dat is zo’n klein plaatje dat je vaak links van een websitenaam in de url-balk ziet staan. Bij mijn website is dat bijvoorbeeld een groen vierkantje met de witte letters www erin. Maar waarom heb je eigenlijk zo’n favicon nodig? [...] Lees het volledige bericht ⋙

Op onderstaande websites kun je gratis en zonder registeren een favicon maken


2. Iconen / pictogrammen


Wat is een icoon of pictogram?


Pictogrammen op het 'bureaublad' van mijn laptop

Op onderstaande websites kun je gratis en zonder registeren een pictogram maken

Interessant is ook deze website: Material Design - ICONS (van Google)
"Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.
Material icons are beautifully crafted, delightful, and easy to use in your web, Android, and iOS projects. Learn more about material design and our process for making these icons in the system icons section of the material design guidelines." Ga naar de website ⋙
Zie ook: Material Icons Guide ⋙

De iconen kun je hier gratis downloaden en daarna zelf bewerken.

3. Fonts / Lettertypes


Wat is een font of lettertype?

Zie Wikipedia: 'Lettertype' ⋙


Heel mooi zijn de Google Fonts. Website / URL: https://fonts.google.com/

Zie mijn blogposts


Artikelen / websites over Google Fonts

Artikelen over fonts in het algemeen


"Als je zelf logo’s en afbeeldingen maakt dan is een niet alledaags en onderscheidend lettertype een mooie toevoeging. Tenminste, als je wel rekening houdt met het feit dat ook lettertypes auteursrechtelijk beschermd (kunnen) zijn en je dus niet zo maar alle lettertypes van internet kunt gaan plukken. Gelukkig zijn er vele sites te vinden waar je duizenden gratis lettertypes kunt downloaden die je meestal voor zowel commercieel als niet-commerciële doelen vrij mag gebruiken [...]" Lees het volledige artikel ⋙
 Computer Idee: 'Creëer je eigen lettertype' (uitlegfilmpje)
"Er zijn heel, heel veel lettertypes. Maar toch kan het gebeuren dat uit het grote aanbod, het lettertype wat je voor ogen hebt, niet te vinden is. Geen nood, er zijn programma’s waarmee je je eigen lettertype kunt ontwerpen. Een van die programma’s is Birdfont. Hoe je Birdfont kunt gebruiken, zie je in deze how to." Lees het volledige artikel ⋙
"Finding the perfect font can be a challenge. You know the name of the prohibitively expensive font you wish you could use, but need to find a free alternative? Or you have a picture of a font as inspiration, but don’t know what the font is called? A few free online tools make it easy to find that perfect free [...]" Lees het volledige artikel ⋙

Website waar je lettertypen kunt kiezen die bij elkaar passen


4. Gratis 'Logo'-makers


Wat is een logo?


Op onderstaande websites kun je gratis en zonder registeren een logo maken

Meer gratis 'logo'-makers vind je via Google ⋙

5. Banners


Wat is een banner?

Zie Wikipedia: 'Reclamebanner' ⋙

Voorbeeld van een 'banner'. Bron: Publiek Domein - Via Wikimedia Commons

Op onderstaande websites kun je gratis en zonder registeren een banner maken


6. Alles helemaal zelf maken ...

Je kunt natuurlijk ook helemaal zelf icoontjes (pictogrammen), favicons, logo's en banners maken. Je bent dan niet afhankelijk van allerlei tooltjes.
Gebruik dan bijvoorbeeld het gratis:


Tot slot ...

  • Disclaimer! De hierboven genoemde tooltjes heb ik zelf (nog niet) uitgeprobeerd. Het gebruik ervan is dus geheel voor eigen risico.
  • De hierboven genoemde tooltjes zijn slechts voorbeelden. Als je zoekt op 'Google' vind je er vast nog veel meer.
  • Nog een tooltje die ik vond is 'Dynamic Drive - Button Maker Online'. Met dit gratis online tooltje kun je 'knoppen' (buttons) maken.
Veel succes met het maken van je eigen creaties! En..., weet je zelf gratis online webtools om icoontjes (pictogrammen), favicons, logo's en banners te maken, dan hoor ik dat graag. Je kunt de 'links' van deze tooltjes delen via de 'reacties' onder dit bericht of via het contactformulier. Alvast dank voor de moeite!

Geen opmerkingen:

Een reactie posten