Typografieconcepten voor schermen
A course by Gemma BusquetsOntwerper
A course by Gemma Busquets, Ontwerper
Leer de perfecte typografie te kiezen en bewerken voor elk digitaal project
Van de leesgewoonten van de gebruiker tot apparaten, browsers en besturingssystemen ... Om een lettertype voor digitale inhoud te kiezen, moet rekening worden gehouden met veel factoren die bepalen dat teksten leesbaar zijn en er goed uitzien op schermen. Gemma Busquets —grafisch ontwerper, art director en docente — is een specialist op dit gebied, met meer dan 10 jaar ervaring in het samenwerken voor klanten zoals Dell, San Miguel, Huffington Post, Coca-Cola, Nike, Peugeot of Puig en het delen van haar kennisonderwijs in de Master of Infographics en Data Visualization van de BAU (Barcelona).
In deze cursus leert Gemma je de nodige kennis om typografie perfect te visualiseren op schermen. Aan het einde van de cursus ben je in staat om de tekst van je website, blog, portfolio, digitaal magazine of ebook te verbeteren zodat deze de boodschap beter overbrengt, leesbaar is en een duidelijke structuur heeft.
Wat leer je tijdens deze online cursus?
23 lessen & 17 aanvullende bronnen
Laatste project
1 minuut, 1 seconde
Een beetje geschiedenis
5 minuten, 33 seconden
Het belang van typografie in digitale formaten
7 minuten, 52 seconden
Hoe we lezen op het scherm
5 minuten, 4 seconden
Apparaten, schermen en formaten
7 minuten, 29 seconden
Microtype en macro afdrukken
2 minuten, 34 seconden
Wat is inbegrepen in deze cursus?
Eerst maak je kennis met Gemma, die je iets zal vertellen over haar passie voor design, haar professionele carrière als ontwerper en docent, evenals de meest representatieve projecten die ze voor grote merken heeft gedaan. Daarnaast zal hij zijn invloeden delen, die variëren tussen boeken en websites die als inspiratie zullen dienen.
Je leert een beetje geschiedenis en het belang van typografie in digitale formaten. Je begrijpt de verschillen tussen ontwerpen met typografie op papier en digitaal, rekening houdend met apparaten, schermen en formaten. Je zult zien wat micro- en macrotypografie is en je zult de concepten kennen van __ , anti-aliasing en orthotypografie.
Hoe een lettertype kiezen? Waar vind je een ideale voor displays? Gemma legt alles uit wat je nodig hebt om de perfecte typografie voor je project te krijgen, laat je de websites zien waar je het kunt downloaden en de kenmerken die het moet hebben om lezen op het scherm uit te nodigen.
Je kiest verschillende lettertypen voor verschillende functies van de tekst: koppen, hoofdtekst en interactieve elementen, en duikt vervolgens in de compositie. U ziet alles over de aanbevolen lettergrootte om digitaal te lezen en hoe u deze moet aanpassen aan het apparaat waarop het lettertype wordt weergegeven.
U maakt een raster om de inhoud op de pagina te ordenen, u definieert een geschikte kolombreedte en leert hoe u een hiërarchie tussen de elementen van de pagina kunt vaststellen, rekening houdend met een belangrijk element: de witruimte.
U voert een laatste controle uit om te testen hoe het lettertype eruitziet in verschillende browsers en besturingssystemen, met behulp van enkele tools en trucs die Gemma met u zal delen.
Aan het einde van de cursus heb je de nodige kennis om de typografie voor een digitaal project te kiezen en daarnaast weet je hoe je moet werken zodat je teksten prettig leesbaar zijn.
What is this course's project?
Stap voor stap voer je het ontwerp van een digitaal magazine voor het web uit.
Projecten van studenten van de cursus
Who is this online course for?
Voor iedereen die een handleiding nodig heeft over het werken met typografie in digitale omgevingen.
Requirements and materials
Er is geen voorkennis vereist. Wat betreft de materialen heb je een computer nodig met een ontwerpprogramma zoals Adobe Photoshop, InDesign of Illustrator. Als je Sketch, Figma of Adobe XD hebt, nog beter.
Beoordelingen
- 6 maanden geleden
Es un curso muy práctico que me llenó de herramientas para mi vida profesional.
- 10 maanden geleden
Muy bueno.
- 1 jaar geleden
For someone with basic knowledge on typography, I really feel like the course helped me level up. I applied everything I learned here in my existing materials, and the improvement can be seen by everyone
- 1 jaar geleden
Me gusto el curso porque es muy practico y ella explica muy bien.
- 1 jaar geleden
Me ha parecido apropiado la manera de explicar el proceso de usabilidad de la tipografia en pantalla y como escoger las tipografias para el diseño de materiales como los educativos
Inhoud
- U1
Introductie
- Presentatie
- invloeden
- Laatste project
- U2
Overwegingen
- Een beetje geschiedenis
- Het belang van typografie in digitale formaten
- Hoe we lezen op het scherm
- Apparaten, schermen en formaten
- Microtype en macro afdrukken
- Hints en anti-aliasing
- orthotypografie
- U3
Typografische keuze
- Vorige reflecties
- Waar vind je schermlettertypen?
- Kenmerken van sommige lettertypen die we moeten vermijden
- Typografie voor hoofdtekst en koppen
- Interactieve elementen
- U4
Samenstelling
- Lettertypegrootte
- Leidend en verticaal ritme
- dradenkruis
- De tekstkolom
- Hiërarchie
- Lege ruimte
- U5
Laatste details en controles
- Test de typografie
- Laatste check
- EP
Eindproject
- Schermtypografieconcepten
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
You’ll learn how to select, combine, and apply fonts for digital projects, enhancing readability and usability across websites, online magazines, e-books, and apps, using professional layout techniques, CSS, and current digital tools.
This course is aimed at those with basic graphic or digital design knowledge and is intermediate level. Prior experience with design and digital tools is recommended.
You’ll need some background in graphic design and basic digital editing software. Access to tools like Sketch, layout software, and basic CSS and HTML knowledge is also recommended.
The course teaches you to compare font families, analyze readability and technical compatibility, and tailor your choices based on audience, format, and digital context for the best reading experience.
Yes, it covers techniques and criteria for readability, including line spacing, size, contrast, visual hierarchy, and composition to enhance reading across devices.
You’ll learn to spot and apply key differences like size, hinting, contrast, and composition, adapting typography to the technical specifics of digital devices.
Yes, the course shows how to implement web fonts with CSS, use Google Fonts, enable ligatures, and fine-tune typographic settings for professional digital results.