Herramienta para crear tus propios mockups

 Los mockups son muy útiles en diseño, ya que nos sirven para simular realidades que realmente no existen, es decir, puedes ver como podrían quedar, sin tener que llegar a realizar, son maquetas mediante las cuales, sobre todo en diseño se pueden usar para construir nuestro mundo digital.

Hay muchos sitios donde puedes encontrar mockups, descargar su fichero y mediante Photoshop editarlo y personalizarlo a tu gusto, pero la herramienta que tienes a continuación en el enlace simplifica estos dos últimos pasos, es decir, ya no tienes que tener un programa de edición para modificarlo, lo haces todo online.

mockups-tool

By worldjam with No comments

Herramientas de IA para diseñadores web

Mucha gente se piensa que las IA hacen todo el trabajo por ti, pero eso no es del todo cierto, siempre, por mucha ayuda que recibamos, el factor humano es determinante y un buen diseño, se va a dejar notar la mano del profesional que está haciendo su desarrollo. Es cierto que simplifica mucho el trabajo, que nos ayuda a no partir de cero, pero no es magia.

Hoy te traigo un enlace a una web que contiene diversas herramientas que todo diseñador web puede necesitar en cualquier momento, desde crear textos, imágenes o iconos. No dejes de echarle un vistazo, por muy old school que seas y reniegues de este tipo de herramientas, porque en cualquier momento te pueden servir de gran ayuda.

/designs.ai/

By worldjam with No comments

El mejor directorio de herramientas

 Hoy te traigo un enlace que seguramente sean de los que guardes con mucho mimo y lo tengas siempre a mano, porque te puede salvar de muchos apuros y ayudar a hacer tu trabajo de una forma mucho más rápida, eficaz y profesional. Se trata de un directorio de herramientas de todo tipo, desde un montón de herramientas basadas en IA a herramientas de diseño, generación de código, ilustraciones, mockups, etc.

Además este directorio se va actualizando y ampliando teniendo a nuestro alcance un montón de posibilidades tanto con herramientas gratuitas como de pago.

/www.toools.design/

By worldjam with No comments

Generador de imágenes por IA

 Siguiendo la línea del post anterior, hoy te traigo otra de las herramientas que gracias a la Inteligencia Artificial nos puede facilitar mucho el trabajo a la hora de crear diseños, ya que muchas veces pasamos horas buscando imágenes libres de derechos que poder usar en nuestros diseños y a veces no encontramos ninguna que se adapte 100% a lo que necesitamos.

Con esta herramienta vamos a poder generar imágenes de la nada y que en muchos casos nos pueda servir de partida o como parte de nuestro diseño final. No dudes en echarla un vistazo.

/gencraft.com/

By worldjam with No comments

IA de generación de logotipos

 Los tiempos en los que vivimos hoy en día en 2023 vienen marcados tecnológicamente hablando por la Inteligencia Artificial. No cabe duda de que han venido para quedarse y que poco a poco serán mas y mas potentes, simplificándonos mucho las tareas del día a día, tanto que muchos trabajos se terminarán perdiendo porque no serán rentables y otros muchos se crearán para cubrir las nuevas necesidades.

Sn entrar en debates sociológicos, hoy te traigo una IA en la que a partir de una cuantas palabras clave, te genera cientos de logos diferentes, basados en la entrada que le has dado. Sin duda de gran utilidad sobre todo cuando necesitas inspiración sobre algo y no acabas de encontrar nada que te encaje para poder inspirarte.

¿Qué te parecen este tipo de herramientas? ¿Déjame tu comentario!

https://www.brandcrowd.com/

By worldjam with No comments

Herramienta de conversión online

Existen multitud de formatos de archivos diferentes, incluso para un mismo tipo, ya sean  imágenes, vídeos o incluso documentos y para que engañarnos, en muchas ocasiones tenemos que hacer una entrega de algún trabajo a algún cliente y a ultima hora nos dice que ese formato no puede leerlo! Pues bien, para que no tengamos sorpresas de última hora podemos echar mano de este conversor online que nos facilitará mucho la vida, desde conversión de imágenes y vídeos hasta cualquier tipo de documento.

www.online-convert.com

By worldjam with 1 comment

Plain Pattern tu herramienta de creacción de patrones online

Si no encuentras un patrón que se adapte a las características de tus diseños y estás pensando en crearte el tuyo propio, no dejes de echar un vistazo a esta herramienta online donde podrás crear tus patrones de forma rápida y sencilla introduciendo formas o incluso usando las tuyas en formato SVG.

plain-pattern

By worldjam with No comments

Herramienta para generar CSS animado

Joel Besada nos ofrece esta increíble herramienta que nos va a permitir de una forma gráfica generar código CSS que nos permitan tener distintas animaciones de cualquier objeto. Sin duda una herramienta que nos va a facilitar mucho el trabajo de creación de estas animaciones dando un aspecto moderno y dinámico a todas nuestras webs.

bouncejs.com

By worldjam with No comments

Imágenes mediante CSS

En muchas ocasiones, la carga de imágenes puede penalizar el tiempo de carga de nuestra web, por ello, cada vez mas se recurre a usar las imágenes como datos, es decir, convertir por ejemplo un .png en una serie de caracteres que indican mediante una sentencia CSS de que tipo de imagen se trata. Si bien este código resultante en absoluto es sencillo de extraer, hoy te propongo un par de herramientas que te van a ayudar a crear primero tu imagen .png de tu textura favorita y después poder convertirla en datos, para incrustrala mediante texto en una sentencia CSS mediante el código:

url (data:image/png;base64

Herramienta generadora de texturas tileables:

bg.siteorigin.com

Herramienta convertidora de imágenes en datos:

image_to_data_uri_convertor 

By worldjam with No comments

Iconion: herramienta para crear tus iconos en PNG

En muchas ocasiones quizás necesites un icono en formato PNG para tus proyectos y que te den la posibilidad de escalarlo sin perder ningún tipo de resolución y que además sea de una forma sencilla, de calidad y sin tener conocimientos de programación o edición gráfica. Pues bien Iconion es la herramienta que te da la posibilidad de hacer todo eso y ya la puedes descargar tanto para Windows cómo para Mac

http://iconion.com/ 

By worldjam with No comments

Social kit plugin para Photoshop

Estamos en la era de las redes sociales y sin duda si no estamos en ellas casi ni existimos digitalmente, por lo que para un diseñador donde nuestro trabajo de diseño debe ser esencial para captar clientes no podemos descuidar el formato y el estilo de los distintos perfiles de nuestras redes sociales.

El problema viene cuando intentamos subir o customizar el perfil con una cierta imagen y vemos que en una red queda bien pero en otras nos sale cara de huevo ya que las dimensiones de una red u otra son distintas.

Este problema lo podemos evitar con el siguiente kit o plugin para Photoshop con el que podemos a partir de una plantilla simular las distintas redes sociales y diseñar nuestro perfil.

photoshop-socialkit-plugin 

By worldjam with No comments

Customiza tus iconos sociales

Con esta herramienta que encontrarás en el siguiente enlace tendrás la posibilidad, primero de obtener un gran conjunto de iconos sociales circulares de aspecto plano y segundo, poder customizarlos con tu propio estilo, cambiando el color, la opacidad e incluso el tamaño para despues de conseguir un resultado que te guste, poder descargarlos en formato SVG o PNG

custom-icon-generator

By worldjam with No comments

Realiza tus animaciones mediante capturas de pantalla

LICECap es un software para Windows y OSX que nos permite capturar vídeo de lo que estamos haciendo en pantalla y convertirlo en una animación ideal para usar en cualquiera de tus proyectos webs. Sin duda una herramienta muy útil tanto por su facilidad de uso cómo por las posibilidades que nos ofrece.

www.cockos.com/licecap/

By worldjam with No comments

Generador SVG

Con esta herramienta online vas a poder generar numerosos ficheros svg que podrás usar en tus proyectos webs para dar o texturizar cualquier fondo, sin recurrir a nungún formato de imagen. Sin duda es una de esas cosas muy útiles si por ejemplo tienes un blog de blogger y quieres cambiar el fondo de la plantilla, además los ejemplos que vienen son simplemente alucinantes.

www.svgeneration.com

By worldjam with No comments

Herramienta para seleccionar la fuente adecuada

Typetester es el nombre de la herramienta que te presento a continuación. Se trata de una herramienta online que nos va a permitir comparar distintos párrafos de texto eligiendo o comparando hasta 3 fuentes diferentes de las que tienes instaladas en tu ordenador. Podemos elegir el tamaño, color, márgenes... de la fuente con lo cual de una forma rápida podremos ver si la fuente seleccionada es la que mejor nos sirve para nuestro diseño.

www.typetester.org

By worldjam with No comments

Strikingly, una herramienta para crear tu web

Siendo diseñador web e intentando vivir construyendo sitios interactivos en la red, no soy muy partidario lógicamente de este tipo de herramientas, pero desde luego no las descarto cuando cosas así te pueden ayudar a construir tus sitios fácilmente, ya que lo normal es que el cliente no te pida cambiar una plantilla poniendo sus datos si no que siempre te piden algo mas corporativo y personalizado, por lo que este tipo de herramientas te ayudan a poner las piezas de lo que has diseñado anteriormente y además te ayuda a crear tus páginas responsables, todo un gran avance sin duda.

www.strikingly.com

By worldjam with No comments

Herramientas para tus animaciones CSS3

La llegada de CSS3 nos ha permitido a los programadores web dotar a nuestras páginas de dinamismo sin tener que recurrir a pesados archivos en flash o largas líneas de código. CSS3 nos permite realizar animaciones bastante complejas y espectaculares mejorando la experiencia de usuario y sorprendiendole con lo que pueden encontrar e interactuar en tu web. En el siguiente enlace vas a poder encontrar una serie de herramientas y tutoriales para realizar sorprendentes animaciones mediante CSS3

10-best-css3-animation-tools-tutorials

By worldjam with No comments

WebFont plugin para Photoshop

Los diseñadores web utilizamos mucho la herramienta Photoshop para realizar el diseño del interfaz gráfico. Una vez lo tenemos diseñado lo convertimos a HTML/CSS para tener una plantilla inicial con la que iniciar la codificación de la web. En muchos casos empleamos fuentes instaladas en Photoshop ego nos damos cuenta que para pasarlas a textos en una web necesitamos su webfont y debemos cambiarla finalmente. Pues bien ahora podemos realizar estos diseños en Photoshop directamente empleando las webfonts que google fonts tiene disponible por lo que gracias a este plugin ya no tendremos que hacer el trabajo de elección de fuente dos veces.

webfont photoshop plugin

By worldjam with No comments

Música gratuita para incluir en tus proyectos

No cabe duda de que en muchas ocasiones no viene nada mal acompañar a nuestros videos o incluso a nuestras webs con una música que aporte algo mas sensorial al usuario, sin embargo usar musica con derechos de autor no siempre es posible ya que por ejemplo youtube te bloqueará tu video en determinados paises si detectar que estás violando los derechos de autor de algún artista. Para solucionar esto existen webs que nos permitirán descarcar melodías de forma gratuítas y usarlas en nuestros trabajos. ¿Quieres conocerlas? Pincha en el siguiente enlace.

free-music-for-your-videos-and-websites

By worldjam with No comments

Ink una herramienta para diseñar mails "responsables"

Ya casi a diario hablamos de webs que deben tener la particularidad de que puedan adaptarse a la resolución de cada uno de los dispositivos donde se vaya a mostrar ya sea un PC, una tablet o un smartphone, sin embargo hay una parte importante del diseño responsable que dejamos de lado y eso son los mails, sobretodo los mails marketing que elaboramos para informar a nuestros clientes, por ello hoy os traigo una interesante herramienta llamada Ink que nos ayudará a diseñar mails responsables, probarlos y ejecutarlos de una forma muy sencilla.

http://zurb.com/ink/

By worldjam with No comments