Preferencias de privacidad

Gestión de consentimientos

Cookies utilizadasObligatorias

He leído y acepto la Política de privacidad.

Obligatorias

Estas cookies son necesarias para el funcionamiento del sitio web y no pueden ser desactivadas en nuestros sistemas. En general, sólo se establecen en respuesta a acciones realizadas por usted que equivalen a una solicitud de servicios, como establecer sus preferencias de privacidad, iniciar sesión o rellenar formularios.

Cookies utilizadas Obligatorias

PHPSESSID, Cadabullos_Diseño_WebonlineCookieAnalitycs, Cadabullos_Diseño_WebonlineCookie, id_usuario_tienda, marca_ti

Analíticas

Estas cookies nos permiten medir el número de visitas y conocer las fuentes de tráfico. Nos ayudan a saber qué páginas son las más y las menos populares y a conocer cómo se mueven los visitantes por el sitio. Toda la información que estas cookies recolectan es agregada y por lo tanto anónima. Si no autoriza estas cookies, no sabremos cuándo ha visitado nuestro sitio.

Cookies utilizadas

Cómo anular consentimiento
_ga,_gid,_gat,

google.com

_ga,_gid,_gat,
¡Atención! Este sitio usa cookies y tecnologías similares. Si no cambia la configuración de su navegador, usted acepta su uso
Opciones
Ícono menú móvil
Atención al cliente

Herramientas de diseño web interesantes que seguro que no conocías y que van a encantarte.

Herramientas interesantes para diseño web y gráfico
11/05/2022
Admin

El mundo del diseño web está en constante evolución y continuamente tenemos que reciclarnos y renovar conocimientos para no quedarnos obsoletos.

No sólo se trata de crear un sitio bonito, sino que éste debe ofrecer una buena experiencia al usuario, que cargue lo más rápido posible y un montón de requisitos más, que suele marcar Google, para que tu sitio web destaque sobre los demás y, por lo tanto, tenga más probabilidades de posicionar mejor.

En un mundo en constante renovación también poseemos la ventaja de que surgen nuevas herramientas de desarrollo web que suelen facilitarnos la vida en cuanto a:

  • Automatizar determinadas tareas.
  • Inspiración para tus diseños web.
  • Herramientas de creación de paletas de colores.
  • Herramientas para fuentes tipográficas
  • Etc...

En este post vamos a proponeros unas cuantas herramientas de diseño web que seguro que te resultan interesantes si estás metidos en este mundo y que probablemente no conozcas.

Fontjoy

Impresión de pantalla de fontjoy.com

¿Cansado de realizar manualmente combinaciones de fuentes tipográficas para ver como quedan? En fontjoy puedes dejar que la herramienta haga por ti un montón de pruebas y quedarte con la que más te guste para tus nuevos diseños web.

Es una web muy sencilla y fácil de manejar con una interfaz muy simple.

Entras en la plataforma, si te gustan las fuentes utilizadas, las guardas para tu próximo diseño, que no te gusta ninguna, le das al botón "Generate" para que elija otras diferentes. Si te gusta una de las mostradas puedes bloquearla para que no la cambie y volver a pulsar el botón "Generate" para que cambie las demás. Repite el proceso hasta que tengas el resultado esperado.

La verdad es que a mí me ha encantado y la considero muy útil, ya que te permite cambiar constantemente las combinaciones de fuentes empleadas en tus proyectos sin mucho esfuerzo para elegirlas.

Ir a fontjoy.com

Watermarkremover.io

Impresión de pantalla de watermarkremover.io

Genial herramienta para quitar marcas de agua de fotografías con un simple clic, además los resultados obtenidos son más que aceptables.

Normalmente, uso fotografías mías o de bancos de imágenes gratis, por lo que no he usado esta herramienta para cosas profesionales, pero si la he probado y la verdad es que hace un trabajo excelente.

Como utilices la herramienta es cosa tuya, pero recuerda que siempre debemos respetar el trabajo y esfuerzo de los demás.

Puede ser muy útil en trabajos de diseño gráfico en los que tengas que presentar bocetos a tus clientes y antes de comprar la foto definitiva tengas que barajar diseños con otras muchas opciones.

Ir a watermarkremover.io

Letsenhance.io

Impresión de pantalla de letsenhance.io

Otra herramienta que me ha resultado muy interesante es letsenhace.io, una plataforma web en la que mejoran automáticamente la calidad de tus imágenes.

Esta herramienta es ideal para aquellos trabajos en los que los clientes te envían las fotografías de sus páginas web antiguas, fotografías con muy poca resolución que quedan fatal y no producen el efecto deseado en tu creación.

Los contras de esta herramienta es que sólo te ofrecen 5 imágenes de prueba gratis, para seguir mejorando imágenes tendrás que subscribirte a un plan de pago. No te preocupes, son bastante asequibles.

También es necesario registrarse para poder realizar las pruebas gratuitas.

Ir a letsenhance.io

Picwish

Impresión de pantalla de Picwish

Si no tienes mucha idea de programas de diseño gráfico y de imágenes, Picwish te resultará de mucha utilidad.

Esta herramienta elimina los fondos de tus fotografías rápidamente y con un resultado más que aceptable. Simplemente, accede a la página web, selecciona la fotografía de la que quieres extraer el fondo y dale a aceptar.

Te será de gran utilidad para muchos trabajos tanto de diseño gráfico en los que tengas que seleccionar elementos individuales de varias fotografías para hacer composiciones, como en trabajos de diseño web, en especial para recortar las fotografías de los productos de tu tienda online.

La plataforma es totalmente gratuita.

Ir a picwish.com

Calligraphr

Impresión de pantalla de Calligraphr

Si lo que deseas es dar un toque más personal a tus diseños en Calligraphr puedes transformar tu letra en una fuente tipográfica.

El proceso de transformación es muy sencillo, simplemente te tienes que descargar una plantilla de la página web, rellenarla a mano, escanearla o sacarle una foto y subirla para que la aplicación haga su magia.

Posteriormente te ofrecen la posibilidad de descargarte la fuente en formato TTF u OTF para que guardes en tu ordenador.

Puedes utilizar la herramienta de manera gratuita las veces que quieras siempre y cuando te registres.

También disponen de un plan de pago con la que obtendrás alguna que otra ventaja, como el almacenamiento de tus fuentes en el servidor para descargar posteriores, copias de seguridad, etc...

Ir a calligraphr.com

Type Scale

Impresión de pantalla de type-scale.com

Type-scale.com es un sitio web en donde podrás realizar de forma rápida combinaciones de diferentes fuentes tipográficas, para ver como van a quedar en tus proyectos.

En los datos de configuración de la herramienta puedes cambiar el tamaño del texto base, la escala, elegir entre una de las fuentes disponibles en Google Fonts, cambiar el ancho de la fuente y cambiar el texto de las cabeceras de prueba.

Una vez configuradas estas opciones, puedes ver como quedarían las cabeceras en un texto de prueba, en el que también puedes configurar otra serie de opciones en los párrafos: Fuente del texto, ancho, el alto de línea, el color de fondo y el color.

En definitiva, una forma rápida de previsualizar combinaciones de tipografías.

Ir a type-scale.com

Lumen5

Impresión de pantalla de lumen5.com

Otra herramienta interesantísima es Lumen5.com, que a partir de una URL de tu blog o página web, crea un vídeo personalizado con el contenido de éste.

No he profundizado mucho en la plataforma por falta de tiempo, por lo que seguro que no le he visto todo su potencial. Habría que estudiar cuales son sus criterios para la elección de texto que usa en los vídeos para así poder elaborar productos más precisos de forma automática sin tener que modificar manualmente luego.

La herramienta cuenta con un montón de opciones de configuración para personalizar el contenido creado a partir de tu sitio web.

Seguiré realizando pruebas ya que me parece una buena herramienta para generar contenido multimedia.

Ir a lumen5.com

Duotone

Impresión de pantalla de Duotone

Una manera rápida y simple de generar imágenes en dos tonos para tus diseños web es Duotone.

Puedes elegir entre una infinidad de imágenes disponibles en Unspash, un banco de imágenes gratuito bastante popular, o subir las tuyas propias.

El proceso es muy sencillo: eliges las imágenes, eliges los dos colores que desees y te descargas las imágenes.

¡Ojo!, en Mozilla, en estos momentos, me está descargando imágenes totalmente negras, en Chrome funciona perfectamente.

Ir a Duotone

Checklist Design

Impresión de pantalla de Checklist Design

Para diseñadores web novatos y no tan novatos, os proponemos esta genial herramienta de diseño web que te recuerda las diferentes partes y elementos que debes introducir en cada una de las páginas de tu proyecto para que no te olvides de cosas importantes.

Además de darte una serie de recomendaciones, que puedes seguir o no, te muestra elementos visuales para que te sirvan de inspiración.

¿Quieres saber que elementos deben ir en una página 404? Accede a la sección correspondiente de Checklist Design y averígualo. También puedes realizar comprobaciones de elementos individuales como un formulario de contacto, un campo input, una tabla, etc...

En definitiva, una web muy recomendable que no está de más que visites de vez en cuando.

Ir a Checklist Design

Design Principles

Impresión de pantalla de Design principles

Otra página web que puedes utilizar para aprender a realizar buenos diseños web es Design Principles. Un proyecto de código abierto que te da una serie de recomendaciones que debes tener en cuenta para crear buenos productos.

Ir a design principles

Toools.design

Impresión de pantalla de toools.design

Toools.design, más que una herramienta de diseño web, es un directorio de otras herramientas y recursos que puedes emplear en tus creaciones.

La ventaja de utilizar esta plataforma es que tienes un montón de recursos de calidad clasificados por categorías, sólo tienes que elegir una categoría y podrás ver los mejores sitios web de la categoría seleccionada.

Qué quieres fotos para tus diseños, entras en la categoría "Stock Photos" y tienes un listado de los sitios web más prestigiosos que te ofrecen ese recurso. También te indica si los recursos de esa web son de pago o gratis.

Aunque seguro que ya tienes tus propias fuentes bien guardadas, nunca está de más tener a mano plataformas como Toools.design, que te permiten ahorrar mucho tiempo en búsquedas de Google.

Está continuamente siendo actualizada con nuevos recursos.

Ir a toools.design

Spline.design

Impresión de pantalla de spline.design

Si lo que estabas buscando es una herramienta de diseño para crear objetos en 3D, con spline.design lo tendrás muy fácil.

Es necesario registrarte para acceder a la app de creación.

Ir a spline.design

Shapefest

Impresión de pantalla de Shapefest

Shapefest es una excelente colección de objetos en 3D gratuitos para utilizar en tus proyectos tanto de diseño web como de diseño gráfico, contando con una gran variedad de objetos y texturas diferentes.

Para descargarte los iconos tendrás que introducir tu correo electrónico y ellos te envían un link para su descarga.

Ir a Shapefest.com

Khroma.co

Impresión de pantalla de khroma.co

Si lo que buscabas son herramientas que generen paletas de colores variadas, en Khroma hemos encontrado una buena aliada.

Sólo tendrás que seleccionar 50 colores diferentes para que el algoritmo de la página web comience a realizar combinaciones personalizadas para ti.

Como resultado te mostrará infinidad de combinaciones de los colores elegidos cambiando el fondo y el texto para que selecciones las que más te gusten para tus proyectos.

Ir a khroma.co

Velvetyne

Impresión de pantalla de velvetyne

Velvetyne es una plataforma donde podrás bajarte un montón de fuentes diferentes a las que estamos acostumbrados a ver de forma gratuita para instalarlas en tu ordenador.

Pero lo que verdaderamente me ha llamado la atención es la estética de la página que rompe con los cánones de belleza actuales, rozando lo caótico, muy estilo años 90.

Es necesario verla en directo.

Ir a velvetyne.fr

Infografía herramientas de diseño web 2022

Infografía Herramientas de diseño web interesantes que seguro que no conocías.

¿Qué os han parecido esta recopilación de herramientas? Esperamos que os resulten interesantes y podáis sacarle provecho, o por lo menos que hayáis pasado un rato agradable leyendo este post.

Si conoces alguna otra herramienta de diseño web que crees que encajaría en el listado, no te cortes y envíanosla por correo electrónico, estaremos encantados de incluirla en este post.

Recuerda que en Cadabullos diseño web estaremos encantados de diseñar vuestra página web o tienda online. ¡Contacta con nosotros!

Valoraciones
[Votos: 17 Promedio: 5]
Compartir

Post Relacionados

Comentarios

icono persona comentarios
Isabel
17/05/2022 01:05 horas
#1

Genial recopilación de herramientas.. me encanta sobre todo las de realización pruebas con fuentes tipográficas.. muchas gracias por compartir

Admin
Admin
17/05/2022 11:05 horas

Gracias a ti Isabel por tus comentarios, a m también me encantaron esas dos. Saludos

icono persona comentarios
Juan
17/05/2022 11:05 horas
#2

La verdad es que las 3 primeras herramientas de imágenes me encantan y funcionan de miedo. Gracias!

Admin
Admin
17/05/2022 11:05 horas

Son muy útiles!! y la verdad es que los resultados son muy buenos.

icono persona comentarios
Alberto
17/05/2022 11:05 horas
#3

¡Genial post!

Admin
Admin
17/05/2022 11:05 horas

Muchas gracias!

Deja tu comentario

Para enviar un comentario debes aceptar nuestra política de privacidad.

  • Responsable de los datos: Cadabullos Diseño Web
  • Finalidad: Gestión y moderación de comentarios.
  • Legitimación: Tu consentimiento expreso. No se cederán datos a terceros salvo obligación legal.
  • Destinatario: Cadabullos Diseño Web
  • Derechos: Tienes derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos.
*
*
*