deFharo

Un blasón familiar y una web en HTML5

deFharo — Fri, 16 Dec 2011 23:29:01 +0000

Esta es una página divertida en HTML5 que le he hecho a mi sobrino Samuel, el año pasado le prometí hacerle un logo, buscamos juntos el nombre, finalmente encontramos Hx2, que son las primeras letras de sus dos apellidos, luego al final, el logo, que dibujamos en mi querido Freehand, pasó a ser el símbolo familiar, un blasón de nuevos tiempos para una familia con orgullo plebello que ahora presume de “marca”, con él se han identificado los 4 miembros de la familia e incluso su perro Agallas. :)

Esta web la he hecho de una manera simple juntando un par de javascript y códigos HTML5 encontrados en internet, un juego familiar con mascota incluida. ;)

Visíta la web de Hx2 Family: www.hx2.es

deFharo - deFharo - Creativo | Webmaster | Consultor Seo | Canarias

Próspero año 2012

deFharo — Wed, 14 Dec 2011 11:36:12 +0000

Espero que para todos el año 2011 fuera más y mejor de lo que esperabais, 1 año después, continuo deseando más y más buenos deseos… porque más de 1 se me quedó atrás, soy Fernando Haro, diseñador freelance… abrazos.

2011+1=+…

Intuición, color, diseño, defharo, originalidad, armonía, inspiración, persuasión, intuinción, ideas, actitud, seo, esfuerzo, responsabilidad, inteligencia, talento, deseo, dinero, memoria, esperanza, arte, sexo, ingenio, gratitud, educación, opinión, felicidad, éxito, aprendizaje, web, oportunidad, creatividad, sol, descanso, soluciones, vergüenza, pasión, paz, optimismo, cambios, sentimiento, love, salud, valor, erotismo, inocencia, entusiasmo, vida, sueños, optimismo, paciencia, medios, simpatía, publicidad, poesía, vocación, intención, reflexión, tu, reir, ser, filosofía, ocio, lógica, rebeldía, escuchar, diversión, inquietud, conversación, ironía, decisión, humanidad, libros, yo, cordura, ilusión, fantasía, comprensión, descanso, placer, cultura, trabajo, voluntad, concisión, fama, fraternidad, posts, caracter, animo, honestidad, honor, yo, compañía, naturalidad, progreso, más, busqueda, ideología, acción, ambición, azar, futuro, oficio, sabiduría, especialización, ternura, entusiasmo, pelo, días, fe, humor, ciencia, valentía, crédito, humildad, sensatez, modestia, amistad, orgullo, hechos, locura, utopía, anarquía,tipografos, belleza, sem, bondad, observación, audacia, cerebro, viajes, alegría, sonrisas, semántica, tiempo, fuerza, css, fortuna, riqueza, hemp, alma, besos, caminos, deber, constancia, corazón, blues, argumentos, cortesía, tweets, emoción, cosechas, pejino, entendimiento, blogs, genio, cooperación, diplomacia, dormir, consuelo, sueños, héroes, ideales, merecimiento, mundo, pensamiento, poder, talento, justicia, carácter, entrega, felicidad, optimismo, perdón, poetas, sátira, empatía, marihuana, escuela, redes, virtudes, él, valores, revolución, tranquilidad, reputación, escribir, estadísticas, habilidad, fantasía, igualdad, negocio, logos, flash, www, chistes, cine, luna, karma, fernando, premios, héroes, fuerza, alegría, actividad, css, luna, medios, salud, futuro, tipografía…

y todo lo que querais añadir. Nos vemos este año…

PD: para el diseño de la felicitación de navidad he usado varias de mis tipografías: La Chata, dePez, Catalans, Lerótica light y regular, Sabática regular, bold y unicase.

deFharo - deFharo - Creativo | Webmaster | Consultor Seo | Canarias

Lerótica, tipografía y diseño gráfico

deFharo — Wed, 30 Nov 2011 23:54:16 +0000

«Lerótica»
Esta es una tipografía sin serif con acabados redondeados y semi condensada, dibujada sobre una rejilla de 100 x 100 pt. y una proporción de 8/10, surgió inspirada en el trabajo de un nuevo logotipo para la marca de relojes “eroticlock”, de ahí su nombre.
Estoy acabando los detalles de la familia completa con varios pesos: Extra light, Light, Normal, Medium, Demi bold, Bold y Extra bold, me gustaría conocer tu opinión sobre el diseño y comportamiento de la fuente. La fuente contiene todos los caracteres del latin, con lo cual sirve para cualquier idioma hablado en Europa.
Como comentaba en el post sobre el desarrollo de mi primera fuente: La chata tipografía & webfont gratis, hay cosas que no controlo y cosas que no se en el diseño tipográfico, por esta razón he dado una vuelta de tuerca en la construcción de esta nueva fuente, he simplificado, con respecto a la anterior, el dibujado de las curvas, he trabajado sobre una cuadrícula de 100 pt, una anchura de astas de 100 pt y una proporción de 8/10 todo esto con el fin de hacer lo más profesional posible esta nueva tipografía, en definitiva ensayo error, porque he buscado por internet y apenas he encontrado información válida para controlar las proporciones de una fuente. Si sabes de algo que me pueda ayudar será siempre bienvenido.

Lo que si ha marcado la diferencia con la anterior tipografía ha sido el tiempo de desarrollo, mucho menor, gracias a la experiencia adquirida en la construcción de La chata; el espaciado de caracteres y el kerning, ha sido, esta vez, una tarea menos tediosa, pues el hecho de la geometría de esta fuente y el espaciado calculado con números proporcionales relativos a las proporciones de la fuente ha facilitado el manejo del kerning y con un tercio de pares de letras con respecto a la chata he conseguido el ritmo y la armonía en el texto de párrafo.

Estoy trabajando en diferentes pesos de la tipografía, para decidir finalmente el aumento o disminución de los glifos, también para calcular que caracteres o terminaciones debo cambiar para adaptarse a cada nuevo peso, tengo el trabajo muy encaminado y próximamente incluire toda la familia para descarga.

Tengo que decir que siempre me gustó el dibujo vectorial y el descubrimiento del diseño tipográfico me ha emocionado hasta tal punto, que dedico, con todo entusiasmo, buena parte de mi tiempo libre al diseño de letras, y me gustaría tener todo el tiempo libre para desarrollar varios proyectos tipográficos a los que ando dando vueltas, a ver si consigo algo realmente profesional :), pero por el momento hay que seguir pagando las facturas :)

Esta fuente es gratis para uso personal, si deseas usarla para algún proyecto comercial, sólo tienes que comunicármelo. Los comentarios sobre lerotica son bienvenidos.

DESCARGAR GRATIS ESTA TIPOGRAFÍA EN FORMATOS: TTF, OTF Y WEBFONT

Caracteres de Lerótica

deFharo - deFharo - Creativo | Webmaster | Consultor Seo | Canarias

Las cosas, por su nombre: el naming

deFharo — Mon, 31 Oct 2011 12:19:13 +0000

A lo largo de mi carrera como creativo he tenido, en varias ocasiones, que inventar nombres para empresas, negocios, marcas o para la definición de sistemas o tecnologías. Hoy aquí, expongo algunos de esos nombres que han llegado buscándome.

El nombre
es el instrumento

SÓCRATES.— Veamos. ¿No decimos que el que quiere cortar tiene necesidad de lo que es necesario para cortar?
HERMÓGENES.— Sí.
SÓCRATES.— Y el que quiere tejer, ¿tiene necesidad de lo que es preciso para tejer; y el que quiere horadar, de lo que es preciso para horadar?
HERMÓGENES.— Sin duda.
SÓCRATES.— Y el que quiere nombrar, ¿tiene necesidad de lo que es preciso para nombrar?
HERMÓGENES.— Es cierto.
SÓCRATES.— ¿Qué es lo que sirve para horadar?
HERMÓGENES.— Un barreno.
SÓCRATES.— ¿Y para tejer?
HERMÓGENES.— Una lanzadera.
SÓCRATES.— ¿Y para nombrar?
HERMÓGENES.— Un nombre.
SÓCRATES.— Perfectamente. Luego el nombre es también un instrumento.
HERMÓGENES.— Sin duda.

Extracto de la obra Cratilo de Platón. Descárgala

El oficio de crear nombres

Poner nombres a las cosas es una propiedad que la humanidad ha cultivado a lo largo de siglos, y si no leer la discusión sobre el tema en la obra Cratilo de Platón, escrita hace más de 2000 años. El origen, por tanto, de lo que hoy se conoce por Naming, en español se ha inventado el término Nominología y algunos definen Onomaturgia como la definición correcta, se remonta al comienzo de los lenguajes, pero ambos términos no aparecen en los diccionarios, como no podría ser de otra manera, ya que que el término que define el oficio que unos llaman de nombrador, otros nominador o denominador, debe ser inventado por cada uno de aquellos que en definitiva inventan palabras, o no existir, ya que el “oficio” si es que existe, es innato a las personas y a su necesidad de poner nombre a aquello que no tiene.

Todo lo anterior para decir que cualquiera puede crear nuevos nombres para las cosas, de hecho y con toda seguridad, muchos nombres famosos en la actualidad, tanto de empresas como de productos han sido inventados por empresarios, oficinistas o personas en general que no mantenían anteriormente ninguna relación con la creación de nombres, sólo hace falta la necesidad de crear y el nombre, se podría hablar mucho más de lo complejo de la búsqueda de un nombre y las connotaciones necesarias de tal o cual denominación, también de su significado final, si es que lo tiene, o de las modas de los prefijos y sufijos latinos, como es el caso del sufijo -lia, no hay que olvidar, que una palabra por su sonoridad o composición semántica ligada al producto o servicio, tiene por objetivo convertirse en un objeto mental que dibuja una forma definida en el lector, bien a modo de concepto abstracto o bien como una forma concreta con colores o sabores, es a partir de ese momento cuando el nombre se convierte en marca.

“Pa” un nombre de abuelo con éxito

Había una vez un bebé al que le enseñaron a decir Papá y había un abuelo al que identificar, pero era tan joven que la palabra abuelo no la había aprendido aun, entonces él, comenzó a llamar a su abuelo “Pa” para identificarlo de su papá, pues la percepción del niño hacia los roles de los dos hombres era la misma, ambos eran figuras paternales y en este caso el “pequeño nombrador” simplificó el término a la mitad, mantuvo el significado y jerarquizó los roles en un ejercicio perfecto de minimalismo y decisión pragmática.
Al día de hoy, el que fuera Papá en esta historía se hace llamar “Pa” por sus nietos… y la marca continúa. Te quiero Pa!

“Pero nombrar es una parte de lo que llamamos hablar. Los que nombran, hablan; ¿no es cierto?” Sócrates preguntando a Hermógenes

Referencias a “Cratilo o la exactitud de los nombres” de Platón:

La teoría naturalista en el Cratilo
¿de que trata el dialogo de platon cratilo?
Cratilo: Diálogo con el mito platónico de la lingüística

::: Pídeme un presupuesto sobre Naming :::

Los nombres de algunas cosas

La chata, tipografía & webfont gratis

deFharo — Mon, 10 Oct 2011 20:25:57 +0000

«La chata»
Esta es una tipografía de palo seco uniforme, con acabado redondeado en las terminaciones de las astas, ápices, vértices, colas o espolones, también en las uniones con el asta de los travesaños, barras y hombros.
Actualmente sigo desarrollando esta tipografía para su uso en auto-edición y en formato Open Type, con más caracteres, ligaduras, símbolos y letras alternativas (+ en Quark Xpress e Indesign), así como las versiones Bold e Itálica, posteriormente me gustaría extender la familia con otros pesos y medidas, pero dado el tiempo que lleva el diseño de una fuente, no tengo claro cuando lo tendré listo…
La idea de desarrollar esta tipografía para la web surgió a principios de 2011 con motivo del rediseño de mi logotipo e imagotipo, como expliqué en el post: “Un logo, un pez y otro pez“; pero el deseo de diseñar una tipografía completa viene de más atrás, y sólo ahora, lo he podido ver hecho realidad.

Comencé con gran entusiasmo el dibujado de las letras, ya tenía 7! (defharo), primero definí la altura de las mayúsculas, de los ascendentes y descendentes, continué dibujando frenético, con Freehand, letra a letra, cuando tuve todas las mayúsculas, minúsculas, números y signos de puntuación me fuí a Fontlab para compilar la fuente, lo hice de una manera intuitiva, digo intuitiva pues no conocía el programa ni tampoco los conceptos a tener en cuenta en el desarrollo de una fuente, establecí a ojo el espaciado de caracteres, pasé por encima del kernig y le di al menú “Generate font..”, emocionado, instalo la nueva fuente y corriendo voy a QuarkXpress, compongo un largo texto de 12pt con “La chata”, vaya, parece que en pantalla, con el zoom activado todo se ve bien, eureka!!..
Imprimo un par de hojas con los párrafos, espero ansioso que la impresora “escupa” la hoja, ya está, cojo con emoción el resultado y comienzo a leer el texto… sólo bastaron unos segundos para llegar a la conclusión que era muy dificil la lectura, las alturas, los espaciados, la coherencia morfológica, etc… todo mal!! de una manera intuitiva, cegado por la emoción del dibujo de las letras, sin método, sin planificación y sin conocimientos suficientes sobre los intríngulis del diseño de fonts, el proyecto parecía insalvable.

Llegué a la conclusión que debía conocer más sobre la técnica del dibujado tipográfico y sobre el programa que facilita esto, encontré un breve, pero muy útil, manual de Fontlab, a partir de los consejos incluidos aquí me dispongo a corregir errores y sobretodo me centro en el espaciado de caracteres e interlineado, pensando que sólo de ahí derivaba la falta de legibilidad de la fuente, paso muchas horas conociendo el funcionamiento de estas técnicas, establezco decenas de pares de letras, vuelvo a imprimir, bueno, parece que algo a mejorado, pero los textos continúan siendo muy dificiles de leer, es una tortura intentarlo con una cierta velocidad… me paro, observo letra a letra, entorno los ojos… no hay uniformidad!!, muchos fallos en el dibujado de las letras y medidas sin método.

Sigo los consejos del manual de Fontlab y me dispongo al redibujado de todos los caracteres, elimino y modifico nodos según los consejos aprendidos (ortogonalidad), establezco los patrones para el trazado de todas las curvas, geometrizo hasta la extenuación, a la par, encontré el manual en español de typeTool, la versión light de FontLab, es indispensable para mi conocer los pormenores de la herramienta, leo incansable, con nocturnidad y alevosia el manual de 420 páginas, aprendo muchas cosas y entiendo muchas más, deseo que llegue el nuevo día para aplicar lo aprendido.

Por fin, tengo compilada una nueva versión de la tipografía con 720 glifos, 1800 pares de letras definidos para el kerning, un nuevo espaciado de palabras, cantidad de letras alternativas y más de 200 horas a la espalda, ahora la lectura ha mejorado considerablemente, aunque todavía hay letras que se pueden mejorar…

Después de 2 semanas embarcado en otros trabajos, retomo la edición de la fuente, hay algo que todavía me inquieta y no se que es, pienso en que sería bueno comparar el resultado, no lo había vuelto a hacer, con mi logotipo, cual es mi sorpresa al observar que las terminaciones de las astas, ahora semicírculos perfectos, han perdido la esencia y la gracia de los originales, donde estas curvas son achatadas, no me lo pienso dos veces y comienzo el 3er redibujado de la fuente, es en este momento que elijo el nombre de la fuente “La chata”, por fin me decido a hacer una versión simple que incluye 391 caracteres, los suficientes para el uso con todos los idiomas europeos, rediseño algunas letras que estaban “medio perdidas”, investigo sobre las llamadas webfonts y me decido finalmente a poner la tipografía para descargarla gratis, ya que, actualmente mediante @font-face es posible usar fuentes personalizadas en el diseño web. En el archivo encontrarás la fuente en varios formatos y un html de ejemplo con la hoja caracteres aplicados en la web.

DESCARGAR GRATIS ESTA TIPOGRAFÍA PARA LA WEB

La historia continúa… he subido esta fuente para descarga a Dafon.com y estoy contento con la respuesta en descargas; también envié la fuente para incluirla en Google fonts, jajaja! iluso y precipitado de mi, me la rechazaron amáblemente diciendo que no cumplia con la calidad esperada, recomendándome subir la fuente a la Open Font Library y esperar la ayuda de alguien para corregir todavía no se que, este es el drama y el reto, aunque tengo algunas sospechas pero voy perdido, en fin, como buen optimista veo oportunidad en mi ignorancia :) hasta pronto.

deFharo - deFharo - Creativo | Webmaster | Consultor Seo | Canarias

de maquetación, revistas y diseño

deFharo — Sun, 31 Jul 2011 21:45:06 +0000

El diseño y la maquetación de revistas es una de las especialidades del diseño gráfico donde más a gusto me he sentido trabajando como diseñador editorial freelance, la elección de las fuentes tipográficas del proyecto me entusiasma sobremanera y el Quark Xpress como programa de maquetación me enamora; una vez seleccionadas las fuentes, las que ya transmitirán mucho del estilo de la publicación, el siguiente paso es la definición de la rejilla, columnas, espaciós, márgenes, colores, tamaño de los titulares, subtitulos, entradillas o cuerpo de texto, interlineado, kerning, etc. y por fin, los detalles de la maquetación, que acompañarán página a página la lectura y navegación por la publicación, en este sentido se crearán estilos propios para páginas, indices o secciones fijas de la publicación.
Esta estructura de secciones fijas y artículos será definitiva para la elección de los titulares

o destacados en el diseño final de la portada e influirá en la maquetación final de ella.
Hay ocasiones que el diseño y concepto de una revista se realiza integralmente por el creativo, a partir de la petición del cliente, donde en ocasiones sólo tiene claro la temática de la publicación que se pretende, el diseñador gráfico, según su experiencia, busca un nombre para la publicación, desarrolla el diseño de identidad corporativa y crea la cabezera de la revista y la portada, analiza el público a la que la publicación va dirigida, y en función de esto, define el estilo gráfico de la revista, las fotos que se usarán y el tratamiento digital de estas, resume el concepto de lanzamiento de la publicación, etc. este tipo de proyectos de maquetación integral son de lo más atractivos, sobretodo cuando te encuentras trabajando en equipo con editores competentes.

CASOS DE ESTUDIO

deFharo

Un blasón familiar y una web en HTML5

Próspero año 2012

Espero que para todos el año 2011 fuera más y mejor de lo que esperabais, 1 año después, continuo deseando más y más buenos deseos… porque más de 1 se me quedó atrás, soy Fernando Haro, diseñador freelance… abrazos.

Lerótica, tipografía y diseño gráfico

Las cosas, por su nombre: el naming

El oficio de crear nombres

“Pa” un nombre de abuelo con éxito

Referencias a “Cratilo o la exactitud de los nombres” de Platón:

La chata, tipografía & webfont gratis

de maquetación, revistas y diseño

Revista Prixma