Helvetica Meditations

Ya que andaba en la web me encontré este artículo gráfico muy chido de Nick Shinn. The Helveltica Meditations.

Cada vez estoy más convencido de lo que leo: Helvéltica & Univers son las mejores selecciones tipográficas, conveniente para tu paleta.

Anotaciones y referencias

En clase les hago mención de algunos autores y material importantes para quienes necesitan una consulta o bien seguir conociendo más acerca de la base del diseño editorial: la Tipografía.

• Reglas de estilo: Robert Bringhurst
• Algunas propiedades y términos aplicados en OpenType
• Información sobre los glyphs o símbolos de las fuentes por Adobe
• Artículo de combinación y sensibilidad tipográfica por Juan Pablo de Gregorio
• TypoTips por Erick Spikermman & FontFont. I & II
• Artículos de Nick Shinn, ver sección writting

Espero más que los lean, le saquen un poquito de provecho y lo aterricen en sus proyectos gráficos, recuerden no pueden diseñar sin tipografía, lo dice Veer: 

Ya que ando por acá, denle un vistazo a Typographica.org, no les hace mal, si no todo lo contrario :P
Ahí mismo una entrevista (traducida) con el rock star tipográfico Cyrus Highsmith, diseñador de Zocalo font, para el Universal en México y Máster Senior de FontBureau una de las casas tipográficas más editoriales en mi opinión.

Diseñar con retícula

Aquí les dejo esta maravillosa entrevista a Antonio Carusone, autor del célebre libro The Grid System.
Habla de aspectos muy interesantes acerca de la necesidad de un diseño basado en retícula.

Aquí el link, está en ingles.
Leer versión traducida por google

Muy recomendable su lectura

Font Font Sección Educativa

I’m obviously a typomaniac. Other people like looking at girls’ bottoms. I get my kicks out of looking at type. — ERIK SPIEKERMANN 

Cada vez estoy más convencido de que la tipografía es la base del diseño editorial. Si no conoces reglas de estilo y buenos types, tu diseño editorial estará en el nivel más simple. Be pro!

 

Y para aprender un poco, los invito a que le den un vistazo a la sección educativa de FontFont, de Erick Spiekermann.

Ir a sección
PDF Educativo (qué hermoso diseño)

Diseño Alemán

Qué puedo decir, simplemente me fascina y admiro la calidad del diseño alemán. Por cierto debo decir también que los mejores diseñadores de tipografía y casas tipográficas son alemanas. Así es que los invito a que le den un vistazo al site… uff altísimo nivel.

Portafolio Editorial
Portafolio Gráfico

(chín si no lo ven…)

Proyectos Finales 2010

Les quiero dar una felicitación, por que sé que han dado su mejor esfuerzo. Que se han enfrentado a muchas cosas nuevas para poder entrar a este mundo de la web. Han comenzado algunos a tratar con clientes reales y este es su primer sitio, espero que sigan muchos por delante.

Este es solo el principio y queda mucho camino y cosas que aprender, sobre todo para aquellos quieren ser profesionales en el desarrollo de sitios web.

Da clic sobre la imagen para visitar el sitio.
(algunos tienen detallitos, pero están funcionales)

Scripts & Apuntes & Dudas

Hola, en clase verán un check list que tiene aspectos que revisar en el desarrollo de su sitio.

Hay un apartado importante que es el charset, puedes leer más aquí
Básicamente se trata de establecer que caracteres reconocerá, pues los acentos y caracteres latinos no están establecidos por default.

Si tienen dudas por fa agregan un comentario.

Presentaciones 2º Parcial

Bien pues el curso ya está en la recta final y confío en que harán excelentes proyectos. Les pasó el link para que descarguen las dos presentaciones de este segundo parcial.

Descargar presentaciones

La solución

Pss q pena me da, pero cometí un errorsote, ya ven que se mueven todos los divs. Pues la solución es muy simple solo en la capa del wrapper, hay que añadir un ID, así:
div id="primary" class="wrapper"


Bueno en realidad, se me fueron las cabras. Esto activa el script que permite que las capas tengan un orden. El script no estaba funcionando, le faltó el ID a wrapper.

Iconos

Siempre he considerado que los iconos son un elemento algo más que decorativos. Sintetizan información, facilitan la lectura y la navegación. Desde luego que contar con un stock de iconos de buena calidad nos ayuda.

Así es que les paso este site con una exquisita colección de 20 set icons, espero les guste. Ver iconos

Ministry of Type

No sé si había mencionado algo de este sitio tan nice, pero la mención es necesaria. Es un blog que desde luego habla de tipografía, además de ilustración. Algo que llamó enorme mi atención es precisamente el type que usa: FF Dagny Web Pro… ta carísimo, pero luce hermoso. (Seguro cortesía de un cliente).

Bueno aquí el link

CSS 3 Watch

CSS 3 llega después de 11 años de la versión anterior 2.1; es realmente reciente y fabuloso. Les recomiendo esta página de CSS 3 Watch donde hay una actualización constante de muestras de aplicación de esta versión.

Ir al sitio

Presentaciones

Les paso las presentaciones del primer parcial. | Descargar

Por otra parte les presumo que ya estoy metiendo al blog codiguillos en CSS3 y la maravillosa opción de @fontface, con Museo. Se ve bien, ¿no creen?

Nuevo Curso Editorial III | Mayo 2010

Hola a todos los que orgullosamente somos editoriales =) .

En este curso seguro aprenderemos muchas cosas y ojalá que tu compromiso sea mucho para que saques el mayor partido a este mundo del web.

Comenzando con las tareas aquí están las instrucciones:

• 4 Capturas de pantalla de un mismo sitio
  

1. En dos navegadores diferentes (safari, ie, chrome, moxila, firefox)
   
2. En dos resoluciones distintas (800*600, 1024*768… etc)
3. En un hospedador gratuito de imágenes sube estas capturas, guarda las direcciones (url). Puedes usar algún hospedador como imageShack
4. Escribe tu comentario en esta entrada y anota tu nombre, grupo y matrícula, junto con las direcciones de las imágenes y mencionado que navegadores y resoluciones aplicaste

• 3 Sitios
  

1. Visita el sitio de tutorialblog y visita algunas categorías de color
2. Enlista tres de los sitios que te hayan agradado

Tienes hasta el martes 18 de mayo para realizar tu tarea.

• Participación especial:

1. Para aquellos que deseen punto extra para su examen teórico, también aquí escriben su participación
2. Encuentran todas las espacio publicitarias en cualquier web
3. Escriben qué espacio y en qué web la encontraron
4. Ganan los dos primeros de cada grupo (1201&1211) que correctamente lo realicen. No necesariamente los primeros. No se vale repetir direcciones ni ejemplos.

Suerte a todos

More Free Fonts by MyFonts

Esta es la sección de fuentes gratis de MyFonts.com existen muchas interesantes. Algunas de ellas pertenecen a un typeface, del cual comparten sólo una fuente. Creo que solo les pedirá que se registren para descargarlos. De cualquier forma mil veces mejor que dafont.com

Ir a sección de fuentes gratis

Revista

Antes de ponerles el bla, bla que necesitamos; sin duda que algo de inspiración nos viene bien. Así es que les paso este link de una web que exhibe portafolios gráficos. Visiten la sección de editorial, hay bastantes revistas de excelente calidad.


Me encontré además este otro artículo de FontShop, sobre las tipografías que usan algunas reconocidas revistas.


Continuando con las revistas; aquí una de fonts tipo stencil

La revista forty9 de fontfont, para descargar y visualizar

Esto está muy interesante, encontré un excelente software que nos puede servir para sacar las versiones electrónicas de las vistas 3D de las revistas. Revisen el sitio. Denle un vistazo a un video, de los pdf ya genera el flash.



Otro trabajo de Esquire magazine, usando Mr Eaves

Anatomía y Clasificación

YA ESTAMOS APRENDIENDO cosas muy interesantes, de verdad que me incluyo en la lista de aprendices. Confío en que sabrán dar lo mejor de sí y aplicar este conocimiento.

Aquí está la presentación de Anatomía y Clasificación del Typeface

También la primera parte de Guía de Estilo

Incio de curso Diseño Editorial II

De nuevo hola y feliz año 2010 a todos. Tengo muchas expectativas para este curso, pero como les mencioné, de forma personal mi objetivo es que ustedes tengan una excelente formación editorial; antes que ver infinidad de temas.

Aquí les dejo las presentaciones:

• Curso Editorial II
• Teoría de Evolución de la escritura y tipografía + Tecnologías digitales tipográficas.

Ah y también el wallpaper de la tabla periódica de las tipografías.

Por otra parte les comparto los sitios donde encontré información interesante acerca de estos temas, están en inglés; pero creo que vale la pena darles un vistazo.

• Índice de contenidos de Typophile
  
• Design History Escritura