elWebmaster.com

Desde la web Xybernéticos nos traen una aplicación muy interesante que nos da la posibilidad de otorgarle diferentes formatos a los párrafos de nuestro sitio web.

Typechart nos permite comparar a tiempo real cómo se ve determinada tipografía tanto en Windows como en Mac OS X y una vez que estemos a gusto con el formato de esta podremos extraer su código CSS.
Seguir leyendo

Un sitio que sin duda les resultará muy útil e interesante a los diseñadores gráficos es Identifont, una herramienta online que nos permite identificar aquella fuente que vimos en algún sitio y deseamos saber su nombre.

Esta aplicación nos da como posibilidad cuatro formas distintas para encontrar la tipografía que buscamos y nos brinda, además, información sobre la misma -como quién la creo, el año en que fue creada, dónde se puede comprar, etc.- y sobre los sitios donde la publican. Seguir leyendo

Un regalito para aquellos diseñadores con dos minutos libres… I Live On Your Visits (¿?) propone el interesante desafío de descubrir entre varias frases, cuáles fueron escritas con Helvetica y cuáles con Arial.

Desafía a otros diseñadores a ver cuánto logran hacer sobre un puntaje de 1 a 10.  Haz clic para ir al juego »

Cuando termines, prueba con este juego Flash donde tú eres una Helvetica que debe derrotar a una Arial. Haz clic para jugar »

En el diseño de todo sitio web algo que ocupa un papel fundamental es la tipografía que utilicemos. Es necesario buscar un tipo de fuente que combine la elegancia, la sencillez y la estética, pero que no por eso deje de llamar la atención.

Desde Xyberneticos nos traen una colección con diez tipografías “escritas a mano alzada” para que podamos utilizar en nuestras webs. Podremos descargar cada una por separado, para seleccionar las que más nos gusten, de forma completamente gratuita.
Seguir leyendo

Para crear algún diseño original nos puede resultar muy útil esta aplicación online gratuita llamada Graffiti Creator que nos da la posibilidad de crear graffitis de forma rápida y sencilla.

Para utilizarla tan solo debemos seleccionar el tipo de fuente que nos interesa, escribir lo que deseamos y empezar a personalizarlo mediante distintos efectos y colores. Los resultados son verdaderamente espectaculares.
Seguir leyendo

Los estilos CSS nos trajeron muchas ventajas en cuanto al diseño de nuestros sitios web, pero por alguna razón parece que estamos limitados al uso de 4 o 5 tipos de fuentes que están presentes en cualquier computadora, por miedo a que las demás no se visualicen correctamente.

Así es como no vemos otra cosa que Arial, Helvetica o Georgia en la mayoría de los blogs de la red. Pero hoy en día tenemos una gama más amplia de opciones a la hora de elegir, siempre dentro de las fuentes “seguras”. Te recomiendo 7 que sin duda deberías tener en cuenta. Seguir leyendo

FontStruct es una completa aplicación online que nos permite crear nuestra propia fuente tipográfica. Luego de registrarnos gratuitamente accederemos a un panel con pequeñas celdas que podremos rellenar con pinceles y otras herramientas, hasta generar cada caracter de nuestra familia tipográfica.

Además podemos especificar qué tipo de licencia queremos que tenga (por ejemplo, Creative Commons) para decidir si queremos compartirla o no. Muy bueno, haz clic aquí para conocer FontStruct.

Los dibujos donde los trazos y las formas están formados por letras, palabras o simples caracteres tipográficos son una excelente forma de llamar la atención. Tienen la fuerza de una imagen y resaltan el mensaje con el texto.

Hoy en día no son exclusivos de los artistas, hay aplicaciones que nos permiten realizarlos. ¿Una imagen vale más que 1.000 palabras? Eso está por verse. Imagina efecto del nombre de tu empresa, marca, sitio web o su slogan aplicado en una imagen. Seguir leyendo

El sitio Typetester fue pensado para experimentar con tipografías antes de lanzar el diseño web final. ¿Cómo funciona? Son tres paneles con bloques de texto estándard. En cada panel puedes cambiar la tipografía, su tamaño, espacio entre caracteres, interlineado, la alineación del párrafo, el color de la fuente y el color de fondo. Puedes hacer lo mismo en cada uno de los tres paneles para comparar los resultados finales y quedarte con el mejor. Typetester tiene un plus: puedes descargar el CSS del diseño que elijas… y es gratis. Haz clic aquí para visitar Typetester.

Muchas de las fuentes que almacenas en tu computadora fueron diseñadas para impresos y no para la web. El principal problema de estas fuentes es cuando se las utiliza en tamaños reducidos. Cuando la fuente es pequeña comienza a ser muy difícil la lectura, incluso con el recurso de anti-alising. Para eso existen las fuentes píxel, que sí están pensadas para la aplicación web y resuelven estos problemas. Conoce de qué se trata y dónde puedes descargar fuentes gratis. Seguir leyendo