Dingbats

Hace ya tiempo que tenía pendiente este artículo, cuya versión original podía encontrarse en la página de tipografías, Typephases Dingbats & Fonts. A menudo se llaman dingbats a las tipografías con símbolos. En una de estas tipografías digitales, cada carácter contiene un dibujo vectorial. Por este motivo, los dingbats comparten las ventajas que tienen los objetos vectoriales, e incluso presentan algunas propias:

  • Están listos para usar en cualquier programa y en cualquier sistema operativo: esto descarta problemas de compatibilidad o exigencias de versiones específicas.
  • Se pueden agrandar o reducir a cualquier tamaño sin pérdida de calidad o definición.
  • Se puede extraer muy fácilmente el objeto vectorial individual si hace falta una edición más especial.
  • Fáciles de recortar, combinar, separar…
  • Hay muchos temas y estilos para elegir, que cubren cualquier proyecto imaginable.
  • Tienen un tamaño de archivo modesto, a pesar de que cada tipografía de símbolos contiene un grupo de imágenes (a veces varios cientos; el número normal oscila entre 26 y 100).
  • Fáciles de organizar y utilizar.

Qué hace falta

Para instalar, desinstalar y, en general, organizar los dingbats en un ordenador, procedemos Continuar leyendo “Dingbats”

Fontastic

Cómo crear colecciones de iconos vectoriales para insertar en páginas web. Un servicio que ofrece miles de iconos para proyectos personales y comerciales para crear una fuente digital a medida.

fontastic

Las ventajas de utilizar elementos vectoriales en el diseño web para navegadores modernos son obvias: entre ellas, la capacidad de mostrar estos componentes gráficos a cualquier tamaño sin pérdida alguna de calidad. Una forma de integrar iconos vectoriales en un proyecto web es recurrir a fuentes o tipografías digitales embebidas en el código html + css.

Ahora que los navegadores se comportan bastante bien con los estándares de fuentes web, todas las razones para aprovechar esta capacidad se hacen más claras. Por ejemplo, se acabó la modificación de los iconos  en un programa de edición de imagen para cambiar un color u otras características. Basta retocar el código CSS y los cambios se aplican instantáneamente a todo el sitio web. Con la proliferación de dispositivos de alta resolución (como las pantallas retina de los últimos Mac, iPad y iPhone), los iconos se muestran siempre con la máxima calidad, sea cual sea el tamaño a que deban mostrarse.

Existen muchas colecciones de iconos vectoriales integrados en archivos de fuentes digitales que pueden utilizarse como webfonts, como los dingbats de FontSquirrel y los de otros servicios comentados anteriormente. Existe un pequeño problema, sin embargo, con determinadas colecciones de iconos. Si se usa un archivo masivo para unos pocos iconos que vayamos a utilizar podemos ralentizar innecesariamente la carga y respuesta de nuestra página web (además de que se hace más incómodo localizar los iconos que nos interesan dentro de una cantidad tan grande de glifos).

fontastic

Una solución magnífica a este inconveniente es preparar una webfont a medida, que contenga solamente los iconos deseados o necesarios para un proyecto determinado. Crear fuentes digitales a partir de una selección de iconos vectoriales es cosa de niños con Fontastic, un servicio que ofrece de entrada más de 4000 componentes para elegir. Así, es posible crear una colección de iconos a medida para un proyecto, según un tema determinado…

El servicio es gratuito y la licencia de usuario permite el uso también en proyectos comerciales. Para profesionales, o para aquellos que necesiten unos iconos muy específicos, existen una serie de colecciones premium (de pago). La selección, tanto para cuentas premium como gratuitas, además, no está limitada a la extensa biblioteca de iconos disponibles en Fontastic, sino que se pueden subir e integrar en la fuente creada los archivos vectoriales propios del usuario (en formato SVG). Una vez hemos creado nuestro archivo, seleccionando iconos de la enorme colección o subiendo nuestros propios componentes vectoriales, Fontastic proporciona unas instrucciones muy claras para utilizar las fuentes recién creadas.

 

Retro Vectors

Retro Vectors es sin duda un descubrimiento de los que más me han alegrado recientemente. Es un archivo de materiales gráficos de archivo antiguos que se pueden utilizar libremente, tanto para proyectos personales como comerciales.

retro vectors

El formato es vectorial y abarca muchas décadas, desde la época victoriana hasta los años 80 (del siglo XX). Como aliciente extra, el diseño del sitio es todo un acierto, creado con todo el encanto de un catálogo de época.

En pocas palabras, una combinación de dos cosas que me gustan mucho: la ilustración antigua y el dibujo vectorial.

Presentaciones de nuestros dingbats

He aquí unos folletos de presentación a todo color de algunos de nuestros dingbats, o tipografías de ilustraciones, que se pueden ver con todos los detalles en Issuu. Todas estas muestras proceden de nuestra colección de tipografías exclusivas, Typephases.

Haciendo clic sobre cualquiera de ellos se verá a página completa, y también está disponible la página para visitarlos / descargarlos (PDF) en Issuu. Esta es la presentación de Bizarries:

Este es el librillo de Absurdies:

Y aquí está el de los Capsbats y Entestats. Está basado en el libro 1000 cabezas ya que, de hecho, esta publicación nuestra no es otra cosa que un largo desfile de todas las cabezas que forman esos dos tipos de ilustración:

La más extensa presentación de una colección de nuestro trabajo es el libro Big book of little people (enlazado al lado de este artículo, en sidebar).  Son 340 páginas llenas de ejemplos y muestras de maquetación. Más detalles en un próximo artículo, muy pronto. También pueden verse algunos ejemplos en Issuu.

Derek Art

Un ilustrador que muestra la perfecta alianza entre dibujo vectorial y el estilo de ilustración retro – moderno, con formas simples y colores planos.

El sitio web de Derek Yaniger es una delicia para todos aquellos a quienes guste el estilo retro-moderno: ilustración, serigrafías, pinturas y objetos (como cerámica decorada), todo con un trazo divertido y colores pimpantes.

derek art

Además, de sus dibujos procede todo el clipart que ofrecen en Mister Retro, en formato vectorial. Precisamente, el dibujo vectorial se adapta perfectamente a este estilo de ilustración y aporta sus propias ventajas.