Herramientas geniales para diseñadores – Novedades interesantes – Usabilidad web y seo

Herramientas geniales para diseñadores – Novedades interesantes

Vistas: 143
0 0
Tiempo de lectura:4 Minutos, 54 Segundos

El año nuevo suele estar lleno de decisiones. Aproveche al máximo estos objetivos y decida diseñar mejor, más rápido y de manera más eficiente con algunas de estas nuevos recursos y herramientas geniales para diseñadores.

Nuevas herramientas geniales para diseñadores

Estas son las novedades para los diseñadores de este mes.

  • Interfaz de usuario de Radix

Radix UI es una biblioteca de componentes de UI de código abierto para crear aplicaciones web y sistemas de diseño asequibles y de alta calidad.

Incluye ejemplos y pautas para todo tipo de elementos de la interfaz de usuario, que brindan pautas y realmente te hacen pensar en diseños de sitios web accesibles. (¡Y todo se puede usar!)

  • Gráficos de Froala

Los gráficos Froala están diseñados para ayudar a crear visualizaciones de datos para aplicaciones web o móviles.

Cree cualquier gráfico que pueda imaginar: barras, líneas, áreas, mapas de calor, Sankey, radar, series de tiempo y más. Además, puede personalizar cualquier cosa y todo para que coincida con su marca.

Esta herramienta premium es de nivel empresarial y requiere una tarifa de licencia única.

  • CSSfox

CSSfox es una colección de diseños que puedes usar como inspiración. El proyecto comisariado por la comunidad, incluye publicaciones, reseñas y premios para nominados y ganadores.

  • Generador de patrones

El generador de patrones es una herramienta para crear patrones sin fisuras y libres, que puede utilizar en sus proyectos.

Casi todos los elementos de diseño del patrón son personalizables y puede mezclarlos para obtener inspiración para un nuevo estilo. Cree su patrón favorito y expórtelo para usarlo en formato JPG, PNG, SVG o CSS.

  • Type Style Clamp Generato

Type Style Clamp Generator le ayuda a crear visualizaciones a escala tipográfica para proyectos web. Elija una fuente, defina algunos parámetros más y vea la escala directamente en la pantalla.

Incluso, puede insertar sus propias palabras para ver cómo se verán. Luego, voltee para ver cómo se muestran las dimensiones en los dispositivos. Encuentra la escala que te gusta y captura el código con un solo clic.

  • Flowdash

Flowdash es una aplicación premium que lo ayuda a crear sus propias herramientas, conjuntos de datos y optimizar las operaciones comerciales con una sola herramienta. Gestione datos y procesos sin código.

Esta herramienta combina la familiaridad con las hojas de cálculo y un diseñador de flujo de trabajo visual con integraciones para automatizar tareas repetitivas para que su equipo pueda concentrarse en lo que realmente importa.

  • Scale

Scale es un sitio web que presenta nuevas ilustraciones de código abierto que puede usar en proyectos.

Quizás la parte más ingeniosa del generador de ilustraciones, es que puede cambiar el color con un clic, para que coincida con su marca. Luego cargue la imagen en formato SVG o PNG.

  • Pe-ple

Pe-ple es una herramienta que agrega una “comunidad personalizada” a cualquier sitio web, para ayudar a aumentar su base de fans y mejorar el rendimiento de SEO.

Permite, entre otras cosas, integrar chat, comentarios, emoticonos e inicio de sesión sin contraseña.

  • K! Sbag: plantilla de cartera mínima gratuita

K! Sbag es una plantilla de sitio web minimalista y gratuita creada para sitios web de cartera. (¿Ha decidido actualizar el suyo en 2021?) Incluye 6 páginas en formato HTML y PSD ready.

  • Merico Build

Merico Build es como un rastreador de fitness para código. Utiliza análisis de contribución para capacitar a los desarrolladores para que utilicen cuadros de mando e íconos que se centran en la superación personal y el avance profesional.

Regístrese con las herramientas que ya usa: Github o Gitlab.

  • Publica imágenes automáticamente en las redes sociales

La publicación automática de imágenes en las redes sociales resuelve un problema común en los sitios web: las imágenes faltantes o rotas al publicar en páginas de redes sociales.

En este tutorial, recorrerás el código necesario para crear las meta etiquetas correctas para los canales de redes sociales populares, para seleccionar la imagen que deseas para las publicaciones.

La mejor parte es que este código le ayuda a crear una imagen de vista previa dinámica, para que no tenga que hacer algo especial cada vez.

  • Enlaces SVG animados

Los enlaces SVG animados pueden agregar algo especial a su diseño. Este bolígrafo de Adam Kuhn presenta tres estilos de enlace diferentes.

  • Blush

Blush te ayuda a crear ilustraciones. Las colecciones de artistas de todo el mundo, le permiten encontrar algo para cada proyecto.

Todas las ilustraciones son personalizables, por lo que puedes jugar con variaciones para crear algo único.

  • Palmas

Las palmas son un conjunto de 43 pares de manos que ayudan a ilustrar los diseños. Cada ilustración está en formato vectorial y está lista para usar.

  • Tabbied

Tabbied le permite crear y personalizar patrones o imágenes de estilo mínimo para diferentes proyectos o fondos.

Experimente con imágenes y patrones, luego descargue la versión gratuita de alta resolución.

  • Cómo crear tarjetas animadas

Cómo crear tarjetas animadas es un pequeño tutorial de Johnny Simpson que usa WebGL y Three.js para crear un estilo similar a los de Apple Music.

El resultado es un estilo de tarjeta moderno y elegante que puede seguir junto con la demostración de CodePen.

  • Bandero

Bandero es una losa divertida con una textura rugosa y formas de letras interesantes. El conjunto de caracteres es un poco limitado y es más adecuado para el uso de pantallas.

  • Magilla

Magilla es una impresionante fuente serif moderna con hermosas líneas y trazos. La familia de auriculares premium incluye seis estilos, incluida una opción de contorno.

  • Roadhouse

Roadhouse es una de esas fuentes planas que casi grita diseño de marca. El diseñador de fuentes tuvo que tener esto en cuenta al incluir opciones de raya, bisel, en línea, medio relleno, contorno, extrusión y secuencia de comandos.

  • Arte callejero

Arte callejero, para los tiempos en que todo lo que necesitas es estilo graffiti. Lo bueno de esta opción, gratuita para uso personal, es que los caracteres son fáciles de leer.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post 7 elementos clave que debe tener un gran diseño de UX
Next post ¿Dónde debería anunciar su aplicación móvil?