Categoría: Utilidades para diseño

Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.

makeappicon, una forma rápida de crear iconos para móviles

Publicado el

por Juan Diego Polo

Uno de los recursos recomendados hoy en webresourcesdepot.com es ideal para los que tieen que generar iconos en diferentes tamaños y quieren hacerlo en pocos segundos.

Se trata de makeappicon.com, una herramienta que permite, sin necesidad de registro, subir nuestro icono y obtener varias versiones del mismo en diversos tamaños, creados especialmente para su uso en dispositivos móviles.

Podemos obtener la colección de iconos para Android o iPhone, siendo posible bajar el resultado en el tamaño deseado y ver un ejemplo generado dinámicamente en una imagen del teléfono seleccionado.

Nada que cualquier editor de imágenes no consiga realizar, aunque lo hace en un tiempo record, siendo compatible con jpg, psd y png.

Evolución del diseño web desde 1990 hasta nuestros dí­as #infografí­a

Publicado el

por Juan Diego Polo

Excelente infografí­a de Clixlogix que comparten hoy en visual.ly, mostrando cómo ha evolucionado el diseño web en los últimos años.

Desde las webs basadas en tablas HTML hasta la fiebre del HTML5 y los dispositivos móviles, hemos visto como el CSS y el Flash se mordí­an entre ellos en busca de establecerse en el mercado, una guerra que tuvo un claro ganador con la revolución de la web móvil.

Lejos quedaron los tiempos en los que se diseñaba una página con el bloc de notas, o usando aquellas primeras versiones de DreamWeaver. Hoy en dí­a hay una infinidad de programas que ayudan a realizar el trabajo de forma efectiva, aunque, por supuesto, ninguna de ellas es capaz de sustituir el talento de un buen diseñador.

Os dejamos con la infografí­a:

Evolución del diseño web

ByPeople lanza paquete de diseño con 5 gb de archivos gratuitos

Publicado el

por Juan Diego Polo

Desde ByPeople nos llega una enorme colección de material gratuito para diseñadores. Más de 5 gb de archivos gratuitos listos para usar en cualquier proyecto web o de diseño en general, incluyendo menus, patrones, fondos, elementos de interfaz, botones, contenedores, sombras y luces, divisores, ribbons y badges y mucho más.

El paquete incluye archivos fuentes totalmente editables para que sea posible hacer las adaptaciones y ediciones que necesitemos.

En ByPeople.com tenemos una previsualización de todo lo que está incluido, un bundle que hace parte de la campaña de prelanzamiento de ByPeople, una red de contenidos curados para creativos, que vera la luz en Febrero del 2013.

Visualead, transforma cualquier dibujo en un código QR

Publicado el

por Juan Diego Polo

Aunque la conquista del mundo por parte de los códigos QR parece estar tardando más de lo que algunos creí­amos, sigue siendo una forma extremadamente práctica de divulgar urls de cualquier tipo en folletos, tarjetas y demás medios offline.

Ya hemos visto soluciones muy originales para crear códigos QR atractivos, y ahora os mostramos una que puede ayudar a integrar dicho código dentro de cualquier imagen.

Con visualead.com podéis, por ejemplo, transformar un logo en un código QR, o añadir uno semitransparente en parte de una imagen personalizada. Para crearlo solo tenéis que enviar la imagen original, informar la url y seleccionar el tamaño y la posición del código en cuestión.

Es posible elegir imágenes ya existentes en su base de datos (logos de redes sociales, por ejemplo, para divulgar nuestros perfiles) e informar el tipo de url deseado, para ahorrar tiempo en la configuración.

Una aplicación muy sencilla, práctica y gratuita.

Link: visualead.com | Ví­a hongkiat.com

wireframe.cc, una práctica forma de dibujar bocetos de diseños, páginas web y aplicaciones móviles

Publicado el

por Juan Diego Polo

Existen muchas herramientas creadas para el diseño de prototipos de aplicaciones, pero pocas tan sencillas y prácticas como wireframe.cc.

Se trata de un nuevo proyecto que nos presentaron hace unas horas, orientado para la comunidad de diseñadores, programadores y jefes de proyecto que desean dejar el lápiz y realizar bocetos más realistas directamente en la web.

Podemos seleccionar plantillas para diseño web o diseño de aplicaciones móviles, con la opción de incluir diferentes elementos, cambiar de tamaño lo que hemos seleccionado y alterar la estructura de la información para ayudar a entender mejor el resultado de lo que se va a programar.

Podéis ver una demostración en su página web y empezar a dibujar sin necesidad de registro dentro de wireframe.cc

Diseña una página de aterrizaje (Landing Page) adecuada

Publicado el

por Invitado

Artí­culo escrito por Chaz, diseñador gráfico que trabaja en Breezi, el creador de sitios. Con él los diseñadores pueden crear, administrar y diseñar cada pixel de sus sitios fácilmente.

Chaz también es un “geek” que disfruta del diseño impreso y web, el cine, el freelance y seguir aprendiendo.

Si estás diseñando un sitio web (ya sea con Breezi, Yola, Basekit o cualquier otra herramienta de diseño web), lo más probable es que quieras que genere tráfico para que tu contenido sea visto por su público meta. El diseño web debe ayudar a este objetivo y resaltar el propósito de tu sitio. Es por ello que debes tener usar los elementos adecuados para crear tu sitio, en especial la página de aterrizaje, porque es a través de ellas que tu público meta “aterrizarᔝ en tu sitio. En el ejemplo que vemos aquí­ es evidente que se usa una frase importante para atraer la atención y dos botones muy claros para que el visitante tome acción de manera inmediata.

Fuente de imagen: Breezi.com

Si usas bien una pagina de aterrizaje, es más fácil que tu usuario tome las acciones esperadas en tu sitio: que se registre para una cuenta, que descargue contenido o compre un producto. Con una página de aterrizaje apropiada puedes obtener una alza en tus conversiones (de visitantes a clientes) y cumplir el propósito de tu página o sitio web.

Guí­a para páginas de aterrizaje

Aquí­ te presentamos unos fundamentos para que tengas una página de aterrizaje bien diseñada.
Continúa leyendo «Diseña una página de aterrizaje (Landing Page) adecuada»

iconbench se abre al público ofreciendo iconos personalizados gratis

Publicado el

por Juan Diego Polo

Iconos gratuitos en Internet hay muchos, pero en pocas ocasiones podemos personalizarlos antes de hacer el download de turno, problema que quieren solucionar en iconbench.com.

Se trata de una aplicación que se abre al público después de varios meses cerrado, ofreciendo packs con hasta 700 iconos de diversas categorí­as que podemos alterar de varias formas antes de bajarlos.

La versión gratuita limita el número de iconos que podemos bajar, teniendo todos ellos una licencia Creative Commons para poder usarlos respetando las menciones a los autores correspondientes.

Una vez añadidos los efectos deseados, podemos seleccionar el grupo de iconos y enviarlos por email, siendo posible incluir el Sprite CSS. Continúa leyendo «iconbench se abre al público ofreciendo iconos personalizados gratis»

La nueva Typecast, especializada en tipografí­a en la web, es comprada por empresa con 125 años de experiencia en el tema

Publicado el

por Juan Diego Polo

Hace pocos dí­as os anunciamos la salida de fase beta del esperado TypeCast, solución que nos permite usar decenas de miles de fuentes diferentes en nuestros proyectos web, asociándose con Google Fonts, fonts.com, typekit y otros protagonistas en esta categorí­a.

Ahora anuncian que la famosa Monotype Imaging, empresa que lleva 125 años trabajando en el mundo de la tipografí­a, ha adquirido la tecnologí­a y el equipo, prometiendo que invertirán en hacer crecer el proyecto para transformarse en toda una referencia en Internet.

En su blog anuncian que continuarán con el mismo objetivo, permitir que cualquier diseñador pueda usar una gran variedad de fuentes en sus páginas web, sin tener que limitarse a las clásicas que pecan ya por su falta de originalidad en algunos trabajos.

Monotype también es dueña de Fonts.com, MyFonts.com y Skyfonts.com, etniendo así­ un enorme poder en este sentido.

Seguiremos de cerca la evolución de este proyecto que, sin duda, puede cambiar la forma de trabajar en diseño web.

FreePik, el buscador de contenido gratuito para diseñadores, incluye sección de cupones con descuentos

Publicado el

por Juan Diego Polo

freepik.com se ha consolidado ya como uno de los principales buscadores utilizados por diseñadores de todo el mundo que necesitan contenido gratuito para sus trabajos. Ahora nos informan de una nueva sección que puede ser muy atractiva para los que busquen material más exclusivo que el generalmente encontrado en dicho buscador.

Se trata de freepik.com/deals, una sección con cupones de descuento que, con fecha lí­mite, ofrece oportunidades interesantes en plantillas, iconos, libros, etc.

[…] hemos lanzado un buscador de megaofertas estilo Groupon pero del mundo del diseño, estas ofertas son en muchos casos del 80% gracias a acuerdos con varias empresas que nos dejan los productos más baratos por un tiempo limitado.

Un buen lugar para estudiantes y profesionales en busca de contenido para sus primeros bocetos.

Cómo Crear un Sitio con Diseño Minimalista

Publicado el

por Invitado

Artí­culo escrito por Joe Jimenez, parte del departamento de Marketing Digital en Breezi, un creador de sitios web para diseñadores y personas con creatividad. Joe cuenta con mas de 5 años de experiencia en SEO, SEM y PPC sus intereses incluyen diseño web, marketing y la música deep house.

Antes de empezar a diseñar tu sitio o página web, tienes que tomar en cuenta qué es lo que quieres lograr con él. De esta manera te será más fácil elegir un estilo. ¿Es un sitio para un negocio, para un grupo musical, para un evento especial o algo más? ¿Quién es el público o a quien esta enfocado el contenido de tu sitio y qué les interesa? ¿Qué tipo contenido manejarás y qué mensaje quieres transmitir? Estas son preguntas importantes que te ayudarán a decidir un estilo para tu sitio.

Esta es la primera publicación de una serie nueva en la que te mostraremos distintos estilos de diseños. Entonces, para empezar, te enseñaremos a crear un sitio web minimalista.

Definición de Diseño Minimalista

El arte minimalista, en general, trata de reducir cada elemento a su mí­nima expresión, enfocándose solamente en los aspectos más importantes que se quieren comunicar. Estos mismos lineamientos se aplican al diseño web minimalista. El propósito del diseño minimalista es deshacerse de todo lo que distraiga al receptor de la idea principal, de la cual solamente se presenta su núcleo con simpleza y elegancia.

Continúa leyendo «Cómo Crear un Sitio con Diseño Minimalista»