Free Flat Icons, miles y miles de iconos personalizables para tu sitio web

icons

Una sección muy importante de Wwwhatsnew es la que dedicamos a publicar herramientas para diseñadores y desarrolladores del mundo web, como fue el caso de esta fantástica compilación que compartimos con vosotros hace un par de meses en la que incluimos plantillas, mockups, fondos de pantalla con desenfoque, interfaces y distintas galerías de iconos temáticos.

En esta última área queremos añadir hoy un recurso más que no sólo nos permitirá tener acceso a una galería de miles de iconos descargables y utilizables, sino también modificarlos al gusto y personalizarlos. Se trata del sitio web Free Flat Icons, una página que hará más fácil la vida de cualquier diseñador web o gráfico.

En él encontraremos miles de packs y galerías de iconos clasificados por temáticas (generales, banca, comida, médicos, seguridad, gente, ciencia, tecnología…) y el gran punto a favor del sitio web respecto a otras galerías es que no sólo nos permitirá buscar iconos que podamos utilizar, sino también a cambiarlos directamente desde la plataforma. Para esto último solamente tendremos que apretar al icono que nos interese modificar y accederemos a un panel de diseño en el que podremos modificar el fondo, el tamaño de los elementos, la forma y el color introduciendo el código HTML correspondiente. Al acabar, podremos descargar el icono en PNG y utilizarlo libremente y sin restricciones.

Oozled, más de 600 recursos para diseño y desarrollo web

Oozled nació de la iniciativa de Dan Edwards al compartir una colección personal de recursos sobre diseño web con sus alumnos de la Universidad.

Pero la lista se hizo tan popular que dio lugar a un espacio colaborativo para compartir recursos gratuitos y de pago, organizados en diferentes colecciones.

oozled

Por ejemplo, podemos encontrar pack de iconos, recomendaciones de diseños para inspirarnos, recursos para encontrar la tipografía perfecta para nuestro proyecto, colecciones de archivos PSD, pinceles para Photoshop, entre otros.

También encontraremos guías, libros, videos, así como referencias a comunidades online para desarrollar nuevas habilidades y explorar nuevas ideas. Hay una sección dedicada a bolsas de trabajo donde encontraremos sugerencias de portales con noticias y oportunidades laborales para diseñadores freelance.

Son 42 las categoría que podemos recorrer y descubrir recursos que se ajusten a nuestras necesidades. Al crearnos una cuenta, nos permite crearnos un feed de las categorías que nos resultan interesantes para no perdernos ninguna actualización.

Y por supuesto, también podemos participar sugiriendo nuevos recursos y contribuir con la comunidad de Oozle.

Captain Icon, una colección de 375 iconos vectoriales gratuitos

iconos

Captain Icon es un interesante opción que no puede faltar en el kit de recursos de todo buen diseñador.

Es una colección de más de 350 iconos gratis para utilizar en diferentes proyectos, ya sea pensando en la web o en aplicaciones móviles. Además de cubrir una variedad de temáticas, tienen un diseño muy divertido y con varias características que permiten personalizarlos a nuestro criterio.

Al descargar este set de iconos nos encontramos que está disponible en una variedad de formatos como PNG, PSD, EPS, SVG y Web Font.  El creador de esta colección no solo ha hecho un trabajo espectacular con su diseño, sino además ha abierto una página explicando de forma muy amena cada detalle los iconos y su potencial para utilizarlo en diferentes diseños.

Podemos descargarlo de forma gratuita y utilizarlo en nuestros proyectos teniendo en cuenta el tipo de licencia, y si deseamos, dejar una pequeña donación en agradecimiento y apoyo a la creación de esta clase de recursos.

Y si buscamos más opciones en iconos para utilizarlos en nuestros proyectos comerciales, podemos tener en cuenta el set de iconshock que compartimos en un artículo anterior.

Nuevo set de iconos totalmente gratis, incluso para proyectos comerciales

iconos

Desde iconshock.com nos presentan una nueva colección de iconos gratuitos cuya licencia nos permite usarlos incluso para proyectos comerciales, siendo así ideal para incluirlos en páginas web corporativas, artículos en blogs, aplicaciones móviles, etc.

En formato Psd (photoshop) y png (con fondo transparente), son más de 10.000 iconos clasificados, con varios formatos y colores, siendo posible descargarlos después de indicar el email o compartir la colección en las redes sociales.

iconshock es un conocido buscador de iconos que vende packs de diversas categorías, ofreciendo con bastante frecuencia algunos sets gratuitos para que podamos usarlo tanto con licencia comercial como con licencia de uso particular.

Sin duda, un gran recurso para guardar en nuestra carpeta de “utilidades para diseño”.

Aplicación para iPad permitirá diseñar monstruos imprimibles en 3D

modio

Con el reciente auge de las impresoras 3D, es de esperar que progresivamente vayamos viendo más utilidades relacionadas con esta nueva tecnología. Hoy destacamos Modio, una aplicación para iPad creada por Himlar Gunnarsson, un emprendedor de Islandia, que te permitirá construir monstruos uniendo diferentes piezas hasta lograr el acabado deseado. Todo ello desde la comodidad de tu iPad, para posteriormente imprimirlas en 3D a través de una impresora apta para esa tarea. Gracias a su facilidad de uso, la aplicación te permitirá cambiar sin mayores complicaciones el tamaño de las piezas, sus texturas, sus colores… y todo ello a tiempo real.

Modio, que apenas cuenta con un par de semanas de vida, pretende ganar dinero ofreciendo contenido descargable extra de pago, como por ejemplo, nuevos diseños de monstruos, piezas extra, o incluso ofreciendo la posibilidad de que los usuarios puedan vender sus propios diseños a través de la aplicación para que otras personas puedan imprimirlos. Hasta el momento, la aplicación ha recibido una gran acogida en públicos de todas las edades, y esto puede estar debido al objetivo que siempre han tenido en mente a la hora de desarrollar Modio: la sencillez. La aplicación ofrece un manejo realmente sencillo, con el fin de que incluso los niños más pequeños puedan diseñar sus propios monstruos, pero a la vez, permitiendo que un adulto pueda crear complejos diseños gracias a la potencia que ofrece este software. Para empezar a crear un diseño, es tan sencillo como tocar la pieza que deseemos utilizar y arrastrala hasta la posición deseada.

Esta aplicación viene con el objetivo de resolver el actual problema que existe con las impresoras 3D, y es que cada vez encontramos más modelos en las grandes superficies y cualquiera podría adquirir una unidad si así lo desease, pero el problema reside en la falta de conocimientos acerca de diseño en 3D en la gran mayoría de usuarios de a pie. Gracias a esta aplicación, cualquiera podrá crear infinidad de diseños en un abrir y cerrar de ojos para posteriormente poder imprimirlos, por lo que podría ser una forma de acercar esta tecnología al gran público.

Visme, herramienta para crear gratis presentaciones, infografías, banners y más

Revisamos a fondo una interesante herramienta online para profesionales, académicos, emprendedores y cualquier otra persona que requiera valerse del contenido visual para expresar sus ideas en formatos gráficos de alta calidad y con apenas hacer uso de su navegador. Su nombre es Visme (antes EWC Presenter), un producto de una startup de Washington, DC (USA) llamada Easy WebContent.

Qué es Visme

infografias visme
Es una aplicación online para crear presentaciones profesionales, infografías, animaciones, demostraciones de productos, banners publicitarios, etc. Es una alternativa a Microsoft PowerPoint y a Apple Keynote, pero a la vez permite realizar sin mayores conocimientos, con una intuitiva interfaz y con plantillas para no iniciar desde cero, obras gráficas que sólo alguien con un buen manejo de Adobe Photoshop e Illustrator podría conseguir.

Por todo esto es que se le conoce como la “navaja suiza” para las necesidades en contenidos visuales, más aún si se tienen en cuenta las posibilidades que le brinda su naturaleza en la nube (mayor espacio, disponibilidad en cualquier lugar mediante cualquier navegador actual, incrustación en sitios web, etc.) y el estar construida en HTML5 y no en Flash, lo que le permite verse bien tanto en la web como en dispositivos móviles.

Características

visme caracteristicas
Características para su versión gratuita

– Miles de elementos predeterminados para agregar al instante.
– 100 MB de almacenamiento gratuito.
– Elementos interactivos como los de las infografías que cambian según los valores numéricos ingresados.
– Inserción de elementos externos mediante fuentes como YouTube y Vimeo.
– Modificación de contenidos a través del siempre útil arrastrar y soltar.
– Interfaz con diseño plano, minimalista, con líneas guía y ayuda instantánea en cada sección.
– Modo para insertar texto animado y con disposiciones predeterminadas por columnas.
– Animación de elementos por separado con una timeline avanzada en la parte superior.
– Panel de slides a la derecha y barra de inserción de contenidos a la izquierda.
– Acceso a millones de imágenes gratuitas (propias o mediante Flickr) e íconos en formato vectorial.
– Exportación de contenido a formato de imágenes JPG.
– Publicación instantánea en la web (compatible con móviles) mediante SlideShare, un sitio web o blog propio a través de la incrustación, o usando el enlace generado a un espacio de visualización en Visme.
– Compartición de los resultados en las redes sociales con un clic o simplemente descargándolos.

Características adicionales en su versión Premium

– Más elementos disponibles, especialmente contenido para infografías
– Exportación de los resultados a HTML -claro, HTML5- y PDF
– Mayor almacenamiento y con menor lìmite en el número de proyectos
– Proyectos públicos y privados

Cómo funciona Visme

Después de crear una cuenta aparecerá una pequeña ventana para darle título a un “Nuevo proyecto”. El tipo de proyecto se decide enseguida en una pantalla con los disponibles: Custom (personalizado), Presentation, Banner Ads (banners publicitarios), Infographics (infografías) y Product Demo.

tipos de proyectos

Custom: Para iniciar en un lienzo “en blanco”, entre comillas ya que se puede partir de un fondo con colores fijos, degradados, un fractal, una foto o una textura. Desde allí es posible crear animaciones personalizadas.
Presentation: Para crear presentaciones a lo PowerPoint sólo que con más contenido multimedia de alta calidad en una omnipotente barra lateral que permite insertarlos con un par de clics o arrastrando y soltando, eso y 7 plantillas profesionales para escoger. En el lado opuesto está el botón Slides que permite gestionar las diapositivas.
Banner Ads: Para crear banners publicitarios animados o sin movimiento. Por supuesto, también hay múltiples plantillas para los formatos más conocidos en este tipo de anuncios: 728×90, 468×60, 336×280, 125×125 y 120×600, entre otros. Igualmente se puede partir de un tamaño personalizado.
banner ads (2)
Infographics: Quizá el apartado más “explotable” de Visme por las facilidades que brinda para crear infografías en una interfaz muy familiar, con reglas guía, cientos de elementos para escoger (algunos interactivos), temas predeterminados, fondos a un clic y montones de funciones para compartir los resultados.
templates infografias
Product Demo: Lastimosamente este modo no está disponible, pero por lo comentado, contará con templates para crear la promoción de un nuevo producto.

Panel principal (Dashboard)
La próxima vez que se acceda a Visme aparecerá el panel principal que alberga un par de pestañas My websites y Visme. En Visme se mostrarán todos los proyectos previamente realizados y listos para previsualizar, editar o eliminar. Igualmente, en la parte superior derecha, se mostrarán un par de enlaces de gran utilidad: Examples, con ejemplos realizados por la comunidad, y Tutorials, para visitar un completo espacio de ayuda con guías en video, tutoriales, preguntas resueltas y soporte tècnico.

Cómo crear una cuenta

Visme se puede usar de forma completa en su versión gratuita la cual admite el registro con apenas un nombre y un email, ni siquiera hace falta confirmar el email, o ingresar una contraseña, aunque esta última sí se genera aleatoriamente y es enviada al email para un futuro acceso. También es posible darle uso iniciando a través de una cuenta de Facebook. Sin embargo, para acceder a las características extra antes mencionadas, se puede optar por los planes premium que inician en US$ 4.50 por mes.

constructor de sitios web
Captura del Creador de Sitios web de Easy WebContent, independiente a Visme

Por si fuera poco, al crear una cuenta se habilitará instantáneamente una herramienta para crear sitios web a partir de plantillas predeterminadas y totalmente modificables a través de su constructor visual (con reglas y funciones de arrastrar y soltar elementos para reorganizarlos) o bien, mediante el clásico editor de HTML.

Enlace: Visme.co

calltoidea, una web con diseños de formularios, calendarios, logins, galerías…

[…] una página donde poder inspirarme, tener una referencia como dribbble, behance, estaba bien pero necesitaba cosas mucho más concretas, como por ejemplo logins, registros, popups, estados de error (404), tabs, ejemplos de mails, etc…

Así nos presenta Alexis Hill su proyecto, una página en la que se recopilan diseños de componentes usados por diferentes sitios web con el objetivo de inspirar a todos los programadores y diseñadores que lo deseen.

Se trata de calltoidea.com, un sitio web sencillo con una excelente colección de formularios, páginas de login, páginas 404, formas de mostrar pestañas, galerías de fotos, ventanas emergentes y muchas otras categorías enlas que podemos encontrar capturas obtenidas de diversos proyectos web.

Incluye también una sección en la que se muestran los colores utilizados por proyectos web específicos (linkedin, google, spotify…), no tan sofisticada como las mostradas en el artículo Sitios web para quien trabaja con colores, pero en contante crecimiento, según nos comenta Alexis por email.

¿Sitios web con paralaje sin saber programar? Webydo invita a lectores de WWWhatsnew a su solución por invitación

Webydo (webydo.com), la plataforma que permite a los profesionales del diseño crear y gestionar sitios web sin necesidad de programar, está invitando a la comunidad de lectores de WWwhatsnew.com a probar su solución de creación de animaciones con paralaje en una campaña a la que solo se puede acceder con invitación.

La función Parallax Scrolling Animator, en estado beta, ya ha sido probada por más de 2.000 usuarios que han tenido acceso a la misma (se acabaron los 2.000 accesos en 1,5 horas) y ahora están ofreciendo 8.000 más. Puedes solicitar tu invitación en este enlace. Date prisa, ya que se entregarán las invitaciones a medida que se reciban y se cerrará el acceso dentro de siete días.

Paralaje (parallax, en inglés) es el efecto que permite que objetos lejanos parezcan moverse más lento que los objetos cercanos, un efecto que se está utilizando últimamente mucho en el diseño de sitios web.

Generalmente es necesario conocer bastante sobre programación web para obtener este tipo de efectos, pero desde Webydo han creado un sistema que permite diseñar este tipo de webs sin necesidad de programar. Los sitios que usan paralaje necesitan una programación en la que se define el movimiento de cada elemento pixel por pixel, con trabajos que a veces tardan meses en completarse, por lo que disponer de un sistema que agilice este proceso es sin duda una buena noticia.

Lo que nos permite es crear animaciones con ilusión de profundidad, permitiendo que los elementos se muevan de forma individual a medida que el usuario baja por la página, podremos definir eventos a medida que se realiza scroll, así como definir caminos, opacidad, rotaciones y velocidad y será posible diseñarlo todo desde una interfaz visual bastante intuitiva, generando caminos de movimiento para cada elemento sin necesidad de programar nada.

webydo

Existen joyas como discover.store.sony.com, maxbrenner.com, ok-studios.de, shibui.me o titanic.q-music.be que demuestran las maravillas que pueden hacerse con programación, talento e imaginación.
Continúa leyendo…