‘Typography’ Videos

  • Hemant Kumar: Importance of Colors and Typography in modern webpage design

    Hemant Kumar: Importance of Colors and Typography in modern webpage design

    WordCamp Kathmandu 2019Speaker: Hemant Kumar

    June 5, 2019 — Colors and Typography play vital roles in modern web design and have a great impact on the audience. The Color, font and text all come together to make the brand distinct in the eyes of the user. Informed decision of color palette and typefaces for a website transforms into faster brands acceptance.

  • Ana Cirujano: Fuentes variables: el futuro de la tipografía web

    Ana Cirujano: Fuentes variables: el futuro de la tipografía web

    WordCamp Granada 2018Speaker: Ana Cirujano

    December 11, 2018 — La tipografía es una disciplina del diseño gráfico que estudia la composición de los textos en armonía con las imágenes y otros elementos. Tradicionalmente, en diseño editorial, los tipógrafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y fáciles de leer. Durante años ha sido muy difícil conseguir esto mismo en diseño web, ya que la tecnología no lo permitía.

    En los últimos años y gracias a tecnologías como OpenType o las webfonts, se mejora mucho el panorama, pero no se consiguen grandes avances, ya que se valora más la velocidad de carga de la web que su aspecto visual.

    Hoy, utilizando fuentes variables, podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean más legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.

    Las fuentes variables cambian sus propiedades —como el ancho o el peso, por ejemplo— ¡utilizando un único archivo!

    Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este año, por lo que veremos cómo se utilizan en WordPress (código CSS) y qué ventajas tienen respecto a las demás fuentes. También veremos ejemplos reales de aplicación de fuentes variables y cómo se crea una fuente variable.

    Presentation Slides »

  • Tori Pugh: The Importance of Typography: Design, Usability, Cost and Loading Times

    Tori Pugh: The Importance of Typography: Design, Usability, Cost and Loading Times

    WordCamp Philadelphia 2018Speaker: Tori Pugh

    December 5, 2018 — The most important points of modern typography boil down to Design, Usability/Accessibility, Cost, and Loading Times. The choice between finding a harmonious balance of serifs, sans, or both shouldn’t be difficult with the vast amount of options. They can be purchased, subscribed, or free. There is something to fit every budget and design decision. Usability is a combination of selected font and size. The size is most important when it comes to the responsive nature of a site. Understanding the probably reading distances of each device helps in judging these choices. This is a big problem. People don’t understand the actual cost of good type, and may feel cheated or overwhelmed.

    Good type makes a difference and is worth the investment. If this is not in your budget there are many other options to consider, not forgetting that type can become apart of a good brand and for full brand consistency might look good on a site. A good website loads in a reasonable amount of time, less than 3 seconds. When choosing web fonts, the choices you make can cause some significant load time issues. Sometimes these issue might be okay, sometimes not. Here are some things to keep in mind when making a decision, will it stop the page from loading completely, do you mind having unstyled text for a moment, adding unecessary outside calls (if using a google fonts or Typekit like service.

  • Tipografía responsive: mejora el diseño de tu web. Ana Cirujano

    Tipografía responsive: mejora el diseño de tu web. Ana Cirujano

    WordPress Meetup MadridSpeaker: Ana Cirujano

    March 7, 2018 — Ana Cirujano nos dará algunas recomendaciones de composición de textos optimizados para todos los dispositivos, que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea… aprenderemos a tomar decisiones de diseño para conseguir comunicar eficazmente, que nuestros usuarios disfruten más del sitio web y que aumente el tiempo de permanencia en la página y obtengamos más visitas.

    Presentation Slides »

  • Ana Cirujano: Tipografía responsive: maqueta textos para todos los dispositivos

    Ana Cirujano: Tipografía responsive: maqueta textos para todos los dispositivos

    WordCamp Santander 2017Speaker: Ana Cirujano

    November 22, 2017 — Aprenderemos cómo componer los textos de una web para que sean más legibles y cómo maquetar para que se adapten a todos los tamaños de pantalla, de una manera muy gráfica: a través de ejemplos de malas prácticas y cómo podríamos mejorarlos.

    Presentation Slides »

  • Mel Choyce: Beautiful Web Typography

    Mel Choyce: Beautiful Web Typography

    WordCamp Montreal 2017Speaker: Mel Choyce

    September 26, 2017 — With the rapid popularization of web fonts over the past few years, type on the web has never been more exciting! We’ll learn a bit about basic typographic principles, review techniques and services for integrating web fonts into your WordPress sites, and finally conclude with a bit of speculation on where type on the web is heading.

    Presentation Slides »

  • Frédérique Game: Typeface, Typography, Theme… Design Matters.

    Frédérique Game: Typeface, Typography, Theme… Design Matters.

    WordCamp Geneva 2016Speaker: Frédérique Game

    June 21, 2017 — In design, fonts and typography are essential to deliver a certain perception of the website.
    And a relevant message. Moreover, it’s important to take care of disabilities.
    Designing themes and websites need to follow some good practices.
    What’s about using best font services, tools and methods for implementing awesome and relevant fonts in your WordPress website.

    Prerequisites: no specific prerequisites to attend this talk, it would be useful for anyone who needs to learn how typography can improve his website, and a simple reminder for those (as designers) who need to implement custom web fonts.

    Presentation Slides »

  • Mel Choyce: Beautiful Web Type

    Mel Choyce: Beautiful Web Type

    WordCamp Portland ME 2017Speaker: Mel Choyce

    June 2, 2017 — With the rapid popularization of web fonts over the past few years, type on the web has never been more exciting! We’ll learn a bit about basic typographic principles, review techniques and services for integrating web fonts into your WordPress sites, and finally conclude with a bit of speculation on where type on the web is heading.

  • Alison Chandler: Typography - The Backbone of Your Website Design

    Alison Chandler: Typography – The Backbone of Your Website Design

    WordCamp Atlanta 2017Speaker: Alison Chandler

    April 15, 2017 — Choosing typefaces and applying them to your WordPress website can be frustrating, even designers go around and around about this. There are so many options and decisions to make—it’s hard to know where to begin. What gives?

    You will learn the importance of typography in website design, how to choose font families, and tips for implementation. Armed with the basic understanding of typography and how it relates to the success of your website, you will be confident the choices you make will be based on more than a whim.

  • Γιώργος Ματθιόπουλος: Είναι πολυτέλεια η τυπογραφική τέχνη στη διαδικτυακή επικοινωνία;

    Γιώργος Ματθιόπουλος: Είναι πολυτέλεια η τυπογραφική τέχνη στη διαδικτυακή επικοινωνία;

    WordCamp Athens 2016Speaker: Γιώργος Ματθιόπουλος

    January 22, 2017 — Η λογαριθμικά αυξανόμενη χρήση των ψηφιακών συσκευών πληροφόρησης έχει οδηγήσει σε ένα περιβάλλον παραγωγής και ανταλλαγής περιεχομένου το οποίο βρίσκεται είτε υπό τον έλεγχο ειδικών στην επιστήμη των υπολογιστών είτε πλέον του απλού χρήστη, συχνά όμως με ελλειπή αίσθηση ή ενδιαφέρον για τη σπουδαιότητα της παρουσίασης του μηνύματος στην οθόνη. Επιπλέον, η ταχύτητα με την οποία νέα κοινωνικά στρώματα και ηλικιακές ομάδες έχουν εισέλθει στον χώρο ως παραγωγοί και καταναλωτές οδηγεί στην ανάγκη ευαισθητοποίησης όλων στους βασικούς κανόνες αισθητικής και αρμονικής αλληλεπίδρασης παραμέτρων όπως οι τυπογραφικοί χαρακτήρες, οι εικόνες, η χρήση και ψυχολογία του χρώματος, η οργάνωση του χώρου κ.ά.

    Η τυπογραφία ιδιαίτερα αποτελεί ένα σημαντικό πεδίο της οπτικής επικοινωνίας για το οποίο λίγοι έχουν ικανές γνώσεις και εμπειρία για τους τρόπους λειτουργίας και χρήσης της, αλλά τους παρέχεται πλέον η δυνατότητα να τη διαχειρίζονται κατά βούληση.

    Στην ομιλία θα περιγραφεί αδρά το ιστορικό και αισθητικό πεδίο της διαμόρφωσης του ελληνικού και λατινικού αλφάβητου και η παρουσίαση θα εστιάσει στην τυπογραφική-σχεδιαστική εξέλιξη των γραμμάτων, την τεχνολογική τους παραγωγή και εφαρμογή τόσο στο αναλογικό όσο και στο ψηφιακό περιβάλλον, τα πλεονεκτήματα, τους περιορισμούς και τις άλλες παραμέτρους που καθοδηγούν την επιτυχημένη επικοινωνία του μηνύματος και την παραγωγή δημιουργικού, άρτιου και ευανάγνωστου αποτελέσματος μέσα από τη σωστή επιλογή και εφαρμογή των γραμματοσειρών.

    Presentation Slides »