Pictogramas internacionales de tránsito y etiquetado

pictogramas2

Esta es una de esas colecciones que no te podés perder, ya que consta de 1410 archivos EPS (vectores editables) sobre señalización. La colección se divide en 6 categorías:

  • Señales de tránsito de EEUU
  • Señales de tránsito internacionales
  • Señales de recreación
  • Señales de transportes I
  • Señales de transportes II
  • Iconos internacionales de etiquetado.

Como se podrán imaginar, la colección es muy variada y no solo nos servirá para trabajos relacionados con el tránsito, ya que al ser editables podemos tomar elementos de los mismos para nuestra propia creación de iconos o diseños.

Continuar leyendo…

4 reglas para crear un Favicon genial

favicon
  1. ¿Qué son los favicons?
  2. 4 reglas principales para crearlos
  3. Qué formatos y tamaños son necesarios
  4. Cómo crear un favicon
  5. Cómo agregar el favicon en su sitio web
  6. Resumen

Cuando su sitio web está listo, la guinda del pastel es un Favicon.

¿Qué son los Favicons?

Un favicon (abreviatura de “icono favorito”) es un ícono asociado con un sitio web o página web destinado a ser usado cuando usted marca la página web. Los navegadores web los usan en la barra de URL, en las pestañas y en otros lugares para identificar visualmente un sitio web. Además, se utiliza como un icono de aplicación de dispositivos móviles.

favicon

4 reglas principales para crearlos

Entonces, hemos descubierto qué es un favicon y dónde se usan. Veamos cómo debería verse un buen favicon:

  1. Obviamente, un favicon es una tarjeta de visita, por lo que debe adaptarse bien al estilo del sitio.

Es mejor usar una gama de colores y elementos de diseño del sitio o logotipo correspondiente durante el proceso de creación de un favicón.

El Favicon debe estar asociado con el sitio. Es la función principal de un favicon.

  1. No intente colocar una imagen completa en el favicon. Es suficiente usar uno o dos elementos reconocibles.

favicon

  1. Puede dibujar un pictograma de la especialidad del sitio en el favicon. Por ejemplo, un teléfono para una tienda que vende teléfonos. Sin embargo, debe tener en cuenta que este ícono debe describir completamente el sitio. De modo que el favicon con maquina lavadora podría no ser la mejor opción para la tienda de artículos para el hogar si también venden aspiradoras.
  2. Es genial si puede hacer un favicon que podría ser fácilmente memorizado por los usuarios. Puede usar imágenes que sean familiares para los usuarios para tener éxito en esto.

Continuar leyendo…

100 iconos deportivos en vectores

iconos-deportes

Nuevamente la gente de FreePik.es comparte material interesante, esta vez en SpeckyBoy. En esta oportunidad, el tema a abordar fueron los deportes, en donde a travez de 100 iconos ilustran los elementos y acciones características de las principales disciplinas.

Los pictogramas vienen en varios formatos (EPS, AI y PNG), este último en diversos tamaños (32 x 32 – 64 x 64 – 128 x 128 pixeles).

El set es libre tanto para uso personal como comercial y viene acompañado de un PDF para ubicar rápidamente el icono deseado.

Enlace

Crea tu fuente personalizada de iconos con Fontastic

fontastic

La posibilidad de incluir iconos mediante fuentes en la web hace que hoy en día el abanico de posibilidades se amplíe de forma notoria, brindando una fantástica alternativa para que nuestros sitios se adapten satisfactoriamente a las exigencias de una internet cada vez mas adaptable a los diversos medios, soportes y tecnologías.

Fontastic brinda la posibilidad de crear nuestra propia fuente con los pictogramas que necesitemos para nuestro proyecto, pudiendo seleccionar entre los 1700 iconos disponibles que presenta el sitio. Luego de hacerlo, podremos personalizar el mapa de caracteres poniendo que letra corresponde a cada icono e incorporando nombre para identificar luego las clases para el CSS.

De esta forma, podremos descargar un archivo con el HTML conteniendo las referencias ingresadas, una hoja de estilos y la carpeta conteniendo la fuente.

Enlace | Fontastic
Vía | Kabytes

Bariol Icons. Creativa colección de iconos

Tiempo atrás les había recomendado la fuente Bariol, la cual podían descargar a cambio de un tweet. Hoy me informa su creador, atipo, sobre su nueva creación: la colección de iconos Bariol.

Siguiendo la línea de la fuente, atipo ha creado un pack gratuito (solo cuesta un tweet) de 52 iconos muy variados y creativos, que seguramente completará tu colección y podrás usar en conjunto con la fuente Bariol en tus proyectos, creando una línea de diseño uniforme entre pictogramas y tipografía.

Ahora, como en el caso anterior, también puedes hacerte de la versión “full” de este pack, el cual cuenta con 280 iconos que en vez de describirlos, te recomiendo que veas este video.Este tiene diferentes costos (de acuerdo a las posibilidades de cada uno) que van desde los $3 USD.

Sinceramente dudo de la implementación de mas de uno, pero lo que estoy seguro es que me han sacado una sonrisa casi todos. Felicitaciones a su creador!

Enlace | Bariol Icons

Iconos académicos de alta calidad

Ayer tuvimos la oportunidad de acceder a una gran colección de iconos minimalistas estilo pictogramas, los cuales son altamente utilizables para infinidad de proyectos.

Hoy vamos mas a temas puntuales, en donde los iconos compartidos tienen como temática la rama académica, ofreciendo calculadoras, pizarras, libros, mochilas y otros elementos interesantes que se pueden asociar al estudio.

Pero esto no solo queda en un par de iconos de alta calidad en formato PNG, sino que también podremos acceder al archivo PSD con cada uno de los elementos totalmente editables, sea para ver como están hechos como para modificar colores o detalles de los mismos.

Todos los elementos se encuentran bajo licencia Creative Commons Attribution license.

Enlace y Descarga | The Academic Icon Set

Monstruosa colección de iconos simples

IconMonstr promete ser una inagotable fuente de iconos estilo pictogramas, dada su cuantiosa colección de gráficos minimalistas que abordan todo tipo de temas.

En mas de una ocasión, y cada vez mas seguido según las tendencias, nos vemos con la necesidad de utilizar pictogramas para indicar diferentes acciones, y es ahi donde podremos recurrir a Iconmonstr ya que cuenta con mas de 600 iconos de calidad en formato PNG para web o SVG para gráfica.

La colección la podemos ordenar de forma aleatoria, por los mas populares o por las últimas incorporaciones ya que se actualiza a menudo. Por otro lado, al seleccionar el icono que deseamos descargar nos mostrará una lista de iconos relacionados por temática, algo verdaderamente útil para no perdernos entre tanta cantidad de gráficos.

El uso de los iconos es libre, tanto para proyectos comerciales como personales.

Enlace | IconMonstr