5 páginas sencillas y útiles para diseñadores web

Entre los miles de recursos que hemos divulgado en los últimos años dentro de la categoría “Utilidades para diseño”, hemos seleccionado hoy cinco que pueden ser muy útiles en el día a día, aplicaciones poco sofisticadas, pero que pueden ayudar a ahorrarnos tiempo.

Aquí tenéis la lista:

resizeappicon: Solo tenemos que subir un logo cuadrado y especificar el tamaño de los iconos que queremos que se generen de forma automática. Hay decenas de opciones disponibles, y pueden descargarse todos al mismo tiempo.

captura-86

firesize.com: una aplicación que altera el tamaño de una imagen con solo cambiar la url de la misma.

Si nuestra foto es de 2000×800 y está guardada en miweb.com/imagen.jpg, solo tendremos que acceder a http://firesize.com/800×100/g_center/http://miweb.com/imagen.jpg para tener una versión en 800×100, imagen que se guardará en varios servidores para que nuestros lectores la carguen desde el más cercano.

Buscadores de iconos: Nunca nos cansaremos de indicar buscadores de iconos de todo tipo, pero la recopilación de cinco buscadores que hicimos hace unas semanas vale la pena ser revisada.

Pablo, de buffer: Ideal para crear en segundos un banner compuesto de una imagen de fondo y un texto destacado.

vectormagic.com: transforma imágenes en baja resolución en vectores casi perfectos, ayudando así a ampliar el tamaño sin perder calidad.

captura-87

Es parecido a lo que hacen en vectoriza.com o en autotracer.org, pero puede probarse de forma gratuita.

Sitios para ver y crear Fractales en Internet

Si os gusta el mundo de los fractales, objetos geométricos cuya estructura se repite a diferentes escala, echad un vistazo en esta lista que hemos preparado hoy para vosotros:

MandelBrot en github.io

captura-46

Podéis hacer click en cualquier zona para que se realice un zoom de la región especificada. Será necesario esperar un poco a que se calcule le nueva estructura para que podamos volver a hacer zoom y comprobar así que no hay límite.

Es el más conocido de los conjuntos fractales y el más estudiado. Podéis obtener mucha más información sobre El Conjunto de Mandelbrot en esta página de Wikipedia
Continúa leyendo…

Imágenes vectoriales del Apple Watch

captura-9

Fantástico el trabajo que han realizado en designcode.io/watch, un trabajo de más de 100 horas que ha tenido como resultado una colección de imágenes vectoriales con iconos, pantallas y muchos más elementos gráficos relacionados con el Apple Watch.

Además de diseños del reloj y de iconos de aplicaciones, incluyen enlaces para bajar la tipografía adecuada, así como links a los libros y cursos sobre el tema que tienen publicados en su página principal.
Continúa leyendo…

Recursos frescos de marzo para profesionales web

Aquí vamos al ataque una vez más, trayendo todas las novedades en el mundo de los recursos para diseño y desarrollo web. Hemos seleccionado únicamente lo mejor en íconos, herramientas de desarrollo, fuentes, plugins y mucho más. Así que adelanta, usa estos elementos y haz de tu próximo proyecto algo especial.

Una Excelente Colección De Íconos Inspirada En Interfaces Pasadas

Una Excelente Colección De íconos Inspirado En Interfaces Pasadas

Transformicons: Elementos Animados Con SVG Y CSS

Transformicons: Elementos Animados Con SVG Y CSS

Íconos Flat Relacionados Con Seguridad

Íconos Flat Relacionados Con Seguridad

LOT: Fuente Geométrica En Bloques

LOT: Fuente Geométrica En Bloques
Continúa leyendo…

FireSize, para cambiar el tamaño de cualquier foto de forma inmediata y automática

captura-17

No es difícil cambiar el tamaño de una imagen, o reducir la cantidad de kb para que sea más rápida su carga en una página web, de hecho ya comentamos algunas opciones que podéis usar para esta finalidad, pero la que os presentamos hoy es seguramente la más sencilla de todas.

Se trata de firesize.com, una aplicación que altera el tamaño de una imagen con solo cambiar la url de la misma.

Si nuestra foto es de 1024×768 y está guardada, por ejemplo, en:

http://misitio.com/foto.jpg

solo tendremos que acceder a

http://firesize.com/800×100/g_center/http://misitio.com/foto.jpg

para ver la misma imagen en tamaño 800×100, imagen que se guardará en varios servidores para que nuestros lectores la carguen desde el más cercano, garantizando así que la web reduce su tiempo de carga.

FireSize de momento se encuentra en fase beta, siendo gratuito, aunque se espera que se desarrollen extensiones y formas de integrar esa tecnología dentro de cualquier web, ayudando a aumentar la velocidad de nuestros sitios y a no preocuparnos con los tamaños de las imágenes que mostramos a los lectores.

Algunos miembros lectores de Producthunt ya han estado trabajando en un script que carga todas las fotos de una misma página web usando FireSize. Parece que oiremos hablar bastante de este sistema.

Jimdo y 99designs se asocian para que sea posible crear webs e identidad visual en el mismo sitio

captura-22

Desde Jimdo nos comentan que se han asociado con la plataforma de diseñadores de 99designs, web de “concursos” de diseños en la que los clientes llegan, lanzan un concurso de diseño con un briefing y luego eligen un diseño ganador.

Los CEOs de las compañías se conocen desde hace tiempo, y han encontrado una forma de complementar los servicios bastante lógica. Nos comentan:

Por nuestra parte, muchos usuarios tienen una página web, pero les falta una imagen de marca constante, un logotipo profesional y un diseño de una página web acorde a ese logotipo. Por su parte, sucedía el caso contrario: una maravilla de logotipo, pero sin una página web donde mostrar sus servicios y plasmar su imagen de marca. Por eso hemos lanzado una nueva categoría conjunta de Logotipo y website que sobretodo va a beneficiar a las pequeñas o medianas empresas que quieran dar el paso de tener una presencia online más profesional.

Aunque son muchos los profesionales que no aceptan el modelo “concurso” como una opción, son miles de diseñadores los que trabajan con frecuencia en 99designs, y si ahora existe la posibilidad de crear una web y ofrecer un diseño completo (logo + identidad visual), se abrirán nuevas posibilidades para quienes ofrecen este tipo de servicios.

5 excelentes buscadores de iconos gratuitos y de libre uso

Para todo tipo proyectos, particulamente, los que se realizan para la web, hace falta disponer de buenos catálogos gráficos de alta calidad. Por tal motivo, hoy compartimos algunos de los más interesantes buscadores de iconos gratuitos y de libre uso que son recomendados por los profesionales de ElegantThemes, y que se pueden usar de inmediato gracias a su disponibilidad también online:

FlatIcon

flaticon

Alrededor de 70.000 iconos vectoriales gratuitos, en formatos SVG, EPS, PSD y PNG, con la posibilidad de obtenerlos tanto en descarga directa como directamente en Photoshop, Illustrator y After Effects (a través de una extensión). Por si fuera poco, pueden usarse hasta como fuentes web.

iconmonster

iconmonstr

PNG y SVG son los formatos que contempla esta colección de elegantes iconos en calidad vectorial, más de 2.000, organizados por categorías rápidas. Puedes descargarlos y usarlos en proyectos personales y comerciales, incluso sin enlaces de atribución, pero antes debes revisar algunas condiciones dadas en su licencia.

IconArchive

iconarchive

Aunque hay varias restricciones para varias de las elegantes colecciones de coloridos iconos que en dicho buscador se encuentran (atribuciones, licencias Creative Commons, prohibición de uso comercial en algunas pocas, etc.), en general, el material disponible puede ser ocupado en proyectos personales y profesionales de todo tipo sin mayor impedimento.

IconFinder

IconFinder

Un referente en el sector con ya casi medio millón de iconos indexados y alrededor de 7.000 colecciones de ellos. Aunque se cuentan los iconos de pago con los gratuitos, de este último tipo hay por montones y se puede acceder rápidamente a ellos a través de los útiles filtros (incluyendo uno por licencias) que se presentan junto a la sección de resultados. Una interesante característica es que con solo un botón se puede elegir a gusto su color de fondo (blanco, negro, gris o transparente).

freepik

freepik

Finalmente tenemos a freepik, un servicio online que entre otros recursos gráficos (imágenes vectoriales, archivos PSD y fotos) presenta con cada búsqueda un buen manojo de iconos listos para su descarga y uso. Son más de 40.000 iconos gratuitos y de cada uno se comparte su debida licencia, además, se muestra una organización también por categorías: Clima, transporte, medicina, señales, herramientas, etc.

Post.as, una aplicación para hacer montajes con textos, fotos y vídeos

Existen muchas herramientas creadas para permitir crear banners, montajes, collages de todo tipo para mezclar fotos y textos en Internet, y post.as es una nueva apuesta en esta categoría.

Se trata de una plataforma en la que podemos subir fotos, alterar su posición y tamaño, crear textos con varios tipos de fuente y efectos, incluir vídeos y sonidos (importa desde youtube, soundcloud y otras fuentes)… no hay que tener conocimientos avanzados ni de diseño ni de programación, únicamente buen gusto para mezclar colores y alinear componentes.

Post.as pretende ser una referencia a la hora de compartir contenido en las redes sociales, de hecho podemos compartir el resultado en facebook con un solo click, aunque en el caso de incrustar un vídeo, no funcionará directamente en Facebook, siendo necesario incluir el link a post.as para que los seguidores lo vean.

captura-44

Aunque para crear banners profesionales tenemos en canva.com una inmejorable opción, post.as puede ayudar a los que quieren hacer un montaje rápido sin preocuparse con plantillas ni formas, y en eso sí es bastante efectivo.

Incluye también la posibilidad de seguir y ser seguidos, por lo que además de ser una herramienta para crear montajes y enviarlos a las redes sociales, podría también transformarse en una red social de creativos, aunque aún tendría que recorrer mucho camino para tener éxito en esa categoría.