El mundo web es una meca de herramientas y oportunidades para los usuarios, quienes pueden resolver en minutos lo que antes podía retrasar todo un proyecto. En ese sentido, dentro del campo del diseño han florecido distintas opciones que hacen el trabajo mucho más sencillo para quienes no cuentan con los conocimientos necesarios o no poseen el presupuesto necesario para contratar el servicio de un profesional. Es por eso que en el siguiente artículo nos centraremos en las 6 mejores herramientas de diseño para no diseñadores que puedes encontrar en internet. 

Vivimos en una era cada vez más visual desde la llegada de los nuevos dispositivos móviles y los avances en conectividad que se han sucedido en las últimas dos décadas. Hoy en día, todo puede ser encontrado en la web y solo aquellos que se destaquen visualmente podrán pisar fuerte en medio de tanta competencia. Es allí en donde el diseño gráfico se convierte en una herramienta fundamental para todo marca, desde las más pequeñas hasta las más consolidadas en el mercado, ya que deberán poder captar la atención de ese usuario híper estimulado y luchar por llamar su atención.

En esa dirección, el diseño gráfico es la primera carta de presentación de todo proyecto y, tal y como reza el dicho, no hay dos chances de causar una buena primera impresión. Es por ello que más allá de lo bueno que sea nuestro producto o lo brillante que sea nuestra idea, una mala decisión de diseño puede echar por la borda todo el esfuerzo en este mundo cada vez más veloz y dinámico. Después de todo, piense en ejemplos de marcas que considere memorables y notará que lo visual tiene un gran impacto para que ocupan ese lugar en sus recuerdos.

Ahora bien, no siempre se puede dedicar el tiempo o el presupuesto necesario en este campo. Las marcas que se encuentran brindando sus primeros pasos no suelen tener el dinero suficiente para contratar el servicio de profesionales, así como también se encuentran atareados por otros problemas de logística dentro del emprendimiento. Por suerte, el mundo web siempre tiene una solución para este tipo de problemas y es posible encontrar programas de diseño ideales para aquellos que no cuentan con los conocimientos específicos ni el dinero necesario, sin por ello descuidar un resultado eficiente y profesional. Repasemos algunas alternativas:

1 – Canva

Sin lugar a dudas Canva es una de las herramientas más populares dentro del mercado, ya que es un programa intuitivo que permite obtener en minutos un resultado profesional y agradable visualmente. Utilizado por muchas pequeñas empresas y emprendimientos que recién comienzan, permite suplantar la falta de tiempo y dinero sin dejar atrás la calidad. Entre sus ventajas encontraremos su fácil usabilidad, así como la gran oferta de diseños predeterminados que le permiten al usuario avanzar con gran rapidez: distinguiendo un posteo de redes sociales de un afiche en general, no es necesario preocuparse por las medidas ni otras cuestiones.

Además, se trata de un programa 100% online, por lo que no es necesario descargarse nada hasta el momento final del diseño, lo cual resulta sumamente práctico. Entre las desventajas, encontramos que debido a su popularidad es común encontrarse con sus diseños predeterminados en muchos sitios en la web, lo que puede terminar siendo contraproducente para nuestra marca, así como también el detalle de que algunas funciones destacadas tienen un costo que arranca desde un dólar.

En esa línea, cabe destacar que Canva es mayoritariamente una herramienta gratuita, pero algunos elementos son pagos, aunque siempre dentro de un rango económico en el mercado.

2 – Crello

En la misma línea que Canva, Crello es otra interfaz en línea muy sencilla de utilizar desde el primer momento, con un diseño intuitivo que permite obtener resultados de muy buena calidad sin necesidad de contar con conocimientos sobrados de diseño. Esta alternativa cuenta con una variedad importante de plantillas y formatos que pueden ser editados, como es el caso de posteos para redes sociales o animaciones para la web. Crello, básicamente, cuenta con todo lo necesario para salir del apuro sin descuidar la calidad, algo muy importante en el mundo en línea.

Entre sus ventajas encontramos, además de su amplia gama de utilidades como marcos, filtros, insertar imágenes y diseños especiales, la sencillez para poder descargar las imágenes y trabajar sin grandes sobresaltos. En ese sentido, al ser menos conocida que Canva, no corremos el riesgo de parecernos demasiado a la competencia. Entre las desventajas, como suele suceder con esta clase de programas, es que las funciones se ven limitadas en el servicio gratuito, por lo que lo último en diseño y tendencias puede que sea pago.

En esa línea, si bien se pueden realizar muchas tareas de forma gratuita, posee un costo de 6,75 euros al mes y que amplía las posibilidades de diseño de gran manera. Allí, por ejemplo, se puede encontrar el acceso a un kit de marca.

3 – Tailor Brands

Cuando mencionamos la importancia del diseño gráfico en el mundo web, debemos mencionar también que gran parte de la batalla se brinda en el logo de la marca. Si hablamos de primeras impresiones, el logo será el encargado de captar la atención del usuario y transmitirle en el menor tiempo posible el espíritu, la identidad y los valores de la firma. En esa dirección, Tailor Brands ha diseñado una herramienta de gran utilidad: un creador de logos en línea.

A través de un cuestionario interactivo en donde el usuario va respondiendo preguntas y seleccionando alternativas, la gran ventaja de esta herramienta es que se puede resolver en poco tiempo lo que antes podía demorar meses la salida de un proyecto o producto. A través de utilizar lo mejor en Inteligencia Artificial (IA), se obtiene un resultado final de calidad profesional. Además se pueden diseñar páginas web, contenido de marca y muchas otras herramientas que hacen al branding de una marca, lo cual es más que útil.

Entre sus desventajas, encontramos que no hay una opción gratuita, lo cual puede ser un problema para proyectos de muy bajo presupuesto. Sin embargo, con planes a partir de los 3,99 USD por mes, es una opción a considerar.

4 – Picmonkey

Este recurso en línea ayuda a distintos profesionales a realizar una buena estrategia de marketing para las siempre complejas redes sociales. Elegida especialmente por los emprendedores e influencers, con Picmonkey es posible destacarse de la media gracias al impacto visual que genera su resultado profesional. En ese sentido, lo que más sobresale de esta herramienta es su editor de fotos sencillo y práctico, que a diferencia de los clásicos software de edición es intuitivo para quien no tiene un conocimiento previo en el área.

Así entonces, entre sus ventajas encontraremos que posee una posibilidad de edición más completa que otras marcas similares del mercado, es de una practicidad superior y, al mismo tiempo, también es sencillo de utilizar en teléfonos móviles, algo que no todas las marcas logran.

Entre los aspectos negativos, encontraremos que más allá de una versión de prueba gratuita, las funciones útiles de Picmonkey son pagas y los precios arrancan en 7,99 USD mensuales, lo cual puede estar lejos de las expectativas de un joven emprendedor.

5 – Stencil

En este caso tenemos un diseñador online que se destaca de la competencia por características propias. Stencil tiene algunas particularidades que tanto Canva o Crello, por ejemplo no poseen, que es la cuestión de enfatizar lo sencillo al extremo, permitiendo que literalmente todos puedan utilizarla. Claro, esto puede resultar muy democratizador en teoría, pero al mismo tiempo puede tener alguna serie de complicaciones si lo que buscamos es un resultado profesional que se destaque por sobre nuestros competidores. Luego de utilizar Stencil, la usabilidad de las otras herramientas parecerá mucho más compleja de lo que realmente es, lo cual es un punto a favor de esta firma.

Entre las ventajas de Stencil, encontramos el libre acceso a más de 5 millones de fotos, 3 millones de íconos y elementos gráficos, miles de plantillas prediseñadas, contenido de marca y mucho más. En un abrir y cerrar de ojos, puedes renovar por completo la imagen de tu firma o de tu red social, por ejemplo. Ahora bien, también tiene sus limitaciones, como no contar con herramientas útiles como el borrador de fondos u opciones limitadas en las plantillas de cierto tipo de contenidos, por lo que no termina de ser el reemplazo perfecto de herramientas como Canva.

Si bien Stencil tiene una opción gratuita, esta sirve simplemente para salir del apuro, ya que las verdaderas herramientas las encontrarás a partir de los 9 USD mensuales.

6 – Piktochart

Sin lugar a dudas, uno de los contenidos más valorados en el mundo web son las infografías: con una simple imagen puedes condensar una cantidad importante de valiosa información. En Piktochart esa tarea no solo se convierte en algo más sencillo, sino que incluso puede tornarse divertido y dinámico. Ahora bien, su oferta no se detiene solo allí, sino que posee todo lo necesario para complementar una imagen online fuerte y consistente para nuestra marca.

Entre sus ventajas, encontraremos que es un producto un tanto más sofisticado que la media en estos mercados, al mismo tiempo que los recursos que ofrece resultan menos vistos que los de Canva o Stencil, por ejemplo. Además, a la hora de hacer presentaciones y gráficos, es la herramienta más completa. En cuanto a desventajas, podemos encontrar que solo tiene idioma en inglés, lo cual dificulta por completo la usabilidad más allá de cualquier esfuerzo de programación. Además, el número de plantillas gratuitas que ofrece es más limitado que con otras marcas.

Piktochart posee una versión gratuita, pero tiene sus restricciones, por lo que para trabajar de forma completa y profesional, el costo comienza en 14 dólares por mes, lo cual es un poco superior al precio promedio de otras firmas de similar tamaño.

Un socio inesperado

En conclusión, en este artículo puedes encontrar a disposición 6 herramientas de diseño online sin necesidad de tener conocimientos de diseño ni un presupuesto abultado como sí lo requiere contratar a un estudio. Descuidar este aspecto es uno de los errores claves de muchos proyectos y marcas, los cuales a pesar de tener buenas ideas terminan durando poco tiempo en el mercado. Ahora ya no hay excusas: el mundo web puede ser el mejor socio a la hora de hacer negocios y crear una marca. De acuerdo a tus aspiraciones y presupuesto, cualquiera de estas alternativas que hemos brindado te reducirán el trabajo del día a día.

La entrada Las 6 mejores herramientas de diseño para no diseñadores se publicó primero en Punto Geek.

Ser un profesional en el diseño y desarrollo web puede ayudarte a conseguir mejores y mayores oportunidades laborales, dado que se trata de una profesión muy útil para las empresas y los negocios que desean tener un espacio en internet.

En este sentido, hoy en día es posible realizar dos másteres relacionados con este sector, los cuales te ayudarán a adquirir las habilidades y los conocimientos necesarios para ser todo un profesional.

Desarrollador profesional

El Máster Desarrollo Web Full-Stack Developer de Cice, te enseñará todo lo necesario sobre lenguajes de programación, como HTML5 y CSS3, así como a utilizar JavaScript, entre otros.

De igual manera aprenderás lo esencial para el desarrollo y la gestión de contenidos, desde crear e instalar temas, configurar una plataforma o instalar plugins que pueda necesitar una empresa.

En otras palabras, te convertirás en un programador especializado en backend y frontend. Gracias a esto, tendrás la oportunidad de conseguir un empleo con más facilidad y mejor remunerado, dado que es un perfil profesional que está siendo muy demandado, tanto por empresas como por PYMES que están comenzando de forma digital.

Si estás interesado en mejorar tu formación dentro del mundo digital, deberás realizar este máster. A través de él aprenderás a crear aplicaciones web, usar de forma óptima los recursos disponibles, y coordinar de forma efectiva y remota los trabajos con distintos equipos.

Dentro de esta formación crearás sitios web y aplicaciones multiplataforma, mientras vas aprendiendo a utilizar una gran variedad de herramientas tecnológicas esenciales para el desarrollo de cualquier proyecto que sea escalable.

Se trata de una profesión que te convertirá en todo un especialista en gestionar proyectos digitales de forma eficiente y sin demoras, y sin importar su sector o tamaño.

¿Qué necesitas para poder realizar este máster?

Para poder estudiar y especializarte en este máster, necesitarás tener conocimientos previos, los cuales son esenciales para conseguir una formación más completa.

Necesitarás conocer el sistema operativo de Windows y Mac, conocer el uso básico de internet, navegar por sitios web, blogs o redes sociales, tener conocimiento en el uso de servidores y FTP, así como en el lenguaje de programación JavaScript, y en HTML y CSS.

Con este conocimiento previo ya podrás comenzar a realizar este máster para aprender nuevas habilidades y técnicas, que te ayudarán a mejorar tu perfil profesional.

Un máster necesario

Para continuar con tu formación en este sector, puedes realizar el Máster UX UI, gracias al cual te convertirás en un experto en el diseño de sitios web atractivos y con una usabilidad optimizada, para así mejorar la experiencia de navegación de los usuarios.

Esta experiencia es de suma importancia para cualquier empresa o negocio que quiera ofrecer un servicio de mayor calidad a los usuarios, dado que al tener una interfaz intuitiva, se quedarán durante más tiempo en la web.

Por tal motivo muchas empresas y negocios buscan contar con un experto en UX/UI y en diseño web para que realice sus páginas web, con el fin de que se conviertan en un profesional capaz de adaptarse a las necesidades de cada proyecto e identificar los aspectos que puedan afectar en todo el desarrollo.

Además, puedes realizar este curso en la academia especializada antes indicada, que te ofrecerá un método efectivo, con profesores cualificados y con todo el material de estudio necesario para que puedas aprender los aspectos más importantes del máster.

Incluso el certificado a obtener estará completamente homologado, siendo una forma de garantizar la calidad de la formación, y lo podrás usar con cualquier empresa a la que vayas a buscar trabajo.

Por medio de estos másteres tendrás la oportunidad de convertirte en todo un especialista en el diseño y el desarrollo web, profesionales con alta demanda en la actualidad. Esto mejorará tus habilidades de trabajo y tu nivel como profesional, lo cual te ayudará a optar por puestos de trabajos que generarán mejores ingresos, y podrás destacar más.

La entrada ¿Qué cursos sobre diseño y desarrollo web debes realizar? se publicó primero en Punto Geek.

Las landing pages o páginas de aterrizaje son diseños web optimizados para captar a los clientes y ofrecerles cualquier tipo de producto o servicio que queramos. Lo que tienen estas páginas es que funcionan muchísimo mejor que cualquier otro tipo de página, lo cual aumenta increíblemente las conversiones.

Launchaco es una herramienta que nos permite diseñar landing pages fácilmente y sin saber nada de diseño.

Con esta herramienta podemos crear una página de aterrizaje en minutos sin el menor esfuerzo con solo agregar un par de textos y eligiendo los colores que más nos gusten.

El proceso de creación de la página es muy simple, solo tienen que elegir qué tipo de página van a crear, por ejemplo una landing page para promocionar una app, una webapp, una extensión de Chrome, etc.

Una vez que hayan elegido el tipo de diseño tienen que ir agredando la información personalizada como título, textos, paleta de colores, imagen de fondo, enlaces, etc.

Opción gratuita:

• Landing pages ilimitadas.
• Alojamiento de tu página en un subdominio.
• Integración con Analytics.
• HTTPS automático y gratis (gracias a Let’s Encrypt).
• Branding de Launchaco en nuestra página.

Opción de pago:

• Landing pages ilimitadas.
• Alojamiento de tus páginas en dominios propios (o en subdominios).
• Integración con Analytics.
• HTTPS automático y gratis (gracias a Let’s Encrypt).
• Eliminación del branding de Launchaco.
• Páginas descargables.

La entrada Launchaco, para crear landing pages rápidamente sin saber de diseño y gratis se publicó primero en Punto Geek.

En Gradients Party pueden encontrar una gran cantidad de modelos de degradados en CSS listos para usar en cualquier diseño. Solo tienen que hacer click en alguno que les guste y se copiará automáticamente el CSS al portapapeles.

Si estos degradados no les alcanzan porque son insaciables del diseño, acá también tienen otro post donde pueden encontrar 60 modelos más.

La entrada Grandients Party, degradados en CSS listos para usar se publicó primero en Punto Geek.

Las que ven abajo son una muestra del tipo de contenido que van a encontrar, hay por ejemplo de casas en venta, información, calendario, buscadores de internet, servidores, y un largo etcétera.

Algo que está buenísimo es que podemos cambiar la paleta de colores de la ilustración antes de bajarla. Esto es muy útil para que combine con el diseño de nuestro sitio web.

Tenemos dos formas de bajar las ilustraciones, una es en formato SVG y la otra en PNG para usarla como una imagen.

No son mucha cantidad, al momento de escribir este post son 50, pero supongo que con el tiempo irán agregando más modelos para descargar.

Estas ilustraciones están disponibles en el sitio unDraw.co y pueden descargarlas gratis para usarlas como quieran.

La entrada Geniales ilustraciones en SVG para descargar y usar en tus proyectos se publicó primero en Punto Geek.

Hoy les tengo una alternativa excelente que les permitirá crear mockups 3D, lo cual le da un estilo más sofisticado ya que podremos mostrar nuestro producto en un móvil con efecto 3D muy hermoso.

Es una herramienta muy fácil de usar ya que nos da casi todo digerido. Solo tenemos que elegir la imagen que queremos montar en el mockup y comenzar a ajustar las configuraciones a gusto.

Allí se puede elegir el diseño del fondo, ya sea con líneas o liso con el color que queramos. También podemos elegir el ángulo del dispositivo, si queremos que tenga reflejo o sombra, etc.

Threed.io es completamente gratuito, así que no esperen más y comiencen a crear sus mockups 3D en segundos.

La entrada Herramienta online para generar mockups 3D gratis se publicó primero en Punto Geek.

Por eso hoy les quiero recomendar una herramienta online que nos permite extraer la paleta de colores de una foto con un click y sin instalar nada.

La herramienta se llama HD Rainbow y pueden acceder desde aquí. Allí solo tienen que arrastrar la imagen a la ventana del navegador y automáticamente nos mostrará la paleta de colores debajo.

Lo bueno es que la imagen no se sube al servidor, se procesa directamente en el navegador y nos da los resultados. Esto es importante para nuestra privacidad, vaya a saber uno qué tipo de fotos sube ahí (?).

Abajo de la imagen podremos ver la paleta de colores y tenemos la opción de elegir si verla en HEX, RGB o HSL, dependiendo de nuestras necesidades.

Además, si lo deseamos, también podemos descargar la paleta en formato PNG para tenerla como referencia.

La entrada Herramienta para extraer la paleta de colores de una imagen con un click se publicó primero en Punto Geek.

Siempre que encuentro algún recurso de este tipo me gusta compartirlo con todos ustedes y más si son íconos gratis. No hay nadie que se resista a descargar un buen pack de íconos para tenerlos en la caja de recursos por si algún día hace falta.

En este caso les voy dejar un sitio llamado Iconbros, donde podemos encontrar más de 170 íconos planos en formato SVG o PNG.

Estos íconos son muy simples y minimalistas, pero pueden abrirlos y editarlos para colorearlos o modificarlos a gusto.

Lo bueno es que todos los días van subiendo nuevos íconos. Hasta hace unos días eran apenas más de 100, así que si entran a diario verán como la colección sube y sube.

Si desean usar estos íconos como fuentes web, también pueden hacerlo entrando aquí y bajando el set de fuentes.

La entrada 170+ íconos planos en PNG o SVG para descargar gratis se publicó primero en Punto Geek.

Cuando uno está por lanzar o ha lanzado una app o nuevo proyecto web necesita promocionarlo, y para ello la forma más atractiva es a través de mockups. Para los que no saben bien de qué se trata, los mockups son una especie de fotomontajes donde mostramos capturas de pantalla o diseños para ver «cómo quedarían» o «cómo es» una app.

Si sabemos un poco de diseño gráfico podemos crear los mockups nosotros mismos, pero si somos medio vagos (me inluyo) para qué vamos a hacer tanto problema si podemos usar herramientas web que nos faciliten la tarea a un par de clicks.

Mockup Generator es una herramienta web que nos permite crear mockups online de manera simple y gratis, sin saber de diseño gráfico.

Crear mockups online para mi app

El procedimiento es muy simple, lo primero es ingresar a la web e iniciar sesión.

Luego tenemos que elegir el modelo del mockup dependiendo de nuestras necesidades, ya sea Macbook, PC, Smartwatch, iPhone, iPad, Android, etc.

Una vez elegido el diseño pueden personalizarlo a gusto con distintas configuraciones de dispositivos, ubicaciones, fondos, y obviamente su propia captura de pantalla de la app o sitio web.

Pueden acceder a esta web desde aquí y comenzar a crear sus propios mockups.

La entrada Herramienta gratis para crear mockups para promocionar apps y sitios web se publicó primero en Punto Geek.

La entrada Humor representado con CSS se publicó primero en Punto Geek.

En total son 60 modelos de degradados, de todos los colores y para todos los gustos. Tienen la opción de descargarlos en formato de imagen, o bien descargar el código CSS para usar directamente en sus diseños.

Hacer un degradado, claro está, no es algo muy difícil. El secreto está en tener buen gusto para combinar los colores.

Pueden acceder a esta colección de degradados en CSS desde aquí.

La entrada 60 modelos de degradados en CSS para usar gratis en tus diseños se publicó primero en Punto Geek.

Esta es una noticia genial para todas las personas que se dediquen al social media, ya que tienen acceso a más de 100.000 modelos de plantillas editables para usar en sus posts.

Lo primero que tienen que hacer para poder acceder a este editor de gráfico en Hootsuite, es entrar en este link donde pueden instalar la app para que se conecte en nuestro panel.

Una vez instalada, tenemos que ingresar nuestro nombre y mail para que nos envíen un mail de confirmación. Entramos a nuestra bandeja de mail, confirmamos el link, y listo.

Ahora, lo que nos queda es entrar en el editor de imágenes desde la sección «Fuentes de contenido», y clickeando en PromoRepublic. Allí pueden elegir cualquiera de las plantillas y editarlas a gusto.

Si bien, dentro de esas plantillas hay contenido premium, hay miles que pueden usarse gratuitamente. Y, si se dedican a esto profesionalmente, tendría que plantearse comprar el servicio ya que es muy barato y tiene contenido de muy buena calidad.

La entrada Más de 100.000 plantillas editables para social media en Hootsuite se publicó primero en Punto Geek.

Este tipo de recursos me encantan, por eso nunca dudo en compartirlo con todos ustedes; sobre todo con los diseñadores que nos leen.

Sombras en CSS gratis

Lo bueno de estas sombras es que son completamente gratuitas y libres para usar en nuestros diseños.
En total son 41 diseños distintos, listos para ser descargados y usados en segundos.

En cada diseño podemos ver el nombre de la fuente usada, la paleta de colores y, obviamente, el código CSS para usarlo en nuestros diseños.

Al tener los códigos, luego podremos modificarlos a gusto. No es lo mismo empezar de cero, que ya tener una base a editar. Podemos cambiar los colores, el tamaño de la sombra, etc.

La entrada Sombras para texto en CSS: 41 modelos gratis y listos para usar se publicó primero en Punto Geek.

Estas webs nos permiten encontrar combinaciones de manera visual. Esto es mucho más sencillo que tener que hacerlo «manualmente». Nos ahorra mucho tiempo y convierte la tarea en algo divertido.

Mixfont

Por un lado tenemos Mixfont, que puede usarse de dos maneras:

• Usar el generador de combinaciones: dándole al botón «generate», nos mostrará, de manera aleatoria, las distintas combinaciones de fuentes posibles.
• Ver las combinaciones más populares: esto nos ahorra más tiempo aún. Nos mostrará las combinaciones más votadas por las demás personas.

Dentro de las opciones que tenemos, se puede invertir la combinación; también tenemos un botón para cargar otra combinación; y hasta nos dan el código para embeber la fuente.

Si hacemos un poco de scroll, llegaremos a la sección donde tenemos vista previa de la fuente utilizada en distintos diseños. Realmente excelente.

Fontjoy

La segunda opción es Fontjoy, una herramienta similar, pero con algunas características que la diferencian de Mixfont.

En principio, nos permite hacer combinaciones de hasta 3 fuentes. Esto está bueno porque podemos, por ejemplo, elegir fuentes para título, subtítulo, y contenido del párrafo.

Una de las características interesantes de Fontjoy, es que podemos definir el nivel de similitud de las fuentes. Si queremos que sean parecidas o que contrasten.

Otras cosas a resaltar es que podemos ver una lista de recomendaciones para las fuentes. También podemos bloquear alguna de las fuentes por si no queremos que se cambie al generar otra combinación.

La entrada 2 herramientas gratis para encontrar las mejores combinaciones de fuentes se publicó primero en Punto Geek.

El servicio que quiero comentarles se llama Si.gnatu.re, y el punto principal que me gustaría destacar es su simplicidad de uso. Tiene una interfaz muy intuitiva que nos permite agregar todo tipo de datos que conformarán nuestra firma sin tener ningún conocimiento de diseño o maquetación.
Está todo organizado mediante pestañas en las cuales vamos ingresando los datos personales:

General: En esta pestaña podemos introducir todos los datos más personales como nombres, cargo, mail, teléfono, sitio web, nombre de la compañía, dirección, etc.
Social: Este es el lugar para agregar nuestros perfiles sociales, no se preocupen que hay de muchas redes.
Images: Aquí podemos poner un logo o un banner con su respectivo enlace.
Styles: Tenemos la opción de elegir entre varios diseños de templates, cambiar el tamaño de letra, su color, darle bordes redondeados a los logos, etc.
Bespoke: Aquí se puede agregar cualquier tipo de texto adicional que creamos necesario.

Una vez que hayan introducido todos los datos que crean necesarios pueden generar el código HTML que tendrán que pegar en su cliente de correo. El código lo pueden descargar en un archivo o copiarlo y pegarlo directamente. Además les generará un enlace único para acceder más adelante a la firma y obtener el código.

Me imagino que ya se estarán preguntando por el costo de este servicio, pero les tengo muy buenas noticias, es completamente gratis salvo por un detalle: La firma puede editarse durante 30 días, pasado este tiempo no podrán hacer ninguna edición, salvo que paguen 5 dólares.
Obviamente esto no es ningún impedimento, la firma seguirá funcionando perfectamente sin tener que pagar un centavo. Tómense el trabajo de hacerla bien a la primera y listo, para qué editar.

La entrada Cómo crear firmas HTML fácil, rápido y gratis con Si.gnatu.re se publicó primero en Punto Geek.

Por suerte en internet hay herramientas gratuitas para todo, y Logomakr es una de ellas.

Esta genial aplicación web viene a salvarnos a la hora de crear logos de manera simple y rápida sin tener que instalar nada en el equipo. Es muy útil sobre todo para los que tenemos poca paciencia y queremos el resultado rápido.

Cómo crear un logo online y gratis con Logomakr

Como pueden ver arriba, el resultado al usar Logomakr es excelente, y lo mejor de todo es que es tan simple de usar que, calculo, no les llevará más de 5 minutos crear el logo.

Obviamente la herramienta no hace magia, ustedes también tienen que poner un poquito de lo suyo. No se preocupen, solo les hablo de creatividad y buen gusto a la hora de elegir los componentes del logo.

Algo que es espectacular es que posee una gigantezca base de datos de gráficos o íconos de uso libre a la cual podemos acceder con solo hacer una búsqueda. Tenemos que navegar por la lista de gráficos hasta que encontramos uno que es de nuestro agrado y lo enviamos al escritorio de trabajo.

Allí tenemos la posibilidad de agregar el texto y elegir muchas tipografías distintas, cambiar colores y hacer todo tipo de modificaciones que nos gusten.

Por último solo queda descargar el logo en formato PNG y usarlo donde queramos.

La entrada Logomakr: Crea logos online en minutos y sin saber nada de diseño se publicó primero en Punto Geek.

Los banners siempre están vigentes de hace años y supongo que lo seguirán estando por muchos años más, o hasta que alguien invente un sistema que nos inserte la publicidad directamente en el cerebro al mejor estilo notificaciones push (?).

El problema viene cuando tenemos que diseñar un banner y no tenemos ningún programa para ello o carecemos de los conocimientos de diseño necesarios. Para estos casos les quiero recomendar una aplicación web muy buena llamada Fotor Banner Maker, la cual nos permite diseñar banners online de manera sencilla y sin ningún tipo de conocimiento de edición de imágenes.

Su uso es tan simple como entrar al sitio, elegir el tamaño del banner que queremos crear y comenzar con la personalización. Allí podrán elegir una imagen de fondo, la cual podrán subirla desde facebook, desde su equipo o usar alguna imagen de la web. También se puede agregar texto en colores y formatos que queramos.

Enlace: Banner Maker

Visto en Soft&Apps

La entrada Herramienta gratuita para diseñar banners online y sin conocimientos se publicó primero en Punto Geek.

Hasta el momento de la publicación de este post, y como pueden ver en la captura de arriba, tienen disponibles más de 46 mil elementos gráficos y más de 1200 kits completos de interfaces gráficas.

Sobre el funcionamiento no hay que decir mucho, es un simple buscador que, con solo ingresar una palabra clave, nos mostrará todos los resultados disponibles de manera muy visual y cómoda para el usuario.

Por ejemplo, si están buscando barras de progreso o botones de descarga pueden encontrar miles de alternativas y luego descargarlas gratis para sus proyectos.

UICloud

Visto en Nerdilandia

La entrada UICloud: Más de 1200 kits de interfaces gráficas gratis se publicó primero en Punto Geek.

Se trata de un curso completamente gratuito que se hace online y consta de 9 módulos:

Modulo 1. Instalación y arranque
Módulo 2. Nueva imagen y herramientas
Módulo 3. Otras operaciones comunes
Módulo 4. Los textos y las capas
Módulo 5. Máscaras y selecciones
Módulo 6. Los colores
Módulo 7. Los filtros I
Módulo 8. Los filtros II
Módulo 9. Otros filtros y Script-Fu

Este curso comienza hoy 2 de septiembre y se completa en 9 semanas (27 horas de estudio).

A continuación les dejo el video de presentación del curso:

Para hacer este curso tienen que entrar en este sitio, registrarse y listo!

La entrada Curso gratuito de creación y retoque de imágenes con GIMP se publicó primero en Punto Geek.

Requerimientos:
Sistema operativo: Windows o OS X.
Photoshop CS5, CS6 o CC.
Adobe Illustrator

Este script es 100% gratuito y lo pueden descargar desde el siguiente enlace, sin embargo tendrán que poner su mail para suscribirse a un newsletter de diseño. Tienen dos opciones: Ponen un mail temporal, o sino se desuscriben luego.

Enlace: Export PS Layers to SVG script

Visto en Kabytes

La entrada Script para exportar vectores de Photoshop a SVG con un click se publicó primero en Punto Geek.

Básicamente se trata de una herramienta web que está pensada para personas que necesitan hacer folletos promocionales, invitaciones, tarjetas de presentación, o cualquier tipo de material gráfico y no tienen absolutamente nada de conocimientos de diseño. Si miran en la captura de abajo verán que la interfaz del sitio es muy simple.

El primer paso es elegir qué tipo de material vamos a realizar, allí hay documentos A4, presentaciones, gráficos para blogs, portadas para Facebook, gráficos para social media, tarjetas, collages de fotos, pósters, invitaciones, tarjetas de presentación, e incluso hay una opción para que nosotros especifiquemos el tamaño del lienzo.

Una vez hecho eso se cargarán las plantillas predefinidas, las cuales pueden ser editadas completamente en cuando a textos, gráficos, y muchas cosas más. Además hay un stock gigantezco de gráficos listos para ser arrastrados al lienzo y editados como más nos guste.

Por otro lado, y aquí es donde viene el modelo de negocios de la herramienta, nos venden imágenes de stock a precios muy accesibles.

Enlace: Canva

La entrada Canva, herramienta para diseñar folletos, tarjetas, pósters y todo tipo de gráficos online se publicó primero en Punto Geek.

Este es otro post mostrándoles las capacidades de la nueva versión de CSS3, en esta oportunidad les traigo todos los modelos del Magic Mouse de Apple, desde el Macintosh Mouse lanzado en 1986 hasta el relativamente nuevo Apple Magic Mouse, todos, absolutamente todos creados con solo CSS3.

Los resultados son increíbles, muy increíbles, y no es porque sean de Apple, no, si no por todos los detalles tan bien logrados en todas las versiones, desde el cable, los colores, las sombras, el bixel de los mouse, es increíble, y todo esto realizado solo con CSS.

A continuación algunos ejemplos para que se hagan una idea de lo que les hablo:

Pueden ver la galería completa en Apple Mice

La entrada Todos los mouse de Apple hechos con CSS se publicó primero en Punto Geek.

El objetivo del libro describe que un mundo donde las posibilidades de crear elementos gráficas increíbles, en donde los posters tratan simplemente de una toma del protagonista o algo similar el verdadero propósito del poster se ha perdido, por ello decidió llevar a cabo este proyecto y reunir a diseñadores del mundo para reinventar los posters de las películas, recuperar el arte que tenían originalmente y revivir su propósito en la industria del cine.

A continuación una pequeña muestra de los posters que se encuentra en el libro:

Increíbles, ¿No les parece?

Vía: TheVerge

Más información sobre el libro.

La entrada Espectacular reinvenciones de los posters de ‘Alien’, ‘Iron Man’, ‘Robocop’ y otros más se publicó primero en Punto Geek.

La nueva versión del sistema operativo movil de Apple trajo consigo cambios radicales en el look and feel del sistema, cambió de la texturas y grises metalizados a la simplicidad de texto puesto sin ningún borde, sombra o botón, un cambio que muchos estaban esperando con desesperación y otros en cambio, todavía niegan a reconocer que sucedió.

Por otro lado, el sistema operativo de los computadores no ha cambiado, todavía (?), y esperemos que no lo haga tan drásticamente como su homólogo móvil, pero, ¿Cómo sería Mac OS si tuviera la interfaz y el diseño de iOS 7? Se vería similar a las siguientes capturas de pantalla creadas por un artista de Behance.

Debemos aceptar que se vería genial, ¿No les parece? muy sencillo, pero lleno de color y de vida, aunque todavía demasiado plano para mi gusto.

¿A ustedes cómo les parece, utilizarían un sistema operativo con este diseño?

The Next Mac OS

La entrada Concepto de Mac OS basado en iOS 7 se publicó primero en Punto Geek.

MobilesWall es una de esas páginas, un sitio web en la que sus autores se dedican a recopilar, crear y compartir Wallpapers para los terminales más conocidos del mercado, como los teléfonos Android, en los cuales está la serie Galaxy de Samsung, One Touch, Nexus, los Kindle Fire y la serie Droid de Motorola, los wallpapers también están disponibles para las diferentes versiones de los iPhones e iPads, por último en la lista encontramos los teléfonos Lumia de Nokia y Microsoft.

Estos solo son algunos ejemplos de la calidad de los Wallpapers:

MobilesWall

La entrada MobilesWall: Miles de Wallpapers para Android, iOS y WindowsPhone se publicó primero en Punto Geek.

EL uso es muy simple y no hay que hacer nada, solo elijan el PSD que quieren analizar desde su cuenta de DropBox (ya que desactivaron la subida manual) y el sistema les dirá qué fuentes van a necesitar para poder editarlo correctamente.

Enlace: .psd fonts

Visto en WebResourcesDepot

La entrada Saber qué fuentes usa un PSD se publicó primero en Punto Geek.

Lo que me gustó del sitio es que es muy simple de usar, prácticamente no hay que tener nada de conocimientos de nada. Vamos agregando los «slides» desde el panel de la izquierda, asignándole la cantidad de segundos que queramos y editándolos con la posibilidad de agregarles fondos, texto, botones, y muchas cosas más.

En el panel de la derecha tenemos las opciones avanzadas para cada slide, allí se pueden personalizar los colores, fuentes, tamaños, degradados, etc. Una vez que hayamos terminado la edición podremos guardar la animación y descargarla a la computadora para usarla como queramos.

Enlace: HTML5 Maker

Visto en Soft&Apps

La entrada HTML5 Maker: Crear animaciones y banners en puro HTML5 gratis se publicó primero en Punto Geek.

Actualmente existen muchas herramientas web que nos permiten presentar un proyecto de diseño al cliente, y que éste nos de su feedback de forma mucho más cómoda.

Skwibl es un servicio erb en el cual podemos presentarle el proyecto al cliente para que lo revise y sugiera posibles modificaciones, además de poder conversar en tiempo real mientras se están haciendo las sugerencias. Esta plataforma es muy cómoda para cuando uno quiere obtener el mejor feedback posible del cliente, así se logra un resultado mucho mejor en el proyecto.

Lo bueno es que Skwibl es un servicio gratuito y permite que los diseñadores puedan gestionar varios proyectos de forma simultánea, obviamente con distintos clientes cada uno.

A continuación les dejo un video donde explican las funciones de Skwibl:

Enlace: Skwibl

La entrada Skwibl: Plataforma para presentar proyectos de diseño a tus clientes y obtener sugerencias se publicó primero en Punto Geek.

En el pack van a encontrar 250 vectores varios formatos: AI, EPS y SVG. Aunque también vienen en formato PSD y PNG en varios tamaños.

Estos vectores les pueden ser de muchísima utilidad para hacer trabajos donde tengan que crear folletos de turismo, infografías, o lo que se les ocurra.

Este pack lo pueden descargar completamente gratis desde Noupe.

La entrada Pack de 250 vectores de monumentos de todo el mundo se publicó primero en Punto Geek.

Cada red social tiene un diseño completamente diferente, con estilos que utilizan imágenes en diferentes dimensiones y distribuidas de varias maneras, mientras todos nosotros queremos tener una buena imagen de perfil para nuestras redes o tener una buena imagen de cover o de header sea Facebook o Twitter, pero no sabemos cual es el tamaño óptimo que deben tener la imagen para que se vea de la mejor forma en nuestros perfiles, pequeño gran detalle que nos puede hacer arruinar una buena fotografía que realmente queremos lucir ante nuestros amigos.

Para solucionar esto llega Social Media Image Maker, como su nombre lo indica, permite crear imágenes para las redes sociales más utilizadas del mundo, como Facebook, Twitter, Youtube, Google+, Flickr, Vimeo, Pinterest, Tumblr, LinkedIn, entre otras, la aplicación permite seleccionar cualquiera de las diferentes imágenes que se pueden subir a la red social que elijas de la barra lateral de la izquierda, actualmente cuenta con todas los formatos de Twitter y Facebook y en las otras redes, tan solo con la imagen de perfil.

Luego de seleccionar el formato de imagen te aparecerá una pantalla donde puedes cargar la imagen que quieras desde tu computador, recuerda que si estás creando una imagen con un tamaño grande lo mejor es que subas una fotografía con dimensiones similares para obtener mejores resultados, en el editor puedes cortar la imagen, girarla vertical u horizontalmente o agregarles filtros como distorsión, entre otros.

Cuando tengas listo el tamaño de la fotografía y le des al chulito verde pasas a otra pantalla donde puedes de forma opcional ponerle un estilo de fotografía diferente, como si fuera Instagram, cuando estés satisfecho con tu resultado solo tienes que darle click a la flecha azul de la parte superior de la página y la imagen se te guardará en tu PC.

Ahora solo basta subirla a la red social que elegiste al principio y voilà!! la imagen se te verá perfecta en tu perfil.

Social Media Image Maker

Vía: Chica Geek

La entrada Crea fácilmente imágenes con dimensiones exactas para los perfiles en tus redes sociales se publicó primero en Punto Geek.