1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Cómo diseñar un tipo de letra

Cómo diseñar un tipo de letra de principio a fin

Hoy me encuentro con una serie de artículos escritos por Katie de GoMediaZine llamados How to Design A Font From Start To Finish.

La serie está compuesta por 4 artículos, actualmente se han publicado los 3 primeros, el ultimo saldrá la próxima semana.

Mientras tanto aquí te dejo los 3 primeros, si estás interesando en tipografía deberías darles una mirada.

Cómo diseñar un tipo de letra (de principio a fin)

Parte 1: Inspirate

Get Inspired

En esta parte Katie nos habla de cómo conseguir inspiración para el diseño, los temas que toca son:

  1. Se consciente de lo que otros diseñadores están haciendo
  2. Investiga, investiga, investiga!
  3. Restringete
  4. Ten un diario a la mano
  5. Acepta el hecho de que la inspiración puede venir de cualquier lugar

Parte 2: Dibujala

Draw Up a Storm

Aquí aprendemos cómo dibujar las letras, habla de medidas, serifs y demás. Este tutorial tiene sólo 2 temas, terminología y sketching.

Parte 3: Vuelvela digital

Make it Digital

Esta es el 3er y penúltimo tutorial, aquí es hora de empezar a usar la computadora (sí, todos los tutoriales anteriores no necesitan una compitadora). Aquí también hay 2 temas: El Grid y La caja de herramientas del tipo de letra.

Aún falta el 4to tutorial, que sale la próxima semana, te recomiendo que te suscribas via RSS a GoMediaZine para que no te lo pierdas.

Actualización: aquí se encuentra la última parte de este tutorial: Finishing Touches

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Diseño Web Diseño Web

    Donde puedo encontrar el 4° tutorial?

  2. Avatar de Diseño Web Diseño Web

    Me quedó barbará la tipografía que diseñé.

    muchas gracias!!!

  3. Avatar de diseño web diseño web

    Gracias por el tutorial , es muy didáctico.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910