Nuevas herramientas para diseñadores Septiembre 2021

Las nuevas herramientas para diseñadores del mes de Septiembre 2021.

Dado que algunos recien vuelven a la escuela, el resumen de este mes tiene un enfoque de aprendizaje. Además de las herramientas, muchos de los recursos incluyen guías, tutoriales y hojas de referencia para facilitar el trabajo de diseño.

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

 

ScrollingMockup.io

ScrollingMockup.io genera maquetas de desplazamiento animadas de alta definición en minutos. Todo lo que tiene que hacer es pegar la URL de su sitio web, seleccionar de la galería de plantillas en expansión, agregar algo de música y publicar. Puede crear tres maquetas de forma gratuita, y luego esta herramienta viene con un modelo de suscripción. El modelo de pago permite la creación de marcas personalizadas para maquetas y más.

 

FilterSS

FilterSS es una colección seleccionada de filtros de imagen CSS para su uso en proyectos. Cargue una imagen, ordene la lista y luego copie el código del filtro que desea usar. ¡Es fácil!

 

Buttons Generator

Buttons Generator es una herramienta divertida con tantas opciones de botones en un solo lugar. Elija entre tridimensionales, degradados, bordes de sombras, neumórficos, retro, animados, fantasmas, con flechas y más, todo en un solo lugar. Haga clic en el que le guste y el código se copiará directamente en su portapapeles y estará listo para usar en proyectos.
UI Cheat Sheet: Spacing Friendships es un enfoque divertido y memorable para averiguar el espaciado. Esta guía muestra qué tan cercanos o lejanos deben estar los elementos basados en círculos de “amigos” con un par de instancias identificables. Es uno de los ejemplos más identificables de este concepto al tiempo que enfatiza la importancia del espaciado en el diseño.

 

PrettyMaps

PrettyMaps es una biblioteca Python mínima que le permite dibujar mapas personalizados a partir de datos de OpenStreetMap. Esta herramienta puede ayudarlo a llevar el diseño de mapas en línea al siguiente nivel con imágenes de mapas geniales y únicas. Se basa en bibliotecas osmnx, matplotlib, shapely y vsketch.

 

Card.UX / UI

Card.UX / UI es un generador de estilo de tarjeta con más de 20 plantillas y elementos para crear tarjetas personalizadas. Utilice las herramientas en pantalla para diseñarlo de la manera que desee y luego copie el código para facilitar su uso.

 

Couleur.io

Couleur.io es una sencilla herramienta de creación de paleta de colores que le permite elegir un color inicial y crear un esquema a su alrededor. Uno de los mejores elementos de la herramienta podría ser la vista previa rápida, que muestra sus opciones usando la paleta en contexto y en modo oscuro. Consígalo con el aspecto que desee y luego enganche el CSS para usarlo en sus proyectos.

 

CSS Accent-color

CSS Accent-Color puede ayudarlo a teñir elementos con una línea de CSS. Es un truco que ahorra tiempo y permite una mayor personalización de su marca en los proyectos de diseño de sitios web. Además, funciona igualmente bien en combinaciones de colores claros o oscuros. Admite casillas de verificación, radio, alcance y barras de progreso.

 

 

 

 

Vytal

Vytal muestra qué rastros deja su navegador mientras navega por la web. Este escaneo le permite comprender lo fácil que es identificar y rastrear su navegador incluso cuando usa el modo privado. Además, busca huellas digitales, conexiones e información del sistema.

 

Imba

Imba es un lenguaje de programación para la web que está hecho para ser rápido. Está repleto de etiquetas de sintaxis que ahorran tiempo y un DOM memorizado. Todo se compila en JavaScript, funciona con Node y npm, y tiene un rendimiento asombroso. Si bien el idioma todavía está en desarrollo activo, la comunidad que lo rodea es bastante activa y está creciendo.

 

SVG Shape Dividers Creator

SVG Shape Dividers Creator es una herramienta que te permite crear formas interesantes con SVG para que tus colores y fondos no siempre sean rectángulos. Puede ajustar un lado, cambiar el color, el eje y voltearlo o animarlo. Luego enganche el CSS y estará listo para comenzar.

 

Image Cropper

Image Cropper es una herramienta que te permite recortar y rotar imágenes usando el complemento flutter. Funciona para Android e IOS.

 

Noteli

Noteli es una aplicación de notas basada en CLI que utiliza TypeScript, MongoDB y Auth0. La herramienta acaba de salir de la versión beta.

 

Yofte

Yofte es un conjunto de componentes para Tailwind CSS que lo ayudan a crear excelentes tiendas de comercio electrónico. El kit de interfaz de usuario está repleto de componentes con diseños limpios y coloridos que se pueden personalizar. El código es fácil de exportar y limpiar. Este kit premium viene con una licencia de por vida. Si necesitas ayuda, pide apoyo en Marketing Digital

 

UI Deck

UI Deck es una colección de plantillas de página de destino, temas y kits de interfaz de usuario gratuitos y premium para varios proyectos. Este es un recurso premium con acceso pago a todas las herramientas. Incluye acceso a más de 80 plantillas.

 

Rating Stars

Rating Stars: una solución SVG es un tutorial que resuelve un dilema de diseño común: cómo crear excelentes íconos de calificación de estrellas para las páginas. Este código lo guía a través de la creación de un elemento sin imagen cuyo tamaño se puede cambiar, es accesible, incluye estrellas parciales y es fácil de mantener con CSS. Es una gran solución para una necesidad de diseño común.

 

Designing Accessible WCAG-Compliant Focus Indicators

Designing Accessible WCAG-Compliant Focus Indicators es otra guía / tutorial conveniente para una aplicación diaria. He aquí por qué es importante: “Al diseñar e implementar indicadores de enfoque accesibles, podemos hacer que nuestros productos sean accesibles para los usuarios de teclado, así como para los usuarios de tecnología de asistencia que funciona a través de un teclado o emula la funcionalidad del teclado, como control por voz, controles de interruptores, palos en la boca y varitas para la cabeza, por mencionar algunos “.

 

Blockchain Grants

Blockchain Grants es una herramienta para cualquier persona que desarrolle aplicaciones de blockchain y necesite financiación. Es una base de datos de subvenciones de una variedad de organizaciones para diferentes aplicaciones. Empiece a buscar en este recurso gratuito que le ayudará a obtener fondos adicionales para sus proyectos.

 

Basement Grotesque

Basement Grotesque es una hermosa losa con un gran peso y mucho carácter. Hay 413 caracteres en el conjunto con muchos acentos, números y mayúsculas variables.

 

 

Gadimon

Gadimon es un guión en capas divertido, casi al estilo de un cómic. El paquete de fuentes incluye un estilo regular y extruido.

 

Lagom

Lagom es un tipo de letra serif elegante y funcional con 16 estilos en la familia robusta, desde ultraligero hasta cursiva extra negrita. Es legible y tiene mucha personalidad.

 

Striped Campus

Striped Campus se adapta a nuestro tema de regreso a la escuela con una apariencia divertida y escolar. Las letras de molde tienen un trazo de contorno grueso y una textura en línea divertida.

 

Puedes encontrar el articulo original aqui: Web Designer Depot