Dos colecciones de iconos gratuitos que vale la pena conocer

Desde que WWWhatsnew.com nació, hace ya casi 8 años, nos hemos preocupado mucho en divulgar recursos gratuitos para la comunidad de diseñadores web. Herramientas pare recibir feedback, aplicaciones para transformar archivos de un formato a otro, sistemas para diseñar mockups y, por supuesto, iconos gratuitos.

Son tantas las veces que hemos comentado este tipo de sitios que ahora recibimos decenas de emails cada semana con recomendaciones de todo tipo relacionadas con los iconos disponibles en la web, y los dos que comentamos hoy valen la pena ser mencionados.

El primero es de elegantthemes.com, una colección donde el color es el protagonista, con 44 obras de arte en 64px, 128px y 256px, en formato PNG y con su fuente en photoshop (PSD).

iconos

La segunda colección es más discreta, disponible en ionicons.com y divulgada recientemente en webresourcesdepot.com, 400 iconos en blanco y negro pensados inicialmente para ilustrar los trabajos realizados con el framework ionic, para desarrollar aplicaciones móviles en HTML5. Se trata de una fuente de iconos, ideal para la programación de sitios web.

fuente de iconos

Por supuesto, podéis navegar entre más recursos de este tipo dentro de la categorí­a de «Utilidades para diseño«, donde seguiremos divulgando todo lo que sea de utilidad para esta cada vez más respetada categorí­a profesional.

Flaticon, galerí­a gratuita de más de 14.000 iconos para usar en nuestros trabajos

flaticon

Webmasters, diseñadores, app developers… os recomendamos hoy Flaticon, una amplia (muy amplia) galerí­a de iconos que podremos descargar para utilizar en nuestros proyectos, todos ellos creados por diseñadores profesionales y con iconos también de Freepik, un motor de búsqueda para recursos creativos.

Los iconos no serán en 3D o coloreados en este caso, y la galerí­a se ciñe fuertemente a la estética minimalista ofreciendo dichos iconos en blanco y negro y con un diseño sencillo, como está de moda en la web 2.0. El sitio web nos permitirá buscar los iconos de forma detallada, cosa a agradecer en una galerí­a con más de 14.000 elementos, y podremos buscar los iconos según popularidad, por categorí­as (animales, edificios, flechas, arte, controles, comercio, educación, y unas cuentas más) e incluso por packs según diseño, menú que nos especifica el nombre del diseñador o developer responsable de dichos iconos. Por supuesto, también podemos utilizar el buscador integrado en el sitio web para buscar motivos o sí­mbolos muy concretos.

Adicionalmente, y algo digno de mención, Flaticon ofrece ahora un plugin gratuito para Photoshop para buscar los iconos directamente desde el editor de imágenes, para insertarlos directamente en el lienzo, cosa que nos ahorra tiempo.

Todos los iconos son descargables de manera gratuita, y seleccionando múltiples objetos en la galerí­a podremos hacer clic en el «download» de la parte superior derecha para bajarlos todos a la vez.

90 iconos, con dos variaciones cada uno, disponibles de forma gratuita en elegantthemes

iconos

Si os encanta navegar en busca de iconos para ilustrar vuestros proyectos, prestad atención a la novedad que acaban de anunciar en elegantthemes.com.

Se trata de una colección gratuita de 90 iconos, cada uno de ellos en color y blanco y negro (180 iconos en total), que ofrecen sin necesidad de registro ni de mencionar al creador de los mismos.

Se distribuyen en formato .ai, .eps, .pdf, y .png (64px y 128px) con licencia GPL, algo común en este sitio, donde no es la primera vez que realizan este tipo de trabajo.

elegantthemes.com es mundialmente conocido por los temas para Wordpress que desarrollan, temas de muy alta calidad que ofrecen con una frecuencia relativamente alta. Es posible pagar una licencia anual como desarrollador y tener acceso a todos los trabajos que han realizado, bajando tanto los temas como las plantillas en photoshop responsables por el diseño.

Espier Launcher iOS7, para copiar la apariencia de iOS7 en Android

ios7 android

Espier Launcher iOS7 es una aplicación para Android que emula la apariencia de iOS7, la más reciente versión del sistema operativo para dispositivos móviles de Apple que destaca por los cambios en la parte visual incluyendo un nuevo juego de iconos estilo flat (plano) con tonalidades claras y transparencias.

Lo primero que hará será reemplazar la pantalla de inicio por la de la cuadrí­cula de aplicaciones, cambiar el fondo y modificar los iconos de las apps -especialmente los de las más populares- por sus equivalentes para iOS7. El resto son animaciones, notificaciones, carpetas de apps, tí­tulos modificables, un útil buscador que aparece al deslizar el dedo de arriba abajo, la barra inferior siempre presente en iOS para ver las aplicaciones abiertas (se muestra deslizando desde la parte inferior hasta la superior) y opciones para personalizarlo con widgets que se integran al launcher.

Para complementarlo la compañí­a que le creó también ha desarrollado una aplicación llamada Espier Screen Locker iOS7, una pantalla de bloqueo que copia también el estilo de iOS7 incluyendo el «desliza para desbloquear», los colores y una opción de desbloqueo numérica también con un toque flat.

Enlaces: Espier Launcher iOS7 y Espier Screen Locker iOS7 | Fuente e imágenes: Nirmal TV

flaticon, buscador de iconos gratuitos

flaticon

Los creadores de Freepik, buscador de fotos, ilustraciones, archivos PSD y vectores gratuitos, nos presentan Flaticon.com, un nuevo proyecto que nace como una base datos de iconos simples de internet, disponibles en formato vectorial (.SVG), PNG y web font (en la web explican el proceso que tenemos que realizar pata transformar una imagen png en una web font).

Además de tratarse de una colección de casi 12.000 fantásticos iconos que podemos buscar, encontrar en sus categorí­as y bajar para su uso gratuito, podemos también utilizar un plugin para Photoshop que permitirá, sin salir de dicho editor de fotografí­a, tener acceso a su base de datos.

Esto surgió a raí­z que todos los nuevos sistemas operativos actuales ya usan este tipo de iconos simples, IOS7, Android, Windows, etc y nos pareció una buena idea crear este proyecto para completar a Freepik y ayudar en una parte muy importante del diseño que son el uso de iconos.

Podemos ir navegando y crear listas con nuestros preferidos, no hay lí­mite de la cantidad de downloads que podemos realizar, y prometen que todo el contenido es libre para su uso, tanto personal como comercial.

Nos comentan que tienen previsto duplicar el número de iconos disponibles en los próximos dos meses, por lo que vale la pena estar atentos a la evolución del proyecto.

Selección de recursos para diseñadores y desarrolladores web

La siguiente es una completa lista de frescos recursos que será bastante útil para cualquier diseñador y/o desarrollador; una brillante selección en la que hemos escogido los mejores recursos de diseño para todo tipo de profesionales gráficos, sets completos de interfaz gráfica (GUI), iconos, temas para sitios web o blogs en WordPress, tipografí­a, experimentos de código, plugins, newsletters, tarjetas de presentación, calendarios y mucho más. Todos los recursos se encuentran en formatos editables (PSD) o como plantillas en HTML/CSS, y lo mejor, con descarga gratuita! Así­ que explóralos, descárgalos y haz que tu próximo proyecto tenga un toque profesional y único.

Diferentes recursos gráficos para tu negocio (tarjetas de presentación, calendarios y plantillas para boletines)

En esta sección encontrarás un conjunto de recursos gráficos gratuitos que hemos encontrado para mejorar diversos aspectos de tu sitio web, blog o material impreso como tarjetas de presentación, calendarios y plantillas para boletines, entre otros geniales recursos.

Gusto: Plantilla en PSD para crear boletines de correo

Plantilla GUSTO

Corbert Condensed: fuente versátil y funcional para proyectos de diseño complejos

Fuente Cobert condensed

Iconos de relojes: 20 iconos minimalistas de relojes para todo tipo de proyecto

Iconos de relojes

Patrones claros: 5 patrones en en tonalidades claras para usar en fondos e impresiones

Patrones claros

Colección de cintas: más de 20 cintas en formato EPS completamente editables

Coleccion de cintas en formato EPS

Fondos desenfocados: 7 fondos con desenfoque para cualquier propósito

fondos multicolor

Lista en carrusel: concepto de perfil de aplicación social para iOS7 hecho en PSD

Lista en carrusel iOS7

Menthol: tarjeta de presentación minimalista completamente editable

Menthol tarjeta de presentación

Tondu: fuente gruesa perfecta para magazines y posters

Fuente gruesa Tondu

Widget del clima: interfaz transparente con í­conos del clima para tus proyectos.

Widget del clima transparente

Patrones oscuros y sutiles con un diseño muy instintivo

Patrones oscuros

Mejora la apariencia de tu web con estos increí­bles GUI sets

Aquí­ puedes explorar un buen número de GUI sets, tanto minimalistas como detalladas, importantes para mejorar botones, sliders, menús, y muchos otros elementos gráficos de tu sitio web o aplicación móvil.

Flatilicious: interfaz con cientos de elementos para crear sitios web muy completos

interfaz Flatilicious

Bootstrap 3 PSD: una asombrosa interfaz para diseñadores y desarrolladores web

Bootstrap 3 PSD

Flat UI: muy completa interfaz plana con elementos para todo tipo de aplicaciones

Flat UI

Red UI: una interfaz con un diseño sobrio y atractivo

RED UI: Interfaz sobria

Flat UI kit: coleccion de elementos web editables y organizados en PSD

Flat UI kit

Componentes iOS7: interfaz con elementos pensados para iOS7

Componentes iOS7

Kit minimalista: set simple con elementos planos ideales para paneles de control

Kit minimalista

Crisp kit: set simple con elementos de apariencia crujiente y realista

Crisp kit

Kit colorido: interfaz plana con elementos llenos de color para aplicaciones sociales

Interfaz con elementos sociales

Kit ecoturí­stico: kit enfocado a aplicaciones con visión ecológica

Kit ecoturistico

Color UI: interfaz con colores pastel y elementos para tienda virtual

Color UI

Iconos de todo tipo que darán vida a tus contenidos

Esta selección integra diferentes sets de iconos sociales y de diferentes temáticas, listos para descargar gratuitamente y con un nivel de detalle excepcional. Muchos de ellos se adecuan al estilo plano que tanto nos gusta a los diseñadores, pero también para los nostálgicos hay algunos sets de iconos diseñados con mucho detalle y gran calidad que seguro darán más vida al contenido de tu proyecto.

Shock Icon Font: iconos basados en iOS7 para todo tipo de proyectos web

Shock Icon Font

Iconos de sombra larga: paquete con 30 iconos con efecto de sombra alargada

Iconos de sombra larga

IMPICONS: set con los iconos mas esenciales para la web

IMPICONS

Glifos iOS 7: paquete de iconos inspirados en el estilo sencillo de iOS7

Glifos iOS7

Iconos de prendas: 24 iconos de prendas de vestir con estilo linear

Iconos de prendas de vestir

PixelLove: set de iconos trabajados meticulosamente y listos para cualquier ambiente

PixelLove

Iconset: set de 63 iconos en estilo linear para la creación de interfaces.

Iconos estilo linear

Rediseño iconos iOS7: iconos de aplicaciones modificados para adapatarse a la nueva interfaz de iOS

Rediseño iconos iOS7

Landmark icons: set de 12 iconos de lugares famosos del mundo

iconos de lugares famosos

Tarjetas de credito: set de iconos de tarjetas de credito en estilo plano

iconos de tarjetas de credito

Iconos iOS7: iconos planos presentados como alternativa al actual menu de iOS7

iconos planos iOS7

Vectores planos: paquete de 50 iconos planos en vectores de Adobe Illustrator

vectores planos

Haz una cirugí­a estética a tu sitio con temas (PSDs y plantillas HTML)

Si alguna vez quisiste saber que se siente ser cirujano estético, bueno… esto es lo más cercano que puedes llegar a serlo. Cambia la apariencia de tu sitio web o blog con estas fantásticas plantillas en HTML y elementos gráficos en PSD.

STE.AM: Paquete de 5 plantillas en PSD para sitios de eventos

Plantillas STE.AM

Casual: tema para blogs de WordPress con infinitas opciones de color

Casual: tema de wordpress para blogs

Wg: nombre clave para esta plantilla de una página con diseño plano

Wg: plantilla de una pagina

iOS7 WordPress theme: una nueva cara para tu sitio inspirada en iOS7

iOS7 WordPress theme

EasyPortfolio: tema hecho en HTML5 y CSS3 totalmente responsivo para tu portafolio

easyportfolio tema en HTML5

Coorpin: tema corporativo minimlista para WordPress

Coorpin tema corporativo

Business: tema en PSD para negocios

tema en PSD para negocios

Vestibulum: plantilla en PSD ideal para sitios de mercadeo

Vestibulum tema de mercadeo

Organic: sobrio tema en PSD pensado para empresas y portafolios

Tema para empresas y portafolio

App Website: plantilla en PSD ideal para sitios de aplicaciones móviles

plantilla sitio aplicacion movil

Mejora las cualidades de tu plantilla con plugins y código adicional

Y ya que has terminado de arreglar la parte gráfica de tu negocio, lo fundamental es mejorar la funcionalidad de tu sitio web; haz que cargue más rápido, mejora la calidad de las imágenes y crea menús multinivel con estas herramientas y experimentos.

Jquery Slider Shock: una de las herramientas para crear sliders más completas en la web

jQuery Slider Shock

Dynamo: una forma simple de generar efectos en tus textos

Dynamo JS plugin

slimMenu: herramienta para crear menus complejos sobre la marcha

slimMenu jQuery plugin

Kit de maquetación iOS7: esquematiza de manera más veloz en Illustrator

iOS7 kit de maquetación

Boostrap 3: la versión actualizada de uno de los mejores framework disponibles

Bootstrap 3

Botones en CSS3: util paquete de botones con licencia de uso comercial

botones en CSS3

Menú desplegable: interesante concepto de menú con opciones fuera de este mundo

menu desplegable

tidyTime.js: una manera más amigable de proveer actualizaciones horarias

tidytime.js plugin

JPEGmini: poderosa compresión de imágenes sin perdida de calidad

compresor jpegmini

Booxibition: hermosas animaciones hechas con CSS3 y jQuery

Booxhibition

Menú multinivel: interesante concepto de menu lateral con animación

menu multinivel

Map Icons – iconos especiales para incluir en nuestros mapas de Google

iconos

Para los desarrolladores y diseñadores que cuidan hasta el más mí­nimo detalle de sus aplicaciones existen muchas bases de datos de iconos de todo tipo. Aquí­ os hemos presentado miles de ellos durante los últimos años, pero hasta ahora no nos habí­amos topado con una colección especialmente diseñada para su uso en mapas.

Eso es lo que podéis encontrar en iconos map-icons.com, una fantástica colección especialmente diseñada para Google Maps, con las instrucciones necesarias para implantarlos, alterar su color y tamaño, modificar su posición, etc.

El recurso lo presentan en webresourcesdepot.com como una fuente de iconos para la API de Google Maps API y Google Places, aumentando las instrucciones de developers.google.com para permitir el uso de imágenes y svg.

Un buen recurso para darle más vida a los mapas integrados en nuestras aplicaciones.

1TapWA, tus favoritos de Whatsapp directamente en la página de inicio

1tap

Seguimos con Whatsapp y vamos ahora a presentar una nueva aplicación, de momento solo para iOS, que nos permite tener a nuestros contactos preferidos de dicho sistema de mensajerí­a directamente en la página de inicio del móvil.

Si son muchos los contactos existentes en nuestra agenda, y para abrir un Whatsapp con cada uno son necesarios varios toques antes de tener el chat abierto, 1TapWa nos puede ahorrar tiempo con una solución que permite tener iconos en nuestro móvil que apuntan directamente a la página de Whatsapp de personas especí­ficas.

Solo tenemos que instalar 1TapWa (en iTunes, por 0,99 dolares) y seleccionar el contacto del que queremos crear el icono-atajo, haciendo una foto de su rostro, en caso de que lo consideremos necesario, y añadiendo el sí­mbolo de Whatsapp en la parte inferior del mismo. Una vez configurado el icono, podremos definir un mensaje (opcional) para que aparezca en el chat nada más abrir la aplicación (ideal para los que empiezan las conversaciones siempre con la misma palabra).

Android es una plataforma extremadamente abierta, muy flexible para realizar este tipo de tareas. Ya que iOS no lo es tanto, se agradece que implementen los recientemente anunciados URL Schemas para poder crear accesos directos de este tipo.

Cuzz, mensajerí­a móvil con iconos que construimos entre todos

cuzz

Desarrollada en Valencia, Cuzz (cuzzapp.com) es la nueva apuesta en el mundo de la mensajerí­a móvil, con una idea que puede ayudar a destacarse con la enorme competencia de un mercado en constante crecimiento, como os mostramos en la infografí­a de hace algunas horas.

Si LINE destaca por su colección de iconos, Cuzz tiene todos los ingredientes para hacerse con su puesto, ya que cualquiera puede construir y compartir iconos con el resto de la comunidad, explicándolo cuando sea necesario.

Sabemos que hay ya mucha competencia en el mercado, pero nosotros tenemos algo que nos hace únicos. En Cuzz apostamos por la creatividad de los usuarios, por eso puedes crear tus propios iconos, descargarte los de los demás, ordenarlos por carpetas, utilizar frases hechas y todo completamente gratis.

Los icons creados pueden ser públicos o privados, y en cualquier momento podemos girarlos para ver lo que significan (su explicación viene escrita en la parte trasera del icono). Los más populares aparecen destacados, ayudando así­ a mostrar al mundo a los usuarios más creativos, algo que puede ser de especial interés para los que se dedican a este tema.

Además de iconos, podemos crear chats en grupo con hasta 15 personas y guardar frases hechas, para no perder tiempo con aquéllo que siempre repetimos en nuestras conversaciones.

Podéis navegar por la web, cuzzapp.com, donde tenemos entretenidos diseños como el mostrado arriba explicando las funcionalidades de la plataforma. La aplicación la tenemos ya en Google Play y App Store.

Icontest, juego para relacionar imágenes con palabras en iOS

icontest

Nos escribe Alex Rodrí­guez para presentarnos un nuevo juego publicado por Plunge Interactive llamado Icontest, un juego para iPhone en el que tendremos distintas galerí­as y categorí­as de iconos que tendremos que relacionar con la palabra correspondiente.

Tanto objetos como conceptos, disponemos de cientos de iconos para adivinar su significado. Partiendo de una idea muy simple, el juego es bastante adictivo y a veces tendremos que rompernos un poco la cabeza para adivinar qué significa un icono y cuál es el concepto que tenemos que escribir para pasar al siguiente nivel (niveles que irán creciendo en dificultad conforma avancemos).

Para que el juego no se haga repetitivo o sea demasiado genérico dispondremos de diversas categorí­as en las que adivinar los iconos (objetos, personajes) y de un sistema de logros que nos darán ese toque competitivo que tanto engancha (logros que podremos compartir ví­a Game Center). Podremos jugar offline, una caracterí­stica a destacar de Icontest.

Por ahora disponemos de la versión para iPhone con diversos niveles y categorí­as distintas, y la semana que viene tendremos disponible la versión para iPad. Os dejamos con el ví­deo demostrativo creado para darnos una idea de cómo funciona el juego: Continúa leyendo «Icontest, juego para relacionar imágenes con palabras en iOS»